刚读完《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皮肤
分享到:
相关推荐
最好的UI设计理论书籍,全面阐述用户行为,并给出许多软件UI设计示例
UI设计最好的理论书籍,系统阐述了用户的行为特征并给出相当多的UI实例
《界面设计模式》(Designing Interfaces) 第二版是一本关于如何创建易于使用的用户界面的指南,作者Jenifer Tidwell通过详细的描述和案例分析,提供了一系列设计模式以帮助设计师构建更直观、更有效、更吸引人的界面...
Designing Social Interfaces Second Edition [pdf] Designing Social Interfaces Second Edition [pdf] Designing Social Interfaces Second Edition [pdf] Designing Social Interfaces Second Edition [pdf] ...
经典的网页界面设计教程,Want to learn how to create great user experiences on today's Web?... With an entire section devoted to each design principle, Designing Web Interfaces helps you:
Designing.Interfaces
Designing Mobile Interfaces [pdf] Designing Mobile Interfaces [pdf] Designing Mobile Interfaces [pdf] Designing Mobile Interfaces [pdf] Designing Mobile Interfaces [pdf] Designing Mobile Interfaces ...
《设计社交界面》(Designing Social Interfaces)是一本由Christian Crumlish与Erin Malone合著的专业书籍,主要探讨了如何通过有效的社交界面设计来提升用户体验。本书是第二版,相比第一版增加了更多关于移动应用...
非常优秀,这绝对是UI设计模式领域最好的书。
Whether you’re designing a mobile app, a toy, or a device such as a home assistant, this practical book guides you through basic VUI design principles, helps you choose the right speech recognition ...
通过本应用笔记的学习,设计者能够掌握如何在Altera公司的FPGA和HardCopy ASIC上实现RGMII接口,包括理解RGMII协议的细节、处理同步时钟和数据信号以及管理布线延迟,确保数据准确无误地在PHY和FPGA/HardCopy ASIC间...
《Designing Interfaces 2005》是一本深入探讨用户界面设计的专业书籍,它由 Jakob Nielsen 和 Jennifer Tidwell 共同撰写。这本书在2005年出版,是用户体验设计领域的重要参考资料,尤其对于界面设计的原则和实践...
以设计模式的形式总结处理界面设计法则,展现了常见设计问题的解决办法及其在实践当中的运用。每个模式包含了您可以立刻取用的实务建议,并用全彩方式展现了运用技巧。您能够从本书中获得设计建议、可替代的设计方案...
书名:Designing Mobile Interfaces(移动界面设计) 作者:Steven Hoober、Eric Berkman 出版社:O'Reilly Media, Inc., 年月:2011.11 页数:584 格式:pdf非扫描英文版 简介:讲述有效用户界面设计的核心原则,并...
Designing Data-Intensive Applications 中文 epub 版本
oice user interfaces (VUIs) are becoming all the rage today. But how do you build one that people can actually converse with? Whether you’re designing a mobile app, a toy, or a device such as a home ...