《Designing Interfaces中文版》学习笔记

刚读完《Designing Interfaces中文版》，觉得受益匪浅。
借鉴程序设计领域的《设计模式》，本书总结了UI领域的设计模式，并对UI设计模式进行分类，这些模式不仅适用于桌面应用，也适用基于web的应用以及掌上电脑、手机、嵌入式设备等等。

用户的行为模式：
1. 安全探索( Safe Exploration )
2. 即使满足( Instant Gratification )
3. 满意即可( Satisficing )
4. 中途变卦( Changes in Midstream )
5. 延后选择( Deferred Choices )
6. 递增构建(Incremental Construction )
7. 习惯  ( Habituation )
8. 空间记忆( Spatial Memory )
9. 前瞻记忆( Prospective Memory )
10. 简化重复工作(Streamlined Repetition )
11. 只支持键盘(Keyboard Only )
12. 旁人建议 ( Other People’s Advice )

UI设计模式：
1．组织内容：信息架构和应用结构类的UI设计模式：
描述了不同的组织模型、用户一次看到的内容数量，以及使用窗口、面板和页面的最佳方式。
1.1双面板选择器
1.2画布加调色板工具条
1.3单窗口深入
1.4可选视图
1.5向导
1.6需要时显示
1.7有趣的分支
1.8多级帮助

2．导航类的UI设计模式：
描述了在界面中移动的模式，如何在页面、窗口之间移动。
2.1清楚的入口点
2.2全局导航
2.3中心和辐条
2.4金字塔
2.5模态面板
2.6序列地图
2.7面包屑层级结构
2.8注释滚动条
2.9颜色编码的栏目
2.10动画转换
2.11逃生舱

3．页面元素的布局类的UI设计模式：
描述页面元素布局和布置模式，讲述如何简单地通过把设计元素放在正确的地方来进行与用于的交流。
3.1视觉框架
3.2中央舞台
3.3带标题的栏目
3.4卡片堆
3.5可关闭的面板
3.6可移动的面板
3.7右对齐／左对齐
3.8对角平衡
3.9属性表
3.10响应式展开
3.11响应式允许
3.12流式布局

4．动作和命令类的UI设计模式：
描述如何表现动作和命令。
4.1按钮分组
4.2动作面板
4.3突出的”完成”按钮
4.4智能菜单项
4.5预览
4.6进度提示
4.7可取消性
4.8多级撤销
4.9命令历史
4.10宏

5．显示复杂数据：树.c表格及其他信息图形类的UI设计模式：
包括常见的树、表格、图标等模式，讨论了数据表现方式的认知知识，以及如何使用它们来进行知识和含义的交流。
5.1总览加细节
5.2数据提示
5.3动态查询
5.4数据刷
5.5局部缩放
5.6斑马行
5.7可排序表格
5.8跳转到对象
5.9新对象行
5.10级联列表
5.11树状表格
5.12多Y值图表
5.13大量小对象
5.14树状地图

6．用户输入的表单和控件类的UI设计模式：
6.1容错格式
6.2结构化的格式
6.3填空
6.4输入提示
6.5输入提醒
6.6自动完成
6.7下拉选择器
6.8图示选项
6.9列表建造器
6.10良好的默认值
6.11错误显示在同一页


7．编辑器类的UI设计模式：
讲述美观和最后的工序，完成设计，使用图形设计原则和模式来讲述在界面的行为已经稳定的基础上，怎样及为什么需要打磨它的外观和感觉。
7.1就地编辑
7.2智能选择
7.3组合选择
7.4一次性模态
7.5弹性加载模态
7.6强制调整大小
7.7磁性吸附
7.8对齐指示线
7.9粘贴变种


8．UI外观、视觉风格和美感类的UI设计模式：
8.1深色背景
8.2少一点色彩,124多一些价值
8.3角落处理
8.4边界回应字体
8.5发丝
8.6粗细字体对比
8.7皮肤