【SocialBeta周末】10个自适应网页设计案例
- - SocialBeta所谓自适应网页设计,是由Ethan Marcotte在2010年提出的名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计. 简单来说就是同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout) . 随着移动技术的普及,越来越多的人会通过不同的屏幕来浏览网页,2012年成为PC和mobile的分水岭,全球pc机的销售量低于移动终端.
所谓自适应网页设计,是由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个优秀的自适应网页设计案例,供大家参考:
延伸阅读:
您可能也喜欢: | ||||
【SocialBeta周末】2013是自适应网页设计( Responsive Web Design)之年 |
【SocialBeta周末】从威比奖得主看网站视觉设计的历史变迁 |
移动网页设计概要、案例和技巧 |
5大移动网页设计之最佳实践 |
【SocialBeta周末】咖啡馆:17世纪的社交网络 |
无觅 |