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

标签: 社会化产品设计 自适应网页设计 移动互联网 响应式网页设计 | 发表时间:2013-08-03 08:29 | 作者:clovey
分享到:
出处:http://www.socialbeta.com

所谓自适应网页设计,是由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)之年

您可能也喜欢:

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

【SocialBeta周末】从威比奖得主看网站视觉设计的历史变迁

移动网页设计概要、案例和技巧

5大移动网页设计之最佳实践

【SocialBeta周末】咖啡馆:17世纪的社交网络
无觅

相关 [socialbeta 周末 适应] 推荐:

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

- - SocialBeta
所谓自适应网页设计,是由Ethan Marcotte在2010年提出的名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计. 简单来说就是同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout) . 随着移动技术的普及,越来越多的人会通过不同的屏幕来浏览网页,2012年成为PC和mobile的分水岭,全球pc机的销售量低于移动终端.

[SocialBeta专访]爱库网创始人:兴趣图谱领域将会诞生伟大的公司

- Hopone - SocialBeta
本文是我对天涯海阁博主,爱库网创始人@watsonxu专访. puting:作为天涯海阁的读者和爱库网的用户,我很想了解一些关于你自己的一些情况,我相信SocialBeta的读者也会对这个感兴趣,能否为我们介绍下你自己. 最早我主要从事医药领域信息化的工作,之后有过一段不是特别成功的创业经历,后来进入盛大创新院从事产业研究的工作,今年3月份正式离职和同事kevin一起出来全职做爱库网.

[SocialBeta专访]魔时创始人张锐:社会化媒体营销还处于探索初期

- 章明 - SocialBeta
本文是SocialBeta @puting对魔时科技创始人@张锐魔时科技 的专访. 图为张锐和@吴璇Queenie. puting:我从网上了解到,您的经历有点传奇色彩,当年以广东省文科状元进入北大,出版过3本畅销书,后来加入摩根斯坦利,成为该银行第一个在内地直接招聘至境外工作的中国籍员工,您能为SocialBeta的读者做一个140字的微博式的介绍吗.

【Android 周末回眸】2010.11.13-11.20

- jicknan - 谷奥——探寻谷歌的奥秘
我们特别在谷奥推出每周日固定一期的【Andriod 周末回眸】特别节目,回顾一周内“谷奥Android分站──谷安”的重要新闻. 三星 Continuum 手机开箱视频. 传三星的 Nexus S 使用了曲面显示屏技术. Google Sky Map for Android 升级到 1.6,一起来做时间旅行吧.

【Android 周末回眸】2011.08.01-2011.08.07

- ROY - 谷奥——探寻谷歌的奥秘
这是一周以来 Android 的新闻综述,下面我们来看看这周的主要内容:. 这周新的摩托罗拉 Droid Bionic 手机照片连续泄露,摄像头看起来貌似不错,然后硕大的电池看起来也比较给力,另外最新的消息称该手机的用户手册在 FCC 出现,确认了 qHD 屏幕和 GSM 支持. 摩托罗拉 Domino+ 手机显性感,配置一般不过白色亮漆看上去很时尚.

【Android 周末回眸】2011.07.25-2011.07.31

- 小小草 - 谷奥——探寻谷歌的奥秘
这是一周以来 Android 的新闻综述,下面我们来看看这周的主要内容:. 三星概念手机 Galaxy Skin 出炉,让你见识什么是柔软,不知道为嘛让我想到了“海带…”. 三星 SPH-M930 侧滑手机通过 FCC,将由 Boost Mobile 运营,带 1GHz 高通处理器. 传三星也在捣鼓一款 3D 手机,该机称为 Galaxy 3D 手机,将在 2011 年第 4 季度发布.

周末gif福利08.27

- Leo - 热豆腐
欢迎光临热豆腐的小店,每月图片合集只要1块钱. 猛击查看原文:http://www.redoufu.com/2011/08/27/weekly-gifs-2/. 热豆腐Copyright © 2009-2010 每天的视觉盛宴. 严重期待趣图爱好者加入热豆腐交流群: 120026949 ,欢迎来搞,分享欢乐.

周末gif福利08.28

- Leo - 热豆腐
欢迎光临热豆腐的小店,每月图片合集只要1块钱. 猛击查看原文:http://www.redoufu.com/2011/08/28/weekly-gifs-3/. 热豆腐Copyright © 2009-2010 每天的视觉盛宴. 严重期待趣图爱好者加入热豆腐交流群: 120026949 ,欢迎来搞,分享欢乐.

周末GIF福利09.04

- 大连猫 - 热豆腐
09年6月~10年1月图宴礼包(new!). 猛击查看原文:http://www.redoufu.com/2011/09/04/gif-collection-4/. 热豆腐Copyright © 2009-2010 每天的视觉盛宴. 严重期待趣图爱好者加入热豆腐交流群: 120026949 ,欢迎来搞,分享欢乐.

周末gif福利09.10

- bingo - 热豆腐
09年6月~10年1月图宴礼包(new!). 猛击查看原文:http://www.redoufu.com/2011/09/10/gif-collection-2/. 热豆腐Copyright © 2009-2010 每天的视觉盛宴. 严重期待趣图爱好者加入热豆腐交流群: 120026949 ,欢迎来搞,分享欢乐.