zl程序教程

您现在的位置是:首页 >  前端

当前栏目

《移动优先与响应式Web设计》一导读

响应Web 设计 移动 导读 优先
2023-09-11 14:17:42 时间
这本书所讲的内容真的算不上什么大学问。即使不是大学问,仍包含了深层的意义。这本书改变了个人计算机的定义,也改变了我们上网的方式。虽然看来很复杂,但我们可以步步为营,循序渐进。


q1

移动优先与响应式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月上线运营。公众号【异步图书】,每日赠送异步新书。