RWD（Responsive Web Design）响应式设计，即网站会随着载具的不同而产生不同的画面。

　　手机上网不稀奇，看网页还要拉…拉拉页面？
　　拇指食指，放大缩小，网页马上现出原形？！
　　页面下载还在等阿~等阿~望阿~望！
　　网页常延迟，不该怪频宽也不要认为网站挂了！

　　制作网站不仅仅是美观与实用性兼具，更要能在各项载具（PC／MAC／平板／手机）上皆能无阻碍地畅游造访。

　　本书教你从使用者端来检视如何设计出跨平台皆令浏览者满意的网页，从字级字体到页面比例、版面编排，以及浏览、下载的适用性等，一一为你详细剖析。并介绍小工具来替你的网页检测加评比，让你晋升为Pro等级的网页设计师！

　　良好的浏览及使用经验，让更多使用者愿意多停留在你的页面上。
 

作者简介

Nowill Chang

　　Nowill 是若维的英文音译，于社群起家。禀着要提供客户最好的服务之念头，多年来跨足了多项网站相关领域，举凡架构师、设计师、企划、PHP程式设计师、专案、社群、行销、使用者研究、部落客等等，皆有3~5年不等的经验，是少数对网站每个环节都有一定知识与实战经验的设计师，并曾协助数十位平面设计或学生族群跨入网页设计相关领域，是个对网路充满热忱又足够专注的专业设计师。目前除了继续提供专业服务外，也认真在自己的Blog草监网路分享优质网站的分析与评论，创作属于自己的网路世界。

　　Web：nowilldesign.com/
　　Blog：nowills.blogspot.com/

Part1 RWD你必须知道的事
随处可在的网站
．RWD的诞生与使命
．桌上型电脑与笔记型电脑的萤幕限制大解放
．网路速度的变化
．标准与浏览器地支援度
．表单样式
．桌上型电脑与笔记型电脑与移动装置的操作差异
Media Queries的运用
．Meta viewport、Media queries结构规则
．实际演练Meta viewport 与Media queries
排版上的选择
．排版这件事
．固定宽度排版
．流动佈局排版
．弹性格式排版
．混合模式排版
．实际演练固定宽度排版
．实际演练流动佈局排版
字体的二三事
．Web fonts的使用
．Web fonts的字体资源与使用方式
．在RWD设计下使用Web fonts

Part2 RWD的设计与开发
什么样的网站适合RWD
．该从哪些因素评估起？
．专案经费估算
．网站架构大小
．网站资料量多寡
．图片、音乐等数为媒材过多
．无法支援RWD的套件或元素
一般网页设计流程与RWD设计流程差异
．一般网站专案设计流程
．RWD网站设计流程
一定会遇到的图片问题
．到底图片会有哪些问题
．让图片可以支援RWD的方法
RESS （Responsive Design + Server Side Components）
．到底RESS是什么东西？
．User agent的取得方式
．Modernizr-server
目前常见的RWD Framework介绍
．使用RWD Framework的优缺点
．有Twitter支持的Bootstrap
．号称最先进的Foundation
．由Yahoo打造的Pure
．使用Compass为基底的SUSY

Part3 RWD的使用者经验与检测
以使用者为中心的RWD
．桌机、平板与手机使用环境上的差异
．使用者经验测试流程
．Persona建模的重要性
．实际的网站使用者经验测试
．最容易出问题的按钮与连结
RWD的检测方式
．使用者的操作模式有哪些？
．手动缩放浏览器大小
．线上检测平台
．RWF测试重点