《移动优先与响应式Web设计》一导读
移动优先与响应式Web设计
这本书所讲的内容真的算不上什么大学问。即使不是大学问,仍包含了深层的意义。这本书改变了个人计算机的定义,也改变了我们上网的方式。虽然看来很复杂,但我们可以步步为营,循序渐进。
移动优先
长久以来,大部分网页设计团队的产品和信息都是为台式和笔记本电脑而设计的。移动平台对他们来说只不过是后话,他们甚至干脆忽略了这一市场。很可惜,好长一段时间,这个态度曾经广受认同。以前用手机上网非常痛苦,运营商控制了网络接入,移动网络的速度也并不是非常理想。那时候很少人用手机上网(日本除外),就算用移动设备上网,也没有体验可言。
但近年来一切都前所未有地转变了。设计网页产品如果只顾台式计算机,这样可能会是过时的方法。首先,为移动平台设计网页,不但可以带来更多的机遇,还可以提升网页或应用程序的整个用户体验。
此概念回到我们的“小学问”。设计、建构网页和应用程序时,都应以移动平台为优先。优先移动平台的设计能够达到以下目的。
装备自己,抓紧机遇,以应付日后移动平台的迅速增长。
鞭策自己,清楚有什么限制,以优先注重于移动平台。
启发自己,善用移动平台的原有功能和用法,以创出更多崭新体验。
事实上,就算你暂时没有实际的设计概念,只学习移动平台的设计概念也会让你有所收获。只要花半天时间来思考移动平台的体验,就已经能为你带来创新灵感。
不只是我在提倡移动平台优先,全球很多大型互联网公司也开始接受这一套哲学。谷歌主席埃里克·施密特建议:“做任何事,大前提为—移动平台
优先。”Facebook首席设计师凯蒂·阿洛诺维斯指出:“我们现在开始以移动平台为优先,网页平台则为次要。我们招聘的设计师必须接受移动平台的限制。我们也获益良多,学会怎样设计计算机版的程序。”Adobe首席技术员凯文·林奇指出:“我们真的需要转变,以移动平台为优先……这次转变很大,大过当年的个人计算机革命。”
对这些公司和很多人来说,移动优先是一件大事。但为何移动平台如此重要?应该怎样开始为移动平台设计?接下来的内容能够解决以上问题,不然你也不会读这本书。
一寸光阴一寸金。这本书精简到位。首先,将解释为何移动优先如此重要。然后将阐述移动版和计算机版上网体验的区别,让你可以将你现有的网页设计知识应用至移动平台。
此书不会有任何程序代码;这方面很多程序员都比我优秀。此书会介绍移动优先的商业案例、设计形成和实用技巧,在你每次进行设计和建构时,都可以以此作为参考。
还有一点值得一提,我不会用“移动网页”一词,而会用“移动体验”。基本上,互联网只有一个,在不同的设备上会有不同的体验。本书则注重于移动平台的用户体验。
我刚说过要精简到位,那么事不宜迟,直入正题。
上册 序
上册 移动优先
第1章 增长
1.1 变了什么?
1.2 设备不同,功能不同
1.3 原生应用又如何?
1.4 事不宜迟
第2章 限制
2.1 屏幕大小
2.2 速度
2.3 时与地
2.4 接受限制
第3章 功能
第4章 组织
第5章 动作
第6章 输入
第7章 布局
下册 响应式Web 设计
下册 序
第1章 响应式网页
1.1 扣好安全带
1.2 响应式建筑
1.3 未来方向
第2章 灵活网格
第3章 灵活图像
第4章 媒体查询
第5章 实现响应式
下一代响应式Web设计:组件驱动式Web设计 自从著名设计师 Ethan Marcotte(@beep)在 A List Apart上发表了一篇名为《 Responsive Web Design》的文章之后,响应式网页设计(RWD,即 Responsive Web Design)的身影就出现在了公众面前。自此就有了响应式 Web 设计这个概念。从提出这个概念到今天已经有十多年的时间了。在这十多年来,CSS 也发生了巨大的变化,新增了很多新的特
响应式Web设计的9项基本原则 响应式web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸,没有任何物理限制,让人感到无从下手。随着建立网站可用的各种小工具越来越多,像素设计局限于桌面和移动端也已经成为历史。因此,现在就让我们来说明一下如何运用响应式web设计的各项基本原则来实现,而不是抗拒流畅的网页体验。为了简单起见,我们将着重讲布局(当然,响应式设计远远不止于此,如果你想进一步学习,可以点击此处)。
浅谈响应式Web设计与实现思路 响应式是什么呢?顾名思义,响应式,肯定会自动响应,响应什么?应用程序是在终端屏幕窗口中展示给用户,被用户访问的,那么就是响应屏幕的变化,不同终端屏幕尺寸大小不一致,需要针对不同尺寸屏幕进行不同的展示响应。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- 响应式开发(一)
- [Web 安全] WASC 和 OWASP两个web安全方面组织机构介绍
- [Web 前端 ] 五大WEB主流浏览器及四大内核
- 云集,让 web app 像 native app 那样运行(雄起吧,Web 开发者)
- 【CTF WEB】ISCC 2016 web 2题记录
- jmeter响应信息unicode 编码转成中文
- 《ASP.NET MVC4 WEB编程》学习笔记------Web API
- 四、瞬时响应:网站的高性能架构
- Nikto是一款Web安全扫描工具,可以扫描指定主机的web类型,主机名,特定目录,cookie,特定CGI漏洞,XSS漏洞,SQL注入漏洞等,非常强大滴说。。。
- cocos2d-x中关于touch事件的响应
- 【代码】使用ReentrantLock还可以调用lockInterruptibly方法,可以对线程interrupt方法做出响应
- Atitit.跨语言标准化 web cgi api v2 saa CGI (通用网关接口) 编辑 CGI 是Web 服务器运行时外部程序的规范,按CGI 编写的程序可以扩展服务器功能。CG
- Atitit.web三大编程模型 Web Page Web Forms 和 MVC
- 【价格型需求响应】基于Logistic函数的负荷转移率模型需求响应研究(Matlab代码实现)
- 基于风光储能和需求响应的微电网日前经济调度(Python代码实现)【1】
- 智能电网中需求响应研究(Matlab代码实现)
- Atitit.web三编程模型 Web Page Web Forms 和 MVC
- cocos2dx触屏响应(单点触摸)CCTouchBegan,CCTouchMove,CCTouchEnd
- python web py入门(68)- jQuery - 按钮事件的响应顺序
- 基于激励的需求响应计划下弹性微电网的短期可靠性和经济性评估(Matlab代码实现)