前 言
移动优先与响应式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章 实现响应式