当你重新设计网站的时候，功能实现与用户体验是你需要考虑的首要因素。以下的十个重设案例中，包括了著名的社交网站facebook，搜索巨头google，视频巨擘youtube，以及权威的影视评分网站imdb。
no.10amazon这一设计稿出自设计师james cipriano之手，并且发布在dribbble上。james强化了amazon的标识色黄色，并应用到侧边栏上。而主体部分的产品图则比目前的amazon地设定更清晰规整。右上角的个人信息用圆形的头像替代了，而这正是目前最流行的表现形式。james cipriano对amazon的重新设计
no.9imdb设计师vladimir kudinov在自己的behance页面中发布了这一设计作品。原始的imdb首页设计来的更传统，而vladimir的设计则采用了图片拼贴的方式来呈现，大小错落的照片围绕着纯色底的文字选框，充满了视觉冲击力。vladimir kudinov对imdb的重新设计
no.8google这一重设作品同样发布在behance上面，作者是ayman shaltoni。ayman的设计非常有特色，google的logo字体从衬线体替换成了更现代的非衬线体，原本清新的糖果色被更加复古的色调所替代。可能是受到了古老的mac os 8.5的启发，原本置于顶端的导航栏被移动到下方，并且可以像抽屉一样打开，这可能是这一重设最为亮眼的地方。ayman shaltoni对google的重新设计
no.7bbcmicheal coyle也认为图片是最抓人眼球的。他重新设计bbc的首页的时候同样选择了将图片作为呈现的主体，去除大量的文字堆砌，更加直观。左侧的侧边栏替代原本bbc网站上各个区块的标题，整合度更高。michael coyle对bbc的重新设计
no.6twitterzsolt所设计的twitter网站采用了独特的分栏设计。有研究表明正常人阅读的时候，一眼只能看到几个字，这也是为什么报纸的排版中每一栏的宽度都不大。而zsolt的设计与此不谋而合。另外，zsolt的twitter页面的信息维度也更加的扁平，页面可以向左滑动，看到更多的栏目，也可以向下滚动，阅读更多的回复。zsolt hutvagner对twitter的重新设计
no.5wikipedia维基百科也许是截至目前最好的百科全书。目前的维基百科页面极其素雅，文字远多于图片，因此，排版就显得尤为重要了。george基于现有页面和栏目重新设计了维基百科的首页。左侧以图片为日期索引，颇具匠心，而右侧则使用图文混排的形式，以相同尺寸的矩形区块来划分不同的栏目。值得一提的是，george在此也引入了时间线，拓展了信息呈现的维度。george kvasnikov对wikipedia的重新设计
no.4soundcloudsoundcloud号称是音频分享界的youtube，无出其右者。anton保留了soundcloud原始的配色方案，增加了banner图，强化了主体部分的排版，为右侧的个人信息栏增加了浅灰色的底色，区分出了区块。比起原本的soundcloud页面，anton的设计显得更加清晰，又不失其简约风格的神韵。anton skugarov 对soundcloud的重新设计
no.3youtube被封为视频领域传奇的youtube就无需深入介绍了吧？同以上的几个案例一样，alexandr对于youtube的改造方向也选择了扁平化。这套重新设计的页面保留了google的配色体系，左侧的个人信息栏使用了经典的红黑配色，在浅色的底色上显得非常显眼，也让整个版面不那么单调了。视频的排布方式也遵循一贯的排布方式，中间是主要的视频内容，右侧为相关推荐。alexandr brinza对youtube的重新设计
no.2netflix不知道netflix？那你应该知道连奥巴马都喜欢看的美剧《纸牌屋》吧？这就是netflix出品的。作为美国最著名的在线影片租赁提供商，netflix沿用着充满复古范儿的logo，以及相对古板的页面排布方案。vivek对netflix的重新设计还是比较彻底的，重新设计的logo，扁平的页面。三栏式的页面设计，方便用户筛选他们喜欢的影片，而影片的图文混排比也比之前的版式更加清晰出众。vivek venkatraman对netflix的重新设计
no.1facebook传奇的社交网站facebook已经不是第一次被人重新设计了。但是这一次的设计方案还是令人印象非常深刻的。fred采用了微软的metro设计风格，蓝色与白色的色块来承载文字信息，与图片错落混排，效果极为养眼。深色的侧边栏与顶部的蓝色导航栏，也同样形成色彩对比，清晰明了。fred nerby对facebook的重新设计
看完这些重新设计的方案，你有没有受到启发呢？来源：优设网 陈子木 http://uisdc/redesign-examples-of-websites