让网站运营更简单

让搜索引擎更喜欢的网站

立即咨询

专注于高端网站服务

潜心,笃志!

立即咨询

企业全场景门户

网站建设解决方案

立即咨询

惊艳的网站设计,页小美——惊艳!著名网站重新设计的10个经典案例深度揭秘

发布时间:2022-10-27 07:57:49 作者:佚名 来源:网络 浏览量(32) 点赞(44)
摘要123:当你重新设计网站的时候,功能实现与用户体验是你需要考虑的首要因素。以下的十个重设案例中,包括了著名的社交网站Facebook,搜索巨头Google,视频巨擘Youtube,以及权威的影视评分网站IMDB。 NO.10Amazon 这一设…

1.惊艳的网站设计

当你重新设计网站的时候,功能实现与用户体验是你需要考虑的首要因素以下的十个重设案例中,包括了著名的社交网站Facebook,搜索巨头Google,视频巨擘Youtube,以及权威的影视评分网站IMDB 。

2.惊艳的网站设计一

NO.10Amazon这一设计稿出自设计师James Cipriano之手,并且发布在Dribbble上James强化了Amazon的标识色黄色,并应用到侧边栏上而主体部分的产品图则比目前的Amazon地设定更清晰规整。

3.惊艳的网站设计软件

右上角的个人信息用圆形的头像替代了,而这正是目前最流行的表现形式James Cipriano对Amazon的重新设计

4.惊艳的网站设计图

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

5.惊艳的网站设计名字

Vladimir Kudinov对IMDB的重新设计

6.最有创意的网站设计

NO.8Google这一重设作品同样发布在Behance上面,作者是Ayman ShaltoniAyman的设计非常有特色,Google的Logo字体从衬线体替换成了更现代的非衬线体,原本清新的糖果色被更加复古的色调所替代。

7.新颖的网站设计

可能是受到了古老的Mac OS 8.5的启发,原本置于顶端的导航栏被移动到下方,并且可以像抽屉一样打开,这可能是这一重设最为亮眼的地方Ayman Shaltoni对Google的重新设计

8.经典网站设计

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

9.网页性感设计

Michael Coyle对BBC的重新设计

10.精美网页设计

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的重新设计

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

本文图文来源于网络,版权属于原作者或网站,内容为作者观点,内容版权归原作者所有、本站不对文章中的任何观点负责,内容只用于提供信息阅读,无任何商业用途。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站(文章、图片、音频、视频)有涉嫌抄袭侵权/违法违规的内容,请联系管理员,一经查实,将立刻删除、维护您的正当权益。

二维码

扫一扫,关注我们

相关新闻

X

截屏,微信识别二维码

微信号:zeroretrd

(点击微信号复制,添加好友)

  打开微信

微信号已复制,请打开微信添加咨询详情!
热线咨询
400-660-9550
180-4219-6648
免费热线
网站建设
小程序开发
网站SEO优化