本书系统地介绍了人机交互界面设计的概念、原则、方法及其在网页端、移动端、虚拟现实系统、工业产品人机界面设计中的应用和评价。全书共分8章,内容包括用户界面设计、用户体验设计、交互设计、网页端人机界面设计、移动端界面设计、虚拟现实系统界面设计、工业产品中的人机交互、人机交互设计评价等。
本书注重理论与实践相结合,图文并茂,深入浅出地对人机交互界面设计进行了详细全面的讲解,将界面设计基本原理与实际案例分析相结合,力求培养学生分析和完成实际设计课题的能力。本书内容丰富,重点突出,难度适中,知识面较宽,具有很好的教学适用性。
本书适合作为普通高等院校工业设计、艺术设计、计算机应用等相关专业的教学用书,也可供设计人员及广大设计爱好者参考使用。
随着互联网的快速发展,社会对UI、UE设计师的需求逐年增加,交互设计成为设计师顺应时代发展趋势的必备技能。同时,随着智能化设备的不断普及,人机交互设计也成为产品开发过程中需重点关注的环节。交互设计是人、产品、服务之间联系与沟通的纽带,是多学科有机结合的产物,在互联网时代发挥着越来越重要的作用。将交互设计纳入课程教学,可加强学生对产品思维、用户体验的理解,使学生在界面设计、产品人机交互设计等方面更加系统地构建相关知识框架,并为实际设计操作提供理论指导,提高设计创作能力。
本书共分8章,第1章介绍了用户界面设计的概念及理论依据,提出了UI设计的开发流程和技术,并对UI设计的内容、版式、色彩三大细节设计规律进行深度探讨。第2章介绍了用户体验的相关知识,包括用户体验的概念、要素、特点等,以及用户体验在设计中的具体表现方法。第3章介绍了交互设计的构架与原则,结合用户体验,从用户认知的角度阐述交互设计的多样化形式,系统地介绍了交互设计的方法与设计流程。第4章与第5章分别介绍了网页端与移动端的界面设计原则、流程与内容。第6章介绍了交互设计在虚拟现实与增强现实中的发展与应用,阐述了交互设计在虚拟现实中的独特性与设计原则。第7章针对工业设计中产品的人机交互进行介绍,包括产品中的人机界面交互与人机操纵交互。第8章介绍了人机交互评价指标、评价流程、方法和数据获取,并结合案例对评价流程进行深入分析。在每一章中附有丰富的案例解析,帮助读者掌握相关理论知识的同时,能够有效指导读者将理论知识应用于产品设计中。本书融合了传统工业产品设计、平面设计与现代互联网新型技术,可使学生全面系统地掌握现代人机交互界面设计的相关知识,并应用于工业产品设计及互联网产品研发,进而扩大学生就业范围,达到学以致用的目的。
本书由太原理工大学李娟莉任主编,李博、谢嘉成任副主编,参加编写的有太原理工大学王学文、刘慧喜、庞新宇、张婧,山西工程技术学院孙梦祯。其中,第1章由李博编写,第2章由王学文编写,第3章由刘慧喜编写,第4章由庞新宇编写,第5章由张婧编写,第6章由谢嘉成编写,第7章由李娟莉编写,第8章由孙梦祯编写。参与本书资料收集及案例制作的还有太原理工大学研究生赵彩云、边轩毅、刘怡梦、沈宏达、温利强等。全书大纲由李娟莉和谢嘉成拟定,李娟莉和李博对全书进行了统稿。
本书承任家骏教授精心审阅,任教授提供了不少宝贵的意见,特致以衷心感谢。
由于编者水平所限,书中若有不足之处敬请读者批评指正,以便修订时改进。若读者在使用本书的过程中有其他意见或建议,恳请向编者提出。
编 者
第 1 章 用户界面设计...
1.1 用户界面设计概述...
1.1.1 概念和现状...
1.1.2 七大定律...
1.1.3 完形心理学...
1.2 UI设计流程...
1.2.1 产品定位及竞品分析 ...
1.2.2 确定设计风格...
1.2.3 绘制交互线框图 ...
1.2.4 界面配色设计...
1.2.5 细节规律 ...
1.3 UI内容设计规律...
1.3.1 文字...
1.3.2 图标...
1.3.3 图像...
1.3.4 页面组件...
1.3.5 多媒体...
1.4 UI版式设计规律...
1.4.1 用户界面设计中的平面构成...
1.4.2 亲密性与相似性原则...
1.4.3 留白的艺术...
1.4.4 界面设计中的栅格系统...
1.5 UI色彩设计规律...
1.5.1 色彩基础...
1.5.2 界面配色原则...
第 2 章 用户体验设计...
2.1 什么是用户体验...
2.1.1 认识用户体验...
2.1.2 用户体验的历史与发展...
2.2 用户体验的内容...
2.2.1 用户体验的设计范畴...
2.2.2 用户体验的分类...
2.2.3 用户体验要素模型...
2.3 用户体验设计流程...
2.4 案例分析...
2.4.1 盲道设计...
2.4.2 手机解锁界面...
2.4.3 美团外卖界面...
第 3 章 交互设计...
3.1 交互设计概述...
3.1.1 交互设计的概念和发展...
3.1.2 交互系统的基本构架...
3.1.3 交互系统原则...
3.2 用户行为和交互行为...
3.2.1 用户认知...
3.2.2 用户行为...
3.2.3 交互行为...
3.2.4 交互形式...
3.3 交互设计流程...
3.3.1 产品设计思维...
3.3.2 交互模型...
3.3.3 用户研究...
3.3.4 需求建立...
3.3.5 设计工具与原型...
第 4 章 网页端人机界面设计...
4.1 网页端界面结构...
4.1.1 网页构成元素...
4.1.2 网站页面视觉层次...
4.2 网页界面设计原则...
4.2.1 对比突出...
4.2.2 条理清晰...
4.2.3 整齐平衡...
4.2.4 简洁一致...
4.3 网页界面设计分析...
4.3.1 网页文字...
4.3.2 网页排版...
4.3.3 网页色彩...
4.4 网页端界面设计流程...
4.4.1 明确主题及对象...
4.4.2 整体配色设计...
4.4.3 网页元素分布...
第 5 章 移动端界面设计...
5.1 了解移动端界面设计...
5.1.1 移动端和PC端界面的区别...
5.1.2 移动端的两大分支...
5.1.3 移动端的发展趋势...
5.2 移动端界面设计流程...
5.2.1 产品定位与竞品分析...
5.2.2 用户研究及需求清单...
5.2.3 功能架构及操作流程图...
5.2.4 界面设计...
5.3 移动端界面元素分析...
5.3.1 移动端界面内容...
5.3.2 移动端界面颜色...
5.3.3 移动端界面版式...
5.4 案例分析...
5.4.1 社交类APP...
5.4.2 购物类APP...
5.4.3 音乐类APP...
第 6 章 虚拟现实系统界面设计...
6.1 概述...
6.1.1 虚拟现实技术...
6.1.2 增强现实技术...
6.1.3 虚拟现实系统与新兴技术...
6.2 虚拟现实系统开发流程...
6.2.1 数据测量...
6.2.2 三维建模...
6.2.3 模型优化...
6.2.4 模型格式转换...
6.2.5 场景搭建...
6.2.6 制作并应用贴图...
6.2.7 界面设计...
6.2.8 虚拟系统测试...
6.2.9 连接虚拟设备...
6.3 虚拟现实系统界面设计规律...
6.3.1 界面设计基本理论...
6.3.2 VR界面设计原则...
6.3.3 VR界面设计规范...
6.4 案例分析...
第 7 章 工业产品中的人机交互...
7.1 工业设计产品中的用户体验...
7.1.1 易用性体验...
7.1.2 情感化体验...
7.1.3 服务性体验...
7.2 产品人机交互的应用...
7.2.1 人机交互设计的应用...
7.2.2 触觉交互设计的应用...
7.2.3 虚拟现实交互设计的应用...
7.3 产品中的人机界面交互...
7.3.1 显示装置交互分析...
7.3.2 设计原则...
7.4 产品中的人机操纵交互...
7.4.1 操纵装置交互分析...
7.4.2 设计原则...
7.5 案例分析...
7.5.1 汽车驾驶室操作以及界面的应用...
7.5.2 米家互联网空调遥控器和APP控制界面应用...
7.5.3 海尔冰箱的应用...
第 8 章 人机交互设计评价...
8.1 概述...
8.2 评价指标...
8.2.1 可用性...
8.2.2 易用性...
8.2.3 安全性...
8.2.4 舒适性...
8.3 评价流程、方法和数据获取...
8.3.1 评价流程...
8.3.2 评价方法...
8.3.3 数据获取方法...
8.4 案例分析...
8.4.1 健身车人机工程仿真与评价...
8.4.2 矿用挖掘机驾驶室人机界面仿真与评价一...
8.4.3 矿用挖掘机驾驶室人机界面仿真与评价二...
附 录 相关术语...
参考文献...