【SocialBeta周末】10个自适应网页设计案例

MENU

SocialBeta

个人主页>>
上一篇
【专访】微播易徐扬:被意见领袖瓜分的社交视线

【SocialBeta周末】10个自适应网页设计案例

SocialBeta | 2013-08-03 16:29
所谓自适应网页设计,是由Ethan Marcotte在2010年提出的名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。简单来说就是同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout) 。 随着移动技术的普及,越来越多的人会通过不同的屏幕来浏览网页,2012年成为PC和mobile的分水岭,全球pc机的销售量低于移动终端。很多知名网站的流量都来自移动终端,比如mashable自己的流量就有30%来自移动终端,预计到2013年将会超过50%,可见,一个网站在提供pc机上良好的用户体验之外,还需要在不同的移动终端(PAD和智能手机)提供良好的网页浏览体验。这是自适应网页设计流行的前提之一。 2013年是自适应网页设计流行的第二点是,为了提供良好的用户体验,很多网站都制作了自己的APP,这不为一种好的方法,但这个成本也相对高昂,且推广也不是一件简单的事情,用户不会浏览一个网站就下载一个APP,根据Pew Research Center的数据显示,60%的平台电脑使用者还是更倾向于用浏览器来浏览网页而非App。 下面是有国外数字营销咨询博客Econsultancy.com整理的10个优秀的自适应网页设计案例,供大家参考:

Global News Canada

Mitsubishi Motors Australia

Mashable: US

British Council: Ukraine

Comp.ly: United States

Asia Web Net: Thailand

World Wildlife Fund: United States

Vimlewebb: Sweden

Voucher Codes: UK

Capital One: US

延伸阅读: 【SocialBeta周末】2013是自适应网页设计( Responsive Web Design)之年

共有 0 条评论

请先 登录 再发表评论
暂时木有评论
TOP