Jeans for Refugees牛仔服装拍卖类网站设计

网站赏析：

正如标题所言，这是一个与牛仔服饰拍卖有关的网站。Jeans for Refugees是由艺术家Johny Dar发起的一项全球筹款计划。名人将牛仔裤捐赠给Dar，他为牛仔裤涂漆以筹集资金并拍卖出去。这个网站设计的相对比较时尚 , 作为一个牛仔服饰的展示型网站 , 在网站的许多地方都能给用户带来全新的时尚感。通过对网站的分析 , 可以归结出以下几个值得学习的地方 :

    ○ 动画效果上 , 网站所有的标题都是有线条组成的。在滚动鼠标的过程中 , 可以看到线条的聚集和拆分 , 这样的动态设计能够时时刻刻吸引着用户的眼球 , 在页面中处于较为明显的位置。

    ○ 颜色搭配上 , 网站的总体背景是白色的。白色的选用能够让页面看上去更加清爽 , 同样也展示出了网站的大气。仔细观察的话 , 可以看到文字标题都是用不同颜色的线条组成的 , 在不显突兀的前提下, 还能够丰富页面色彩。

    ○ 细节设计上 , 网站用到了重叠式的侧边菜单栏 , 这样的设计看上去更加贴合网站主题风格。在文字的标题切换时 , 版式过渡的细节处理的也很优秀 , 让用户能较好的去适应网站。              

设计看点：

进入首页后 , 如下图显示。映入眼帘的是多种颜色线条组成的网站名称。白色作为网站背景再搭配上了不规则摆放的线条 , 让整个页面显得很饱满 , 并且具有艺术感。颜色的饱和度也让人舒适 , 且富有美感。

进入到下面的模块中时 , 我们能看到如下图显示。当鼠标滚动时 ,  屏幕中央的子栏目会发生拆分和聚集的效果。在子栏目进行切换时 , 标题组成元素会拆分 , 并短暂的停留在下一个标题四周。这样停留效果的设计比较有新意 , 能够给人眼前一亮的感觉。由原来的发散性的目光再聚集在栏目标题上 , 凸显标题内容。

当进入到具体服装页面时, 子栏目的线条会分散开组成下图左侧的装饰。在这一模块中 , 详细的展示了不同类型的牛仔裤 。无论是排版样式还是颜色的搭配 , 该模块都设计的很有质感。左侧动态线条的展示 , 搭配右侧静态图片以及文字的展示 , 动静结合 , 充实了整个页面。