第一章 建立美观页面 美丑都是用户的观感
1.信息架构IA：是一种过程，在此过程中你会将网站内容分解为多个块，然后依内容块的逻辑关系分等级的将它们组织起来
2.决定顶层导航系统
3.分镜表+色彩
4.原型
5.可扫读性：清晰的标题，较小的段落，使用黑体与斜体强调重要词语，对适当内容套用重点列表
6.以用户为中心的设计UCD
第二章 前期制作 纸上策略
1.视觉隐喻：利用熟悉的视觉元素并强化网站的主题
2.视觉隐喻的范围从暗喻（使用色彩把设计师希望阐述的与网站主题相关联的抽象感受带给用户）到明喻（使用直接与网站名称或特性相关的图片）
3.主题是网站的内容与用途，视觉隐喻是用于强调主题的设计元素
4.头脑风暴：调色板，布局，视觉元素
5.分镜表
第三章 组织网站 “在绿色水塔那边左转....”
1.卡片分组法，IA图（visio）
2.网站文件目录结构
3.流程：收集所有内容，头脑风暴，想出主题与视觉隐喻；开发视觉隐喻并思考布局；建立分镜表；进行卡片分类并创建IA图；为内容加上标记，并以CSS制作样式
第四章 布局与设计 遵循黄金法则
1.角色：1-3个
2.屏幕尺寸与分辨率
3.网格，黄金比例，三分法
4.平衡：对称平衡，非对称平衡
5.网格css框架：blueprint
6.三分布局背景颜色
第五章 运用色彩设计 走出单色的世界
1.色轮，kuler
2.配色方案：先选基色，三色方案（调整饱和度），四色方案
3.创建对比，重点强调
第六章 智慧导航 “在两秒内，按下首页”
1.名称：简短，描述性
2.导航布局：水平导航，垂直导航
3.为文字配上图标：文字和图标的关系
4.主导航和次级导航
第七章 网页写作 对，你在扫读
1.可扫读的网站文案：以倒金字塔法安排内容顺序，经过缩短长度的编辑过程，列表，标题，字体（衬线字体：适合标题；无衬线字体，适合内容）
2.标题的重要性以层次而非尺寸表示
第八章 可访问性 不可访问，致命缺陷
1.可访问性是指每个人都能使用你的网站，可访问性是思考残疾人在体验与享受你的网站时有何影响
2.视觉障碍（屏幕阅读器：JAWS,VoiceOver），听觉障碍，肢体障碍，语言障碍，认知障碍，神经障碍，年长者
3.图片的alt属性，longdesc属性可以转到另一个页面，了解更多信息
4.tab键，在网页移动；tabindex属性
5.WCAG：web内容可访问性方针
例如：为所有非文字元素提供同义说明文字；所有色彩信息页必须能以无色彩的方式（添加文字）呈现；组织文件，使文件在没有样式表时读起来也合情合理
6.测试可访问性工具：Cynthia Says
第九章 倾听用户心声 和谐设计之道
1.问卷调查与焦点小组
2.优秀的问卷题目：具有特定的答案选择；不会引导参与者选择特定的答案；简短；易读且易懂；询问知识或意见，但不会同时要求得到两者；
3.IE6只支持a标签上的hover
4.用户测试（可用性测试）：计划，主持脚本，主持人，记录者，电脑，地点，参与者
5.网站解析（网站数据统计）：Mint，Google Analytics
第十章 会演变的设计 保持网站新鲜
1.演变式设计法
2.javascript增加互动性
3.WordPress：更新信息，和用户交流
第十一章 Web设计这一行 注意自己的工作
1.著作权：写封有礼貌的电子邮件；寄出后续电子邮件，病复制Google结果；咨询著作权律师
2.web工作者：前台设计师，信息架构师，用户体验设计师，图像设计师，文案，程序设计师
3.公司的类型：独资企业/合伙企业，法人团体，股份有限公司
4.时薪计算方式
5.网站的实际需求：初始投资时间；概念构思时间/前期制作；草图与设计修订；制作时间；其他费用
6.使用提案书，对客户传达详细报价
7.博客，授权（Creative Commons）
第十二章 遗珠之憾
1.跨文化与国际性的设计：
图标有不同的文化含义；
不同语言的文字长度不一样；
日期的格式；
国旗和语言；
2.html的未来
3.css的未来
4.针对移动设备进行设计
5.开发网络应用程序
6.布局的节奏：设计元素的重复
7.文字对比
8.链接与其指向的名称相符
9.对比和布局和重要性
10.Pencil,WriteMaps,WebDeveloper,CSSTidy,Firebug