众妙之门——Web设计与开发经典(套装共8册)电子书

总目录

众妙之门：移动Web设计精髓

目录

第1章 移动Web设计趋势

1.1 移动Web设计的挑战

1.2 对移动Web设计的思考

1.3 Sitepoint（设计团队）的移动Web设计作品

第2章 移动Web设计：要点和实践

2.1 尽快使自己熟悉硬件设施相关的操作软件

2.2 简明很重要

2.3 使用有效标记

2.4 为用户提供访问标准网站的选项

2.5 使用单独的手机主题

2.6 在某方向限制滚动

2.7 不要使用弹出窗口和打开新窗口

2.8 尽量减少图片的使用

2.9 优化网站导航

2.10 不要依赖Flash和JavaScript

2.11 让你的标准网站拥有更多实用内容

2.12 确保重定向工作顺利进行

第3章 如何建立一个移动网站

3.1 如何实施移动样式表

3.2 移动样式表的变化

3.3 超越样式表

3.4 对于iPhone和iPad的思考

3.5 总结

第4章 iPhone和iPad的Web应用发展：已经开启

4.1 设计理念

4.2 编写代码

4.3 功能测试

4.4 两全其美的PhoneGap

4.5 忙到晕头转向

4.6 总结

第5章 如何创建你的第一个iPhone应用

5.1 拥有一个好点子

5.2 工具列表

5.3 你真正最擅长的是什么

5.4 做好基本工作：市场调研

5.5 深入了解iPhone/iPod Touch的UI（用户界面）

5.6 决定“谁将看到你的应用程序？”

5.7 勾画出你的想法

5.8 应用开发的时间安排

5.9 编程

5.10 将你的应用递交到App Store

5.11 推销你的iPhone应用

5.12 持续关注你的应用程序

第6章 iPhone应用开发的趋势

6.1 iPhoneUI本地元素的镜像

6.2 硬件一瞥

6.3 丰富、立体和漂亮的列表

6.4 界面分层

6.5 列表的图标

6.6 插图的使用

6.7 手势的使用

第7章 iPhone应用设计点评

7.1 Foobi

7.2 Budget Planner

7.3 Units United

第8章 iPhone应用开发的误区一：过度成熟的视觉效果

8.1 所有的iPhone应用程序都不够好吗

8.2 5个最常见的iPhone应用程序设计错误

8.3 误区一：过度成熟的视觉效果

第9章 iPhone应用开发的误区二：忽视语言环境

9.1 开发贴近用户、深受用户喜爱的应用程序

9.2 理解人们的需求及局限

9.3 理解用户使用环境下特殊的挑战

9.4 环境是伟大文化的组成部分

9.5 总结：优秀来源于努力钻研

第10章 iPad应用设计要点

10.1 设计以人为本

10.2 极简主义让你的应用程序在iPad上更出色

10.3 iPad的两种定位是一个了不起的创造

10.4 使用触摸和实感体验

10.5 设计动态内容

10.6 让我们开始吧

第11章 制作移动Web应用程序

11.1 增加零碎知识的学习

11.2 移动互联网无处不在

11.3 老生常谈的话题

11.4 苹果在线商店（App Store）的模式

11.5 没有什么不可能

11.6 现实世界里的挑战

11.7 Web浏览器的必然胜利

第12章 使用CSS3媒体资讯库创建移动网站

12.1 媒体资讯库

12.2 利用媒体资讯库功能为电话创建样式表

12.3 使用媒体资讯库链接一个独立的样式表

12.4 测试媒体资讯库

12.5 对现有网站的改进

12.6 为老式浏览器提供媒体资讯库支持

12.7 大胆的尝试

第13章 移动设备的形式

13.1 放大域

13.2 输入格式

13.3 隐藏用户密码

13.4 弹出菜单控件

13.5 复合菜单控件

13.6 本地输入控件

13.7 屏幕定向

13.8 语音输入

13.9 我们的下一步

第14章 Web和iPhone开发中的Photoshop设置

14.1 做好颜色管理以匹配不同设备的颜色

14.2 OS X 操作系统和Windows操作系统中的Photoshop 有何区别

14.3 禁用PhotoshopRGB颜色管理

14.4 “指定配置文件”与“转换为配置文件”的区别

14.5 Illustrator的操作与Photoshop相同

14.6 亮度曲线gamma的区别

14.7 对iPhone 用户界面的最终检查

14.8 总结

第15章 如何推销你的移动应用程序

15.1 做到独一无二

15.2 让你的应用程序成为话题

15.3 积极运用博客

15.4 控制好媒体炒作

15.5 案例：在饱和市场做出好成绩

15.6 总结

第16章 移动开发趋势

16.1 这究竟是什么

16.2 检查变量

16.3 结论说明一切

16.4 学以致用

16.5 移动Web设计的未来

众妙之门——网站UI设计之道2

目录

前言

寻回失落之章

第1章 优秀平面设计的原则

1.1 什么是图形设计

1.2 设计的语言

1.2.1 历史和理论的重要性

1.3 关于历久弥新的设计的思考

1.3.1 迎合一时之需的设计与历久弥新的设计之间的对比

1.3.2 实现历久弥新的设计

1.3.3 “使我感到惊讶！”

1.4 相关的极简抽象艺术

1.4.1 培育联系

1.4.2 对比

1.4.3 空白

1.4.4 张力

1.4.5 利用图像传达信息

1.5 版式的作用

1.5.1 文字仍然很重要

1.5.2 版式的关系

1.5.3 和谐与平衡

1.5.4 透明度

1.5.5 功能的问题

1.6 视觉声音

1.6.1 喧哗

1.6.2 柔和

1.6.3 创造性

1.7 结论

关于作者

第2章 看得见的设计与看不见的设计

2.1 查看看不见的设计

2.1.1 面向界面

2.1.2 是演化，而不是革命

2.2 按用户所想的那样设计

2.2.1 混乱与整洁

2.2.2 清理界面

2.3 设计模式

2.3.1 创建

2.3.2 过程

2.3.3 信息

2.3.4 使之真实

2.3.5 界面设计准则

2.4 结论

关于作者

第3章 设计移动用户体验

3.1 软件的未来是移动的

3.1.1 本机应用程序与Web应用程序

3.1.2 构建和销售应用程序

3.1.3 移动应用程序的价格和第一印象

3.1.4 移动应用程序需要哪些设计技能

3.2 移动软件是独特的（并且难以掌握）

3.2.1 桌面和Web软件非常大，移动软件则较小

3.2.2 削减功能列表，只选择那些最重要的

3.2.3 少数功能使你的错误显而易见

3.3 移动应用程序的UI设计模式

3.3.1 单选

3.3.2 主体-细节

3.3.3 多合一

3.3.4 丰富的体验

3.3.5 自定义的界面范式

3.4 移动应用程序的视觉设计

3.4.1 对比

3.4.2 重复

3.4.3 对齐

3.4.4 接近度和分组

3.4.5 纹理

3.4.6 光线

3.5 设计移动应用程序是一项挑战

关于作者

第4章 绘制草图、创建线框和原型开发

4.1 从概念到实现：想法的旅程

4.2 通过绘制草图进行构思

4.3 如何构思

4.4 技巧

4.4.1 头脑风暴

4.4.2 头脑书写法

4.4.3 词库浏览

4.4.4 心智图

4.4.5 填补空隙法

4.4.6 拳击手套法

4.4.7 草图板

4.4.8 绘制草图的符号

4.4.9 故事板

4.5 这个行业的工具

4.6 利用线框使想法成形

4.7 线框的类型

4.7.1 低还原度的线框

4.7.2 高保真度的线框

4.7.3 混合式线框

4.7.4 粗略的线框

4.8 通过原型化进行测试和改进

4.8.1 原型的类型

4.9 测试

4.10 创建线框的正道

4.11 接下来的任务

关于作者

第5章 Web开发中的红旗（警告标志）

5.1 为最终用户开发产品

5.1.1 产品变质的原因

5.1.2 不要为你自己进行开发

5.1.3 屏幕设计和实体模型

5.2 HTML

5.2.1 利用HTML绘图

5.2.2 过度使用Class

5.2.3 可视的class和id名称

5.2.4 不符合语义的HTML

5.2.5 依赖脚本的元素

5.2.6 编写无法通过验证的HTML

5.3 CSS

5.3.1 不覆盖浏览器默认样式

5.3.2 使用错综复杂的语法

5.3.3 不假分析地添加CSS

5.3.4 选择器针对性太强

5.3.5 使用浏览器特定的技巧和技术

5.4 JavaScript

5.4.1 编写侵入式JavaScript代码

5.4.2 依赖于具有正确格式的数据

5.4.3 不假测试地应用

5.4.4 疏于考虑错误情况

5.4.5 未能使脚本可配置

5.4.6 没有创建可重用的泛型函数

5.4.7 没有测试或验证JavaScript代码

5.5 后端代码

5.5.1 混合后端逻辑与显示逻辑

5.5.2 没有筛选出传入的数据

5.5.3 没有预定义变量

5.5.4 在纯文本中存储敏感信息

5.5.5 假定系统的扩展和版本

5.6 小结

5.6.1 自测

5.6.2 不要复制和粘贴未知的内容

5.6.3 一定不要取悦于机器

5.6.4 不要成为极端痴迷者

5.6.5 关于作者

第6章 Web版式的未来

6.1 Web版式的昨天、今天和明天

6.1.1 Web版式的演化

6.1.2 当今Web版式的状况

6.1.3 改变是好的；好的改变甚至更好

6.1.4 开源文字运动

6.1.5 字体许可

6.1.6 已经存在的未来

6.1.7 Web字体服务

6.2 版式：良好的、糟糕的和丑陋的

6.2.1 Web版式中的问题

6.2.2 Open Type特性和高级Web版式

6.2.3 字体模块和CSS3

6.2.4 font-weight属性

6.2.5 font-stretch属性

6.2.6 font-size-adjust属性

6.2.7 text-rendering属性

6.2.8 字符连接

6.2.9 关于Web版式的建议

6.2.10 选择字体

6.2.11 品牌化的Web版式

6.2.12 来自版式先生自己的收场白：John Boardley

6.2.13 受访者列表

6.2.14 关于作者

第7章 把游戏设计原理应用于用户体验设计

7.1 一切都开始于科学

7.1.1 “潜水”现象

7.1.2 利他主义

7.1.3 预期互惠

7.1.4 针锋相对

7.1.5 效用递减

7.2 为游戏正名

7.2.1 世界

7.2.2 玩家

7.2.3 规则

7.2.4 赢得游戏

7.3 剧本和策略

7.3.1 层次1：确保公司对游戏做出承诺

7.3.2 层次2：理解用户的兴趣和目标

7.3.3 层次3：维持游戏的动力

7.3.4 层次4：游戏设计的机制和规则

7.3.5 层次5：扩展和多样化游戏

7.4 五条建议

7.4.1 尽管去做

7.4.2 最小-最大化

7.4.3 不要放弃

7.4.4 学习规则

7.4.5 少说话，多做事

7.4.6 关于作者

第8章 Web设计和用户行为的心理学

8.1 人是社会性动物

所有的在线交互都是社会交往

8.2 大多数决策都是无意识地做出的

8.3 先看别人怎么做

8.4 人们将在一瞬间决定是否信任你的网站

8.5 人是受控制权激励的

8.6 人容易分心

8.7 人天生是懒惰的

满意＋充足＝满足

8.8 人们具有关于事物如何工作的心智模型

8.8.1 心智模型并不是一个新概念

8.8.2 心智模型与概念模型的比较

8.8.3 如果需要改变心智模型则要做什么

8.8.4 关于心智模型与概念模型的总结

8.9 人会犯错误

8.10 观看不一定就是查看

8.10.1 中央视觉与周边视觉

8.10.2 疏忽性盲视

8.11 小结

8.11.1 参考资料

8.11.2 关于作者

第9章 电子商务网站的设计模式

9.1 调查流程

9.1.1 选择网站

9.1.2 提出问题

9.1.3 行业

9.2 理论和最佳实践

布局

9.3 信息架构

9.4 导航

9.4.1 搜索

9.4.2 “面包屑”标识

9.5 颜色

9.5.1 常规的配色方案

9.5.2 链接

9.5.3 按钮

9.6 结账

9.6.1 按钮的用语

9.6.2 安全性（SSL）

9.6.3 结账流程

9.6.4 表单验证

9.7 联系和支持

9.7.1 联系

9.7.2 网络宣传

9.7.3 完成销售

9.7.4 免费送货

9.7.5 信任

9.7.6 其他发现

9.8 小结

9.8.1 个人体验和观察

9.8.2 关于作者

第10章 如何制作图书（就像这本书一样）

图书出版简介

找出版社出版图书

把你的想法抛给出版社

内容无处不在

你不必单独编写它

与合著者交流

使图书为印刷做准备

编辑和校对

版式设计

图像格式、分辨率和颜色模式

印前

最终的校对、拼写检查和版面设计

图书制作、履约和市场营销

电子书：实体书的替代选择

决定图书的价格

通过网店销售

按需印刷

结论

众妙之门——网站重新设计之道

目录

内容提要

前言

第1章 重新设计的商业思考

第2章 选择一个平台：对重新设计技术上的考虑

第3章 拥抱HTML5

第4章 CSS3，让我们重新开始

第5章 重新认识JavaScript：代替复杂jQuery的技巧

第6章 构建更优用户体验的技术

第7章 使用Photoshop，为未来而设计

第8章 带着个性重新设计

第9章 移动用户体验设计考虑的因素：“是Web，还是原生”

第10章 工作流优化：前瞻性的设计方法

第11章 灵活自如：原子与元素设计

第12章 反思导航：技术和设计模式

第13章 重新梳理内容让网站更出色

第14章 案例研究：Smashing响应式重新设计

众妙之门——抓住访客心理的网页设计

目录

内容提要

第1章 为大脑而设计

1.1 你知道怎样才能做出好的设计吗？

1.2 你好，我是你的大脑

1.3 美学体验的原则

1.4 知识就是力量

第2章 网站设计中的说服力

2.1 说服力

2.2 回馈

2.3 承诺

2.4 从众效应

2.5 权威效应

2.6 稀缺原则

2.7 组合对比

2.8 重点信息突出

第3章 为不同的需求层次设计

3.1 设计需求层次理论

3.2 其他需求层次理论

3.3 例子

3.4 总结

第4章 10条有用的可用性结论和指南

4.1 表单标签最好放到字段的上面

4.2 用户关注面部

4.3 设计的质量是可信度的一个指标

4.4 大多数用户不滚动页面

4.5 蓝色是链接的最佳颜色

4.6 理想的搜索框是27个字符宽

4.7 空白可以增进理解

4.8 可用性测试不必大量进行

4.9 信息量大的产品页面帮你脱颖而出

4.10 大部分用户无视广告

第5章 值得注意的30个可用性问题

可用性：理论和法则

可用性背后的心理学

可用性术语表：术语和概念

第6章 为新生企业设计：如何传达信息

6.1 以用户为中心的设计，在没有用户的情况下

6.2 同理心都去哪了？

6.3 设计的三种流程

6.4 设计为什么失败

6.5 带着同理心领路

第7章 设计师的色彩理论（上）：颜色的含义

7.1 暖色（Warm Colors）

7.2 红色（原色）

7.3 橙色（合成色）

7.4 黄色（原色）

7.5 冷色（Cool Colors）

7.6 绿色（合成色）

7.7 蓝色（原色）

7.8 紫色（合成色）

7.9 中性色

7.10 黑色

7.11 白色

7.12 灰色

7.13 褐色

7.14 米黄色和茶色（Beige and Tan）

7.15 奶油色和乳白色（Cream and Ivory）

7.16 简要概述……

第8章 设计师的色彩理论（中）：理解概念和术语

8.1 色相

8.2 色度

8.3 饱和度

8.4 明度

8.5 色调

8.6 阴影色调

8.7 浅色调

8.8 总结

第9章 设计师的色彩理论（下）：创建调色板

9.1 快速回顾

9.2 传统的配色方案类型

9.3 创建一个配色方案

9.4 10个具有精美配色方案的网站

9.5 总结

众妙之门：电子商务网站设计指南

目录

内容提要

第1章 从电子商务出发

1.1 你需要知道什么

1.2 你销售的是什么？

1.3 你应该提供什么样的购物功能？

账号和订单追踪

1.4 你将如何接受付款？

贝宝（PayPal）

使用商业账号

支付门户

PCI DSS

存储银行卡数据

多币种和当地税率

1.5 那么关于送货呢？

数字产品

1.6 报告和其他功能

1.7 寻找你的解决方案

保持简单

线上解决方案

商业和开源产品

一篇关于更改商业产品的笔记

开发你自己的解决方案

1.8 总结

第2章 成功电子商务网站的5条通用原则

2.1 在家里画出你的蓝图

2.2 好的用户体验（UX）就像完美的电影配乐

2.3 电子商务用户体验中需要避免的陷阱

产品细节页面

付款过程

安全性

页面的“重量”

2.4 内容的价值以及社会化媒体（SoMe）

2.5 用样式和颜色来影响

内容能被读懂吗？

字体能是红色的吗？

样式的一致性：有风格的和创意的。

2.6 灵感和资源

第3章 12个帮你设计出杰出付款流程的建议

3.1 不要求顾客在进入网店时就注册

3.2 如果商品有货，请告知顾客

3.3 让你的顾客能轻松地修改订单

3.4 给用户提供实时帮助

3.5 使“返回”键完全起作用

3.6 为购物车里的商品提供照片、规格详述和链接

3.7 提供一个步骤指示图

3.8 保持简洁的付款界面

3.9 不要把顾客从付款的过程中带出去

3.10 告知用户发货的时间

3.11 告诉顾客接下来会发生什么

3.12 发出一封确认电子邮件

3.13 总结

第4章 如何让你的电子商务网站吸引客户

4.1 正面影响和负面影响

4.2 评分

4.3 用户评价

4.4 评价如何展示

4.5 由评价激发互动

4.6 总结

第5章 如何设计好的搜索功能

5.1 清除障碍

5.2 优化方法

5.3 搭建更好用的搜索

5.4 分类产品

5.5 搜索架构（设计）

5.6 强化搜索

5.7 沟通和语言

5.8 分组和对齐

5.9 表格和控件

5.10 处理结果

5.11 总结

第6章 15个电子商务设计中常见的错误

6.1 缺乏详细的产品信息

该做点什么

例子

6.2 隐藏联系信息

该做点什么

例子

6.3 一个冗长或者令人困惑的付款过程

该做点什么

6.4 下单需要一个账号

该做点什么

6.5 一个不合适的搜索引擎

该做点什么

6.6 贫乏的客服选择

该做点什么？

例子

6.7 产品图像不够大

该做点什么？

例子

6.8 只有一张产品图片

该做点什么？

例子

6.9 差劲的购物车设计

该做点什么？

例子

6.10 缺少付款选择

该做点什么？

例子

6.11 没有包含关联产品

该做点什么？

例子

6.12 令人困惑的导航

该做点什么？

例子

6.13 没有包含货运费率

该做点什么？

例子

6.14 没有包含网店条款

该做点什么？

例子

6.15 没有把焦点放在产品上

该做点什么？

例子

第7章 电子商务：成功重新设计的基石

7.1 你应该进行重新设计吗？

7.2 设计——做正确的改进

7.3 测试网站

7.4 产品照片

7.5 布局

Proflowers

Schwans

Roamans

第8章 用卓越的产品照片提升你的电子商务设计

8.1 一些漂亮的产品照片的例子

Uncrate

Ties.com

Made.com

Harry Winston

Louis Vuitton

Moben

Weber

Bang & Olufsen

Leica

Victorinox

CuffLinks.com

Ties’n’Cuffs

Chocomize

Threadless.com

Designbyhumans.com

苹果（Apple）

8.2 产品摄影的四个步骤

1.准备产品

2.光线

3.调试相机

4.编辑照片

8.3 附加小建议

用设计来渲染照片

使用灰卡

使用一个灵活并稳固的三脚架

使用反光板

规定一个选择流程

适当的时候外包工作

第9章 如何使用照片来提高网上销售

9.1 炫耀产品的好处

9.2 别给拒买提供理由

9.3 创造身临其境的体验

9.4 让他们发笑

9.5 教育以及传递信息

9.6 讲一个故事

9.7 强调创新

9.8 如何做演示

9.9 不要误导用户

9.10 唤起情绪反应

9.11 加上配件

9.12 展现特色和多功能

9.13 了解需求

9.14 符合品牌形象

9.15 销售一种生活方式

9.16 展示激动人心的特色

9.17 照漂亮的照片

9.18 避免陈腐的老套摄影

9.19 创造欲望

9.20 在风格上一致

9.21 表达无形的价值

9.22 展现某种人物性格

9.23 有时不妨委婉一些

9.24 看起来专业一点

9.25 保持一致

9.26 使用不同寻常的有利点

9.27 从最佳角度拍摄

9.28 在天然环境中展现拍摄对象

9.29 表达一种比例感

9.30 图像的尺寸很重要

9.31 展示使用当中的产品

9.32 展示产品如何工作

9.33 使挑选变得简单

9.34 提升体验

9.35 展现细节

9.36 给我展示一下看起来像什么

9.37 鼓励互动

9.38 让我看到我来对了地方

9.39 总结

第10章 让你的设计转换为成功销售的8个技巧

10.1 暗示

10.2 防止选择麻痹

10.3 展示你的产品

10.4 让顾客试用

10.5 AIDA

10.6 注意力引导

10.7 永远都要有“下一步行动”的链接

10.8 古藤堡法则（The Gutenberg rule）

第11章 帮你提升网站转化率的7个实用技巧

11.1 A/B测试

11.2 脚注：利与弊

11.3 用户推荐

11.4 易于读取的功能列表

11.5 注册过程要简化

11.6 请别浪费空白区域

11.7 版式设置要恰当

11.8 总结

第12章 提高转化率——客户第一位，少做无用功

12.1 要创作适合的广告

12.1.1 相关性

12.1.2 搜索关键词和广告间的联系

12.2 建立信任和信誉

退款担保

12.3 别让运费用吓跑客户

第13章 优化可用性，提高转化率

13.1 专业设计是建立信任的开始

13.1.1 信任和信誉构建

13.1.2 在恰当的时机传递恰当的信息

13.1.3 广告不能引导用户实现转化

13.2 突出重点合理用词

13.3 视频常常是银弹

13.4 不要低估用户评级和评论的重要性

第14章 利用转化激发更多转化

14.1 尽可能降低要求

14.2 恰用“感谢”页面

14.3 优质服务是最好的病毒营销

众妙之门——网页排版设计制胜秘诀

目录

内容提要

第1章 字体抗锯齿技术

1.1 技术

1.2 输入

1.3 输出

1.4 总结

第2章 提高网页版式可读性的10项原则

2.1 专业术语及其内涵

2.2 影响版式可读性的10项原则

2.3 赋予版式风格的各种效果

第3章 设置网页字体的5 项原则和方法

3.1 系统地进行网页版式设计

3.2 利用信息层级

3.3 为流畅地浏览而设计

3.4 展现品牌视觉的同时保持网页的可读性

3.5 将文字看作用户界面

3.6 网页版式高级教程

3.7 总结

第4章 源自瑞士风格平面设计的经验教训

4.1 如何将瑞士风格应用到网页设计上

4.2 留白：让文字呼吸

4.3 网格系统

4.4 网格的内涵

4.5 输入自定义列表

4.6 关于元素

4.7 关于衬线

4.8 关于字号

4.9 关于照片

第5章 提升版式设计的8个简单技巧

5.1 行宽

5.2 行高

5.3 引号的悬挂式排版

5.4 垂直的韵律

5.5 结句和起承句

5.6 强调

5.7 比例

5.8 对齐字行

第6章 版式设计样式探究

6.1 常见的排版问题

6.2 总结

第7章 版式设计秘诀：选择和使用字体的原则

7.1 适合才是最重要的

7.2 为字体编组

7.3 对比的使用原则：大胆而奔放

7.4 少即是多

7.5 没有规则即是规则

7.6 总结

第8章 学习字体搭配的最佳实践方法

8.1 无衬线字体搭配衬线字体

8.2 避免使用同类字体

8.3 划分字体的角色

8.4 对比字体粗细

8.5 为版式创建丰富的色彩

8.6 选择合适的字体进行搭配

8.7 独特与中性的对比

8.8 避免将差异太大的字体进行搭配

8.9 字体搭配的“简”原则——字族两种就够

8.10 使用不同的字号

8.11 总结

第9章 CSS字体堆栈设计指南：技巧和资源

9.1 创建自己的字体堆栈

9.2 常见字体堆栈

9.3 工具

第10章 CSS3的版式设计潜能

10.1 关于基础知识

10.2 字体属性

10.3 其他字体属性

10.4 关于留白、换行符和文本绕排

10.5 单词间距和字母间距

10.6 缩进和标点悬挂

10.7 网页字体和字体装饰

10.8 新文本装饰属性

10.9 溢出控制

10.10 对齐和断字/字符连接

10.11 统一码范围和语言

10.12 总结

第11章 经典@Font-Face 规则回顾

11.1 @font-face——源自20世纪90年代

11.2 多亏次像素渲染，字体嵌入再次回归

11.3 字体制造商的关注点

第12章 现有的网页字体格式

12.1 True Type

12.2 OpenType

12.3 EOT

12.4 WOFF

12.5 SVG

第13章 回顾流行的网页字体嵌入服务

13.1 十一种流行的网页字体服务对比

13.2 Font-Face

13.3 如何选择服务

13.4 总结

第14章 如何在网页中嵌入字体

14.1 字体的取舍

14.2 嵌入免费和开源的字体

14.3 使用@font-face Kit Generator

第15章 网页排版变通技巧

15.1 文字排版

15.2 OpenType 排版功能

第16章 10种有用的字体排版工具

16.1 TypeChart——预览和对比网页字体

16.2 Web Font Specimen——展示字体的网页显示效果

16.3 Typografix——修复字体

16.4 TYPEIT——轻松营造独特版式

16.5 Font Finder——轻松检测网站元素中的字体

16.6 TypeSet——文字自动换行算法

16.7 Perfect Typography——网上首个行高计算器

16.8 EMCHART——一眼找到正确的比例

16.9 Em Calculator——使CSS设计更具扩展性，更易实现

第17章 术语表

众妙之门——网页设计专业之道

目录

内容提要

基础篇

第1章 网页设计的现状

1.1 为愉悦而设计

1.2 Keypress导航

1.3 传统印刷设计的影响

1.4 如何与众不同

1.5 平面主义

1.6 丰富强大的版式

1.7 现实生活中的隐喻和隐藏复杂性

第2章 网页设计趋势

2.1 微妙的互动

2.2 上下文精确导航

2.3 快速适应CSS3

2.4 总结

第3章 响应式网站设计：概念及使用指南

3.1 响应式网站设计的概念

3.2 调整屏幕分辨率

3.3 弹性图像

3.4 定义布局结构

3.5 媒体查询

3.6 显示或隐藏内容

第4章 响应式网页设计解析

总结

第5章 网站设计中的说服力

5.1 回馈

5.2 承诺

5.3 从众效应

5.4 权威效应

5.5 稀缺原则

5.6 组合对比

5.7 重点信息突出

第6章 为什么要使用CSS3和HTML5

6.1 与时俱进

6.2 主要的限制因素

6.3 总结

第7章 用户也是网页设计师

7.1 传统的角色

7.2 角色扮演

7.3 先天vs后天

7.4 成功的要素

7.5 换位

第8章 设计与可用性一样有深度

8.1 渐变、投影、映像、噢，我的天啊

8.2 Dribbble

8.3 简约的力量

8.4 是什么让设计具有可用性？

8.5 可用性并不意味着丑陋

第9章 怎样表达你的设计思想

9.1 题外话

9.2 信息传达的重要性

9.3 设计并不是碰巧而已

9.4 多学词汇

9.5 提供具有说服力的论据

9.6 展示设计案例

9.7 要点回顾

实践篇

第10章 关于企业网站的严峻事实

10.1 你需要一个独立的网站部门

10.2 管理网站是一项全职的工作

10.3 定期重新设计是不够的

10.4 你的网站不可能满足所有用户的需求

10.5 不要在社交网络上浪费金钱

10.6 你的网站并不代表你的全部

10.7 你没有从网站团队那里获得价值

10.8 七嘴八舌只会让设计更糟

10.9 “委员会”设计会导致糟糙的网站设计

10.10 CMS不是一劳永逸的解决方案

10.11 你的内容太多

10.12 总结

第11章 网站设计模式和最佳实践

11.1 明与暗的设计

11.2 需要几栏的布局？

11.3 介绍信息位于顶端

11.4 布局对齐

11.5 导航的位置

11.6 搜索框设计

11.7 Flash元素

11.8 联系信息的位置

11.9 “关于我们”页面

11.10 “客户”页面

11.11 “服务”页面

11.12 “作品”页面

11.13 “工作流程”页面

11.14 “联系”页面

11.15 其他特色有“分享”链接

11.16 其他发现

11.17 总结

第12章 创建一个成功的作品集网站

12.1 陷阱1:混乱

12.2 陷阱2: 过多的信息

12.3 陷阱3:过度装饰

12.4 陷阱4:不寻常的导航

12.5 陷阱5:视觉混乱

12.6 行之有效的设计原则

第13章 商业网站应用程序的UI设计

13.1 网站与网络应用程序

13.2 首先要了解用户

13.3 设计过程

13.4 设计原则

13.5 网站应用程序的重要组成部分

13.6 不要忘了用户界面设计模板

13.7 案例分析：网上银行应用程序

13.8 最后的思考

第14章 设计师的色彩理论

14.1 暖色

14.2 红色（原色）

14.3 橙色（合成色）

14.4 黄色（原色）

14.5 冷色

14.6 绿色（合成色）

14.7 蓝色（原色）

14.8 紫色（合成色）

14.9 中性色

14.10 黑色

14.11 白色

14.12 灰色

14.13 褐色

14.14 米黄色和茶色

14.15 奶油色和乳白色

14.16 简要概述

第15章 怎样应对强势客户，你会败给他吗？

15.1 解释为什么你需要钱

15.2 用John能够理解的语言解释你的建议

15.3 让John参与设计过程

15.4 给John讲设计

15.5 定期与John沟通

15.6 网站的持续维护

15.7 故事的寓意

第16章 如何识别和应付不同类型的客户

16.1 消极攻击型客户

16.2 亲戚朋友

16.3 价值低估型客户

16.4 吹毛求疵型客户

16.5 轻蔑节俭型客户

16.6 “我自己也能做”型的客户

16.7 控制狂

16.8 理想客户

16.9 总结

第17章 如何有效应对设计批评

17.1 正确的态度

17.2 了解目标

17.3 注意自己的第一反应

17.4 去芜存菁

17.5 从中学到东西

17.6 寻找新的想法

17.7 挖掘更深的信息

17.8 感谢批评者

第18章 给年轻设计师的专业建议

18.1 对于有志向投身于设计的学生而言，你建议他们学点什么

18.2 学生如何确定设计是否适合他们，或者是否该追求另外一种职业

18.3 如何平衡学业和工作

18.4 如何在学业之外为事业做准备

18.5 学生和年轻设计师在学业之外应该侧重什么课程以推动其职业生涯发展

18.6 在开始职业生涯之前你最想知道的事情

18.7 对于应届毕业生你有什么求职建议吗

18.8 创业还是打工，年轻设计师应该如何抉择

18.9 学生和年轻设计师如何让自身对潜在雇主更有价值

18.10 为了成功，创业初期应该做什么

18.11 除了设计和开发，在运营业务方面，自由职业者应该把重点放在哪些方面

18.12 对于年轻设计师而言，寻找客户的最佳方式是什么

18.13 对于年轻设计师，你有什么关于人际交往的提示

众妙之门——精通CSS3

目录

作者简介

内容提要

序言

第1章 为什么要使用CSS3和HTML5

1.1 与时俱进

1.1.1 对我们的客户而言

1.1.2 对用户而言

1.1.3 对设计师/开发者而言

1.2 主要的约束因素

1.2.1 忧虑因素

1.2.2 安于现状的因素

1.2.3 不确定因素

1.2.4 信念因素

1.2.5 “为时过早”因素

1.2.6 验证因素

1.3 总结

第2章 CSS3精粹串讲

2.1 如何起步

2.2 范例1：CSS3过渡（transitions）效果

参考案例

2.3 范例2：背景剪裁（background clip）

参考案例

2.4 范例3：CSS变换（transforms）、盒阴影（box shadow）和RGBa

参考案例

2.5 范例4：CSS3动画（animations）

参考案例

2.6 总结

第3章 现代CSS布局（上）：重要特征

3.1 渐进增强

3.2 适应不同的用户

3.3 模块化

3.4 丰富的字体排版

3.5 总结

第4章 现代CSS布局（下）：重要技术

4.1 CSS3

4.1.1 CSS3视觉效果

4.1.2 CSS3在可用性与可读性方面的增强

4.1.3 通过CSS3提高效率

4.2 HTML5

4.3 总结

第5章 如何使用CSS3伪类

5.1 伪类（pseudo-classes）的简要历史

5.1.1 CSS2的到来

5.1.2 为什么要使用伪类

示例代码

iPhone表单示例

nth-child(n)

nth-last-child(n)

:nth-of-type(n)

:nth-last-of-type(n)

:first-of-type和：last-of-type

:only-of-type

:last-child

:only-child

:empty

:target

:enabled伪类和:disabled伪类

:checked伪类

:not伪类

5.2 历久弥新

5.3 跨浏览器兼容性

Internet Explorer 9

JavaScript

5.4 最后的思考

第6章 征服高级CSS选择器

6.1 CSS的优先级

相邻兄弟选择器（adjacent sibling combinator）

通用兄弟选择器（gerneral sibling combinator）

动态伪类（the dynamic peudo-classes）

:first-child伪类

语言伪类（the language pseudo-classes）

:target伪类

UI元素状态伪类（The UI element states pseudo-classes）

:nth-child伪类

:nth-last-child伪类

:nth-of-type伪类

:nth-last-of-type伪类

:last-child伪类

:first-of-type和:last-of-type伪类

:only-child伪类

:only-of-type伪类

:empty伪类

::first-linee

::first-letter

::before和 ::after

6.2 总结

第7章 !important CSS声明及其使用

7.1 关于层叠的简要介绍

7.2 语法与描述

7.3 什么时候使用!important

7.3.1 从不使用

7.3.2 为了有助于或测试可用性

7.3.3 为了临时性地修复一个紧急的问题

7.3.4 在Firebug或其他的开发者工具中覆盖样式

7.3.5 在用户生成内容中覆盖内联样式

7.3.6 为了打印样式表

7.3.7 为了独特设计的博客文章

7.4 总结

第8章 CSS3关键帧动画

8.1 一个简单的动画景观场景

8.2 @keyframes规则

8.3 keyframe选择器

使太阳动起来的关键帧

8.4 把动画名称和元素相关联

8.5 动画的持续时间和计时函数

8.6 动画的循环计数和方向

8.7 动画的延迟与播放状态

8.8 动画的填充模式

8.9 缩写

8.10 关于演示页面和浏览器支持的注意事项

第9章 CSS的特殊性与继承

9.1 重要性

9.2 特殊性

9.2.1 如何计算特殊性

9.2.2 让特殊性来为你工作

9.3 继承

9.3.1 面向对象编程的继承

9.3.2 继承是如何工作的

9.3.3 使用继承

9.4 工具的使用

9.5 总结

第10章 响应式网页设计实践

10.1 响应式网页设计的概念

10.2 调整屏幕分辨率

部分解决方案：使所有东西变得灵活

10.3 灵活的图片

10.3.1 Filament Group的响应式图片

10.3.2 阻止iPhone模拟器调整图片大小

10.4 定制布局结构

10.4.1 媒体查询

10.4.2 CSS3媒体查询

10.4.3 JavaScript

10.5 显示或隐藏内容

触摸屏 VS. 指针

第11章 CSS的未来：实验性的CSS属性

11.1 只支持WebKit的属性

11.1.1 -webkit-mask

11.1.2 -webkit-text-stroke

11.1.3 -webkit-nbsp-mode

11.1.4 -webkit-tap-highlight-color

11.1.5 zoom:reset

11.1.6 -webkit-margin-collapse

11.1.7 -webkit-box-reflect

11.1.8 -webkit-marquee

11.2 只支持Gecko的属性

11.2.1 font-size-adjust

11.2.2 image-rendering

11.2.3 -moz-border-top-colors

11.3 混合的属性

11.3.1 -webkit-user-select和-moz-user-select

11.3.2 -webkit-appearance和 -moz-appearance

11.3.3 text-align: -webkit-center/-moz-center

11.4 CSS2.1属性

11.4.1 counter-increment

11.4.2 quotes

11.5 不常用的CSS3属性

11.5.1 text-overflow

11.5.2 word-wrap

11.5.3 resize

11.5.4 background-attachment

11.5.5 text-rendering

11.5.6 transform: rotatex/transform: rotatey

11.6 写在最后的话

第12章 专业网页字体排版指南

12.1 创造性和专业化的字体排版

12.2 准备开始

12.3 选择字体外观

Helvetica字体的使用

12.4 选择字体尺寸

12.5 选择网格系统

12.6 选择行宽

12.7 垂直的节奏：设置基线

神奇数字

12.8 设置比例尺

12.9 接下来呢

12.10 关于专业字体排版的提示

12.11 隔开并设置段落

对齐

12.12 正规的引号、破折号和省略号

12.12.1 引号

12.12.2 应该使用哪一个引号

12.12.3 非英文引号

12.12.4 破折号

12.12.5 省略号

12.13 对齐标点

12.14 书名号

12.15 图片

12.16 最后的话

第13章 CSS字体排版的未来

13.1 基础知识

13.2 font属性

13.3 其他的字体属性

13.4 处理空白区域、换行符和文本换行

13.4.1 空白区域

13.4.2 单词换行

13.4.3 单词和字母间隔

13.5 缩进和对齐标点

13.6 网页字体和字体装饰

13.6.1 font-face

13.6.2 text-shadow

13.6.3 新的text-decoration属性

13.7 控制溢出

13.8 对齐和连字符

13.9 Unicode范围和语言

13.9.1 Unicode范围

13.9.2 语言

13.10 总结

第14章 CSS窍门：较老的浏览器及常见的注意事项

14.1 有帮助的比喻

14.2 优雅降级与渐进增强

14.2.1 优雅降级

14.2.2 渐进增强

14.3 采取的方法

属性排序

14.4 JavaScript

14.4.1 Modernizr

14.4.2 CSS3 PIE

14.4.3 Selectivzr

14.4.4 问题

14.5 一些CSS3属性：注意事项和回退机制

14.5.1 圆形倒角

14.5.2 边框图片

14.5.3 盒阴影

14.5.4 RGBa 和 HSLa

14.5.5 变换

14.5.6 动画和过渡

14.5.7 font face（不是CSS3的新事物）

14.5.8 高级选择器

14.5.9 栏

14.5.10 渐变

14.5.11 多重背景

14.6 用之所需

14.7 CSS3的使用