学习响应式设计 下载 mobi epub pdf 电子书 2024

☆☆☆☆☆
简体网页||繁体网页

点击这里下载

类似图书 点击查看全场最低价

---

编辑推荐

　　全面覆盖从项目立项到网站上线的工作流程　　详细讲解响应式设计策略和技巧，为各式设备打造极优的用户体验　　充分利用渐进增强优化用户体验　　不仅面向Web开发人员，适合从事网站相关工作的各类人群阅读参考

内容简介

　　《学习响应式设计》分为四部分，全面介绍响应式Web设计策略与技术，引领大家掌握从项目立项到网站上线的响应式设计工作流程。首先介绍响应式设计及其与其他网页设计方法的区别。第二部分概述构建响应式站点的基础知识、需要掌握HTML和CSS知识、图像处理，以及响应式设计的核心：媒体查询。第三部分带大家全面了解响应式设计的工作流程，从用户体验的角度探讨响应式设计，确保网站在各种设备上的适应性和功能完备性。

作者简介

　　Clarissa Peterson，用户体验设计师、Web开发人员，响应式网站设计咨询公司Peterson/Kandy（位于蒙特利尔）联合创始人。她经常在开发者会议及研讨会上发表关于响应式设计、移动策略和用户体验方面的演讲。

内页插图

精彩书评

　　★本书内容非常全面而又不失深度，对响应式Web设计的各种概念和理论给出了极棒的阐释！”　　——Tom Barker，美国康卡斯特公司软件工程与研发部总监

　　★“这本书的内容对初学者的知识体系是一个很好的补充，他们将通过本书学会创建更简洁、更具访问性和功能性的网站。Clarissa的讲解深入浅出，且不失时机地用大量示例阐明设计策略与技巧，其中的设计建议和极好实践对于专业开发人员具有很好的参考价值。”　　——读者评论

　　★“它不仅可以帮助Web设计师更新旧有思维方式和知识储备，说服客户更新甚或摒弃旧有网站重新设计，而且可以帮助不甚了解编码的项目经理理顺其在程序员、设计师与客户间的沟通……”　　——读者评论

目录

第一部分　响应式设计基础

第1章　什么是响应式设计

1.1　一点儿基础

1.2　简史

1.3　为什么是响应式设计

1.4　总结

第2章　响应式内容

2.1　内容策略

2.2　内容整理

2.3　内容编写

2.4　内容平等

2.5　内容管理

2.6　自适应内容

2.7　总结

第二部分　创建响应式网站

第3章　响应式网站之HTML

3.1　使用HTML

3.2　页面基本结构

3.3　视口

3.4　结构性元素

3.5　创建一个页面

3.6　清晰和语义化的HTML

3.7　总结

第4章　响应式网站之CSS

4.1　CSS 的工作方式

4.2　CSS 版本

4.3　置CSS 于何处

4.4　层叠

4.5　使用层叠

4.6　注释

4.7　组织你的样式表

4.8　盒模型

4.9　显示

4.10　定位

4.11　浮动和清除

4.12　基本样式

4.13　总结

第5章　媒体查询

5.1　何为媒体查询

5.2　媒体查询结构

5.3　在样式表链接中使用媒体查询

5.4　使用媒体查询的其他方式

5.5　我们可以查询什么

5.6　浏览器支持

5.7　断点

5.8　设计范围

5.9　响应式设计

5.10　使用媒体查询

5.11　两列布局

5.12　设置最大宽度

5.13　如何选择断点

5.14　总结

第6章　图像

6.1　显示图像的方式

6.2　替代文本

6.3　图像文件格式

6.4　优化图像

6.5　内容图像

6.6　背景图像

6.7　响应式图像

6.8　总结

第三部分　玩转响应式设计

第7章　响应式设计工作流程　

7.1　策略与规划

7.2　内容先于布局

7.3　考虑布局

7.4　原型

7.5　视觉设计

7.6　响应式设计工具

7.7　推销响应式设计

7.8　与客户合作

7.9　总结

第8章　岂止手机

8.1　用户体验

8.2　设备无关的设计

8.3　专注于移动优先

8.4　尽你所能

8.5　设备类型

8.6　触摸

8.7　屏幕尺寸

8.8　可访问性（通用化设计）

8.9　决定支持哪些设备

8.10　为何要用真实设备进行测试

8.11　测试

8.12　总结

第四部分　设计响应式网站

第9章　文字排版

9.1　始于HTML

9.2　字型

9.3　使用字体

9.4　调整文字大小

9.5　行长 　

9.6　留白

9.7　内边距和外边距

9.8　为屏幕尺寸改变字型

9.9　总结

第10章　导航及页眉布局

10.1　响应式导航

10.2　网站品牌

10.3　导航链接

10.4　导航模式

10.5　页眉

10.6　总结

第11章　性能

11.1　性能的重要性

11.2　性能作为设计元素

11.3　网页加载与渲染方式

11.4　性能测量

11.5　清理代码 　

11.6　将HTTP 请求减至最少

11.7　服务器设置

11.8　JavaScript

11.9　CSS

11.10　托管

11.11　有条件地加载内容

11.12　重绘与回流

11.13　RESS

11.14　总结

精彩书摘

　　2007 年，iPhone 的发布对于网站设计来说是一个转折点，网站设计师们突然失去了对画布（我们在上面设计网站）的控制。此前，网站只是在显示器屏幕上供人浏览，尽管屏幕尺寸有所不同，但差别并不是那么大。而现在，我们怎样才能使网站在iPhone 这么小的屏幕上供人浏览呢？

　　在开始的一段时间里，我们制作了专门针对iPhone 屏幕尺寸进行了优化的移动网站，其独立于我们的“常规”网站。同时维护两个站点还不是那么糟，但大量不同屏幕尺寸的手机很快涌现出来，然后是平板电脑以及更小号的平板电脑，我们终于意识到不可能为每种可能的屏幕尺寸都制作一个网站。

　　我们需要一种适用于所有屏幕尺寸的解决方案，需要一种设计网站的方法，使网站能够自动适配各种显示屏幕。

　　一时间各种创意层出不穷，不久之后响应式网站设计脱颖而出。它是一种灵活的不依赖于固定屏幕尺寸的网站设计方法，能够检测屏幕的大小并调整设计，从而针对具体设备提供最佳的视觉体验。2010 年，Ethan Marcotte 在A List Apart 上首次发表了关于响应式网站设计的文章（http://alistapart.com/article/responsive-web-design）。

　　如其他新技术一样，响应式网站设计一开始并不被人接受，许多人不断辩称——甚至于现在某些人还在这么做——我们需要为手机单独创建网站。但随着今天市场上设备的激增，很明显，我们不能依赖于一种手机模型并将其作为设计标杆。我们的设计要能够适应所有设备，而这些设备的屏幕尺寸各不相同。

　　而与此同时，响应式设计也在不断发展。它不再仅仅是适应屏幕尺寸，也能适应不同的设备性能，如触摸屏、视网膜显示屏，以及慢速连接。

　　在2014 年，58% 的美国成年人拥有一部功能丰富并允许用户完全访问网络的智能手机，这些手机搭载了iOS、Android、Windows Phone 等操作系统，1 且35% 的美国成年人拥有一部平板电脑。2 我们有令人惊叹的硬件设备，而响应式设计能帮助我们充分利用网络。

　　然而，尽管大多数美国成年人都有智能手机，但仍有32% 受访者的手机不是智能手机。这之中的很多人用手机访问网络时只能使用功能受限的浏览器，这种浏览器无法如他们希望的那样显示所有网站。响应式网站设计也是这种情况下的一种解决方案。

　　响应式网站设计一开始只是设计简单的、注重内容的站点（不依赖CSS 或JavaScript），使其能显示在几乎所有的联网设备上。在此基础之上，这种设计通过渐进式增强——响应式网站设计正是基于此——针对具体的显示屏尺寸以及设备功能进行优化。因而，功能手机（也即功能有限的旧式手机）只能获得那些它们能使用的内容，而相对来说较新的智能设备所访问的网站则具有丰富的设计、完美适配其屏幕的界面，设备功能被充分利用。

　　响应式网站设计使我们有能力为所有用户呈现最好的网站，而不管他们具体使用什么设备。网络对每个人应该都是可用的，而响应式设计将指导我们做到这一点。

　　创建响应式网站并不仅仅是学习几段新代码那么简单。它还包括重新审视网站构想方式，关注用户体验，并确保内容和功能不是在设计完成之后才加上去的。

　　我们还必须改变网站制作方式，过渡到一个涉及设计师、开发者和其他团队成员的更具协作性的过程中去。

　　我们需要学习一些新的代码，但响应式设计并不是一种新的编程语言，创建一个响应式网站只需要HTML、CSS，有时再加点JavaScript。如果你已经知道如何制作网站，那么本书中讲到的大部分内容对你来说都会很熟悉。你需要记住，在创建一个响应式网站时，90%的工作与创建非响应式网站时是一样的。但除了增加少许新技术，你需要掌握正确的基础知识，使用结构恰当、合乎规范的标记（HTML 和CSS）。如果没有坚实的基础，你难以确信自己的网站能正确工作并在各种设备上恰当地显示。

　　如果你从事与建设网站相关的工作，不管是一名Web 设计师、开发人员、内容策划、用户体验设计师、网站负责人、IT 主管，还是从事其他任何涉及创建和维护网站的工作，你都将从本书中知晓：响应式设计的工作原理、怎样调整自己的工作流程以适应响应式设计，以及如何创建对任何设备都能提供最佳设计与用户体验的响应式网站。

　　……

前言/序言

学习响应式设计 下载 mobi epub pdf txt 电子书 格式

评分☆☆☆☆☆

图灵的书就是好，这是15年的新书学到不少

评分☆☆☆☆☆

ecmaffgwvbbnj

评分☆☆☆☆☆

搞活动买的，用券后价格非常划算，屯着慢慢研究学习

评分☆☆☆☆☆

京东的最外层包装就是塑料袋子，没用纸盒的方式装运配送。收到货打开书没有封装保护膜，书的边缘区域有挤压褶皱变形， 有一部分区域，还有翘皮，内容还在查看。

评分☆☆☆☆☆

总体还算不错！如果是彩页地位就更好了～

评分☆☆☆☆☆

内容不算深奥，代码不多，出现的代码都是很简单但实用的，对整个制作流程脉络清晰

评分☆☆☆☆☆

【京东超市】雅诗兰黛（Estee

评分☆☆☆☆☆

学习用的，没有什么好不好，只看自己能不能学到东西。

评分☆☆☆☆☆

总体还算不错！如果是彩页地位就更好了～

类似图书 点击查看全场最低价