著名网站重新设计的10个经典案例

 

  网站的重新设计可能会为它的成长和发展带来新的契机。随着时间的推移,网站的访问者变了,而网站本身也有必要随之进化。它并不一定非得和过去一样,你可以随着网站设计的趋势重新构建它。

  当你重新设计网站的时候,功能实现与用户体验是你需要考虑的首要因素。以下的十个重设案例中,包括了著名的社交网站Facebook,搜索巨头Google,视频巨擘Youtube,以及权威的影视评分网站IMDB。看看这些案例,再点击每张图片上方的链接访问原始网页,你可以对比以下它们的差异。琢磨一下为什么这些重设是成功的,你可能会从中受益匪浅。

  Top 10:Amazon

  这一设计稿出自设计师James Cipriano之手,并且发布在Dribbble上。James强化了Amazon的标识色黄色,并应用到侧边栏上。而主体部分的产品图则比目前的Amazon地设定更清晰规整。右上角的个人信息用圆形的头像替代了,而这正是目前最流行的表现形式。原始的Amazon网站戳这里。

  James Cipriano对Amazon的重新设计


  Top 9:IMDB

  设计师Vladimir Kudinov在自己的Behance页面中发布了这一设计作品。原始的IMDB首页设计来的更传统,而Vladimir的设计则采用了图片拼贴的方式来呈现,大小错落的照片围绕着纯色底的文字选框,充满了视觉冲击力。原始的IMDB网站戳这里(需要翻墙)。

  Vladimir Kudinov对IMDB的重新设计


  Top 8:Google

  这一重设作品同样发布在Behance上面,作者是Ayman Shaltoni。Ayman的设计非常有特色,Google的Logo字体从衬线体替换成了更现代的非衬线体,原本清新的糖果色被更加复古的色调所替代。可能是受到了古老的Mac OS 8.5的启发,原本置于顶端的导航栏被移动到下方,并且可以像抽屉一样打开,这可能是这一重设最为亮眼的地方。原始的Google网站戳这里。

  Ayman Shaltoni对Google的重新设计


  Top 7:BBC

  Micheal Coyle也认为图片是最抓人眼球的。他重新设计BBC的首页的时候同样选择了将图片作为呈现的主体,去除大量的文字堆砌,更加直观。左侧的侧边栏替代原本BBC网站上各个区块的标题,整合度更高。原始的BBC网站戳这里。

  Michael Coyle对BBC的重新设计


  Top 6:Twitter

  Zsolt所设计的Twitter网站采用了独特的分栏设计。有研究表明正常人阅读的时候,一眼只能看到几个字,这也是为什么报纸的排版中每一栏的宽度都不大。而Zsolt的设计与此不谋而合。另外,Zsolt的twitter页面的信息维度也更加的扁平,页面可以向左滑动,看到更多的栏目,也可以向下滚动,阅读更多的回复。原始的twitter网页戳这里(需要翻墙)。

  Zsolt Hutvagner对Twitter的重新设计


  Top 5:Wikipedia

  维基百科也许是截至目前最好的百科全书。目前的维基百科页面极其素雅,文字远多于图片,因此,排版就显得尤为重要了。George基于现有页面和栏目重新设计了维基百科的首页。左侧以图片为日期索引,颇具匠心,而右侧则使用图文混排的形式,以相同尺寸的矩形区块来划分不同的栏目。值得一提的是,George在此也引入了时间线,拓展了信息呈现的维度。原始的维基百科的页面戳这里。

  George Kvasnikov对Wikipedia的重新设计


  Top 4:Soundcloud

  Soundcloud号称是音频分享界的Youtube,无出其右者。Anton保留了Soundcloud原始的配色方案,增加了banner图,强化了主体部分的排版,为右侧的个人信息栏增加了浅灰色的底色,区分出了区块。比起原本的Soundcloud页面,Anton的设计显得更加清晰,又不失其简约风格的神韵。原始的Soundcloud页面戳这里(需要翻墙)。

  Anton Skugarov 对Soundcloud的重新设计


  Top 3:Youtube

  被封为视频领域传奇的Youtube就无需深入介绍了吧?同以上的几个案例一样,Alexandr对于Youtube的改造方向也选择了扁平化。这套重新设计的页面保留了Google的配色体系,左侧的个人信息栏使用了经典的红黑配色,在浅色的底色上显得非常显眼,也让整个版面不那么单调了。视频的排布方式也遵循一贯的排布方式,中间是主要的视频内容,右侧为相关推荐。原始的Youtube网页戳这里(需要翻墙)。

  Alexandr Brinza对Youtube的重新设计


  Top 2:Netflix

  不知道Netflix?那你应该知道连奥巴马都喜欢看的美剧《纸牌屋》吧?这就是Netflix出品的。作为美国最著名的在线影片租赁提供商,Netflix沿用着充满复古范儿的Logo,以及相对古板的页面排布方案。Vivek对Netflix的重新设计还是比较彻底的,重新设计的logo,扁平的页面。三栏式的页面设计,方便用户筛选他们喜欢的影片,而影片的图文混排比也比之前的版式更加清晰出众。原始的Netflix的页面戳这里(大陆无法观影)。

  Vivek Venkatraman对Netflix的重新设计


  Top 1:Facebook

  传奇的社交网站Facebook已经不是第一次被人重新设计了。但是这一次的设计方案还是令人印象非常深刻的。Fred采用了微软的Metro设计风格,蓝色与白色的色块来承载文字信息,与图片错落混排,效果极为养眼。深色的侧边栏与顶部的蓝色导航栏,也同样形成色彩对比,清晰明了。戳这里访问Facebook,当然,你得翻墙才行。

  Fred Nerby对Facebook的重新设计


  看完这些重新设计的方案,你有没有受到启发呢?

时间: 2024-11-03 21:18:27

著名网站重新设计的10个经典案例的相关文章

北京网站辟谣平台公布2013年十大辟谣经典案例

中介交易 SEO诊断 淘宝客 云主机 技术大厅 北京网站辟谣平台公布2013年十大辟谣经典案例 制图:李鹤 互联网健康生态的修复和持续,需要多方合力才能生成.主管部门.互联网站.传统媒体.社会公众等各方力量,应构筑起治理和防范网络谣言的"联合战线" "老外街头扶起中国大妈被讹"."扔鸡蛋砸车抢劫"."雾霾使鲜肺6天变黑肺"--1月16日,经过十天网络投票和专家评议,北京地区网站联合辟谣平台公布2013年度十大辟谣经典案例. 北

北京网站辟谣平台公布十大辟谣经典案例

李鹤互联网健康生态的修复和持续,需要多方合力才能生成.主管部门.互联网站.传统媒体.社会公众等各方力量,应构筑起治理和防范网络谣言的"联合战线""老外街头扶起中国大妈被讹"."扔鸡蛋砸车抢劫"."雾霾使鲜肺6天变黑肺"--1月16日,经过十天网络投票和专家评议,北京地区网站联合辟谣平台公布2013年度十大辟谣经典案例.北京市互联网信息办公室相关负责人介绍,5种谣言在网络上十分常见,也是此次评选的主要对象,包括:易引起广泛误读的

副tab标题-请问网站的经典案例一般怎样设计?

问题描述 请问网站的经典案例一般怎样设计? 很多网站里面有经典案列内容,一般是有一个主tab标题,几个副tab标题, 右边放一个更多的链接,而下面放一个图片列表,及对应的标题. 一般是这样设计吗? 解决方案 不知道你说的经典案例是什么意思.这个没有什么特定的规范,你按照和你业务差不多的模仿即可.相同类型的网站,比如购物,国内一窝蜂模仿京东,但是国外的网站就不是这样.这个说明行业内小范围内的抄袭并不说明网站的设计必须一样.

国外10大经典wordpress免费主题网站

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 目前使用wordpress的人群非常多,特别是站长朋友们,但是往往有些时候,我们会为找不到一款合适的主题而苦恼,今天就特别向大家推荐国外10个经典的wordpress免费主题网站,这些网站拥有海量的wordpress免费主题资源,这这里我相信你定能找到一款属于自己的那个,希望这些主题网站能够让大家大饱眼福,对大家有所帮助! 第一:www.fr

《不只是美:信息图表设计原理与经典案例》—— 1.1 理性乐观派观派

1.1 理性乐观派观派 不只是美:信息图表设计原理与经典案例 原本我打算在这章的开头讲述几个有关信息可视化.信息设计和信息图表的正式定义,但没有这样做,一些事情改变了我的想法.一次,我随意浏览<纽约时报>(The New York Times)网站时,一篇关于<理性乐观派:一部人类经济进步史>(The Rational Optimist: How Prospersity Evolves)(2010年)的评论引起了我的注意,该书的作者是英国科学评论家Matt Ridley. 这篇评论

经典案例:如何把胸罩卖给男人?

经典案例: 如何把胸罩卖给男人? 时间:2014-10-13 18:40 来源:互联网的一些事 作者:TR 10月13日 一些事 晚报 | 汇总今日最热资讯 1.[一个小米黄牛发家自述: 三年赚千万 米2S最赚]随着小米手机快速崛起,其背后的市场营销.粉丝经营.渠道销售也引起产业各方强烈关注.从今年8约底开始,<壹观察>陆续奔赴北京.深圳.成都.广州.济南.南京.石家庄等10多个城市调查国产手机渠道之变,接触到了很多国产手机区域渠道商和分销商,其中不乏小米在全国的主要线下渠道. 2.[周鸿祎自

杭州道森设计 SEO经典案例分析

杭州道森设计是杭州seo刚入设计行业时的网站建设工作室网站,今天拿出来分析下排名原因.希望对大家有所帮助 一.网站大致资料: 网站:杭州道森设计机构 域名:www.dawsen.cn 运营时间:10个月左右 收录状况: 标签: 关键词:杭州网站建设,杭州网站制作,杭州网页设计 网站描述: TEL:13666605943 QQ:85603051 杭州网站建设和杭州网页设计公司,专业提供杭州企业网站建设服务,专业型外贸公司网站建设服务,网页设计,网页制作,网站建设营销方案策划,网络营销,网站优化,网

儒豹顶告的经典案例:服饰网

儒豹顶告的经典案例:服饰网 "服饰网"(http://www.fushiw.roboo.com)自2011年上半年注册儒豹手机顶告以来,3G手机网站的用户流量一直呈增长趋势,至今,3G手机网站访问量已达60000多次. 2011年初,儒豹(http://www.roboo.com)推出手机顶告服务.2011年5月,广州彰晖贸易有限公司与儒豹合作,签订10年手机顶告合同,注册顶告关键词"服饰网".2011年6月,"服饰网"3G手机网站与PC网站正式

商业模式之争——“国际营销外包”经典案例解读

编者:商业模式决定企业未来!"国际营销外包模式"的出现将在很大程度上改变我国制造出口企业的发展前景. 中国出口制造企业除了要在技术创新等核心竞争力方面进行大幅度提升之外,营销模式也存在致命缺陷. 在传统国际贸易业务拓展过程中,中国的出口型企业经常会遇到以下一些困扰:在进行国际推广的时候缺乏对企业品牌形象进行统一的定位:传统的业务推广方式效果越来越差,如参加贸易展会的效果一年比一年差:在B2B网络推广上投入了大量的资金与人力,但是收效甚微:因为业务繁忙而无暇顾及对海外买家进行客户关系维护