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

简介: 这本书所讲的内容真的算不上什么大学问。即使不是大学问,仍包含了深层的意义。这本书改变了个人计算机的定义,也改变了我们上网的方式。虽然看来很复杂,但我们可以步步为营,循序渐进。


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章 实现响应式

相关文章
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
213 3
|
缓存 前端开发 JavaScript
前端技术探索:构建高效、响应式Web应用的秘诀
前端技术探索:构建高效、响应式Web应用的秘诀
299 0
|
前端开发 开发者 容器
构建响应式Web界面:Flexbox与Grid布局的深度解析
【10月更文挑战第11天】本文深入解析了CSS3中的Flexbox和Grid布局,探讨了它们的特点、应用场景及使用方法。Flexbox适用于一维布局,如导航栏;Grid布局则适用于二维布局,如复杂网格。通过示例代码和核心属性介绍,帮助开发者灵活构建响应式Web界面。
354 5
|
JavaScript 前端开发 网络架构
如何使用Vue.js构建响应式Web应用
【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用
|
JavaScript 前端开发
如何使用Vue.js构建响应式Web应用程序
【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用程序
|
前端开发 JavaScript 测试技术
构建响应式Web应用程序:React实战指南
【10月更文挑战第9天】构建响应式Web应用程序:React实战指南
|
前端开发 开发者 容器
【布局革命!】Flexbox与Grid双剑合璧:解锁Web设计新纪元,让响应式界面瞬间焕发光彩!
【9月更文挑战第1天】本文通过问答形式深入探讨了Flexbox和Grid布局的特点与应用场景。Flexbox专为单轴布局设计,适用于响应式导航栏和列表;Grid布局则适用于二维布局,可精确控制元素的位置和大小,适合构建复杂的内容区域和仪表板。文章还提供了示例代码,帮助读者更好地理解和应用这两种布局方式,以创建高效、美观的Web界面。
336 10
|
前端开发 安全 Java
技术进阶:使用Spring MVC构建适应未来的响应式Web应用
【9月更文挑战第2天】随着移动设备的普及,响应式设计至关重要。Spring MVC作为强大的Java Web框架,助力开发者创建适应多屏的应用。本文推荐使用Thymeleaf整合视图,通过简洁的HTML代码提高前端灵活性;采用`@ResponseBody`与`Callable`实现异步处理,优化应用响应速度;运用`@ControllerAdvice`统一异常管理,保持代码整洁;借助Jackson简化JSON处理;利用Spring Security增强安全性;并强调测试的重要性。遵循这些实践,将大幅提升开发效率和应用质量。
192 7
|
Web App开发 编解码 前端开发
构建响应式Web应用的最佳实践
构建响应式Web应用的最佳实践
257 0
|
前端开发 JavaScript 开发者
现代前端框架激烈交锋,高效响应式 Web 界面的归属扑朔迷离!
【9月更文挑战第6天】本文通过实际案例,比较了主流前端框架 Vue.js、React 和 Angular 的特点与优势。Vue.js 以简洁的语法和灵活的组件化架构著称,适合小型到中型项目;React 强调性能和可扩展性,适用于大型应用;Angular 凭借全面的功能和严格架构,适合企业级开发。开发者应根据项目需求和技术栈选择合适的框架。
151 0

热门文章

最新文章