目录
第1章 现代网络应用中的用户界面设计 1
1.1 什么是用户界面(UI) 2
1.2 可视界面设计的工具箱 4
1.3 制作有效用户界面的实用技巧 6
1.4 结论 16
第2章 CSS布局的艺术和科学 19
2.1 固定宽度布局 20
2.2 自适应布局 25
2.3 动态网格布局 30
2.4 自适应的流式布局 32
2.5 弹性布局 37
2.6 混合布局 42
2.7 哪种布局最适合您的网站? 44
第3章 排版:原则、方针和常见错误 47
3.1 传统排版和网站排版 50
3.2 基本的排版术语 54
3.3 相对和绝对的字体尺寸单位 56
3.4 空白是最好的空间 58
3.5 排版和网格 60
3.6 垂直节奏 63
3.7 分级(Hierarchy)和分度(scale) 65
3.8 段落样式 67
3.9 通过字体设定版式 69
3.10 CSS字体库(CSS Font Stacks) 70
3.11 文本替换技术 74
3.12 @font-face属性 76
3.13 选择正确的字体 78
3.14 不要穿舞鞋登山 79
3.15 尺寸很重要 80
3.16 OpenType、TrueType还是PostScript Type 80
3.17 注意细节 85
3.18 对齐和连字符 86
3.19 总结 96
第4章 现代网站的可用性原则 97
4.1 用户如何思考? 98
4.2 使用整洁连贯的视觉设计 100
4.3 固定元素属于固定位置 100
4.4 搜索是简单的 101
4.5 链接要像链接 103
4.6 仅在必要的时候使用下拉菜单 103
4.7 使注册表单尽量简洁 106
4.8 考虑添加“返回页首”链接 107
4.9 尽可能地避免使用Splash页面 107
4.10 链接应该在同一窗口打开 108
4.11 你需要注意以下可用性检查点 110
4.12 传达你的网站的组织结构 112
4.13 使用标记来构建上下文 113
4.14 建立良好的导航 113
4.15 重要的易用性法则和原则 116
4.16 给用户一个5万英尺的视角来看你的程序 118
4.17 心理模式和象征物 119
4.18 组织网站的内容 119
4.19 提供站点地图 120
4.20 使用帮助 121
4.21 建立信任 121
4.22 不要让用户毁掉自己的用户体验 122
4.23 及早测试、经常测试 123
4.24 总结 125
第5章 网站设计、可用性和用户体验中超炫色彩终极使用指南 127
5.1 色彩学理论 131
5.2 色彩和易用性 144
5.3 色彩与注意力集中 146
5.4 色彩与体验 149
5.5 灵感 151
第6章 网站优化 155
6.1 你将会用到的工具 156
6.2 在IMG标签中表明正确的图片尺寸 157
6.3 减小图像的尺寸 158
6.4 服务器和内容分发网络 159
6.5 合并CSS和JavaScript 159
6.6 CSS放在顶部,而JavaScript放在底部 160
6.7 压缩CSS和JavaScript 160
6.8 使用外部CSS和JavaScript文件 161
6.9 选择一个文档类型 161
6.10 验证页面 162
6.11 不要使用CSS表达式 162
6.12 服务器部分 163
6.13 Apache:如何设置过期时间 163
6.14 YSlow中可以查看缺少expires header的报警 165
6.15 Lighttpd:如何设置过期头 166
6.16 Apache:如何配置ETags 166
6.17 Lighttpd:如何配置ETags 167
6.18 为PHP安装eAccelerator 168
6.19 MySQL Tuning Primer 171
6.20 启用透明压缩 171
6.21 尽可能避免重定向 175
6.22 如何探测长时间跳转链? 175
6.25 完整的链接 176
6.24 避免死链接 177
第7章 为销售而设计——提高访客转化率 179
7.1 如何销售? 180
7.2 AIDA(注意力、兴趣、期望、行动) 181
7.3 展示产品 183
7.4 使用视频展示产品 184
7.5 可以浏览的功能列表 184
7.6 馈赠让客户想回报 185
7.7 从众心理 186
7.8 隐性的建议 187
7.9 永远提供下一步操作 187
7.10 使用稀缺性来促进需求 188
7.11 退款保障,消除客户的后顾之忧 190
7.12 鼓励用户试用 190
7.13 别让邮寄费用吓跑了顾客 191
7.14 消除选择麻痹 192
7.15 古腾堡法则 193
7.16 脚注 195
7.17 简化注册 195
7.18 总结 196
第8章 把网站变成非凡的品牌 199
8.1 建立独一无二的设计 200
8.2 了不起的视觉设计 201
8.3 成为社区的一部分 208
8.4 进入人们的头脑中 211
第9章 向专家学习——名家访谈与真知灼见 215
认识一下我们的专家组成员 216
9.1 设计和开发 218
9.2 设计过程 223
9.3 自我提高和技巧积累 234
9.4 发展事业和做自由职业者 240
第10章 幕后故事 245
10.1 一切是如何开始的 246
10.2 我们是如何走到今天的 248
10.3 我们成功故事的关键因素 255
10.4 幕后在发生着什么? 258
10.5 感谢你,设计社区 260
· · · · · · (
收起)
《众妙之门——网站UI设计之道(修订版)》是知名设计网站Smashing Magazine上线以来的精华总结,来自全球的知名设计师无私地分享了他们多年积累的宝贵经验。全书共分10章,前8章讨论了和网站UI设计相关的八个不同的领域,覆盖面非常广,具有很强的操作性和专业性,全书逻辑严密、言简意赅,设计人员可以快速地找到自己想要的东西。第9章以访谈的形式介绍了多位专家对一系列重要问题的看法,入木三分,极富启发性。第10章以讲故事的方式,把Smashing Magazine的创办和发展过程娓娓道来,同时毫不保留地分享了两位创始人的成功秘诀和价值观,让人受益匪浅。其最大的价值在于它在传授具体经验的同时,也对设计思想和设计理念进行了深入的探讨,在“授人以鱼”的同时,不忘“授人以渔”。