1.内容简介
智能信息时代,交互技术、交互通道、交互载体等都发生了根本性变化,用户界面UI设计已不再是传统的界面美工范畴,而既要解决面向用户的认知和体验问题,又要重视信息架构和信息流的展现问题。本书由浅入深,总分结合,全面系统地阐述了UI设计的新发展及其与相关学科的新交叉,介绍了UI设计的基本流程、基本规范和一般设计制作方法,重点讲解了设计中的用户研究方法、信息架构和信息流模块化设计、信息交互原型制作和理论,帮助读者快速、有效、系统地建构交互类UI界面设计的理论和方法。
本书共7章,第1,2章介绍UI设计的相关理论,包括认知心理学、人因工程学、设计美学、社会学和人类学等,在理论溯源的基础上梳理图形界面的起源与发展以及UI设计流程与方法。第3章介绍UI设计的调研方法,包括以调研用户基础信息为目的的问卷法、访谈法等,以采集用户行为信息为目的的用户画像法、故事版、卡片分类法等,以分析用户需求信息为目的的人物角色法、用户体验地图等。第4~6章介绍用户需求与信息架构、功能之间的过渡与衔接,界面信息要素的构成及交互设计步骤。第7章介绍UI设计的软件操作方法及案例,包括原型设计的步骤与过程、不同类型软件的操作细则以及不同视觉类型的界面设计案例。
本书可作为高等院校视觉传达、数字媒体艺术、交互设计等设计类专业的教学用书,也可作为数字媒体技术、信息管理与信息系统、软件工程等计算机信息类专业和各类培训机构相关专业的教材以及数字艺术爱好者的参考用书。
2.目录 第1章概述1 1.1界面与用户界面1 1.1.1界面1 1.1.2用户界面1 1.1.3用户界面发展历程2 1.1.4人机交互3 1.2图形用户界面3 1.2.1图形用户界面的定义3 1.2.2图形用户界面发展历程4 1.2.3移动端图形用户界面6 1.2.4图形用户界面的分类6 1.3用户界面相关学科7 1.3.1认知心理学8 1.3.2人因工程学9 1.3.3设计美学9 1.3.4社会学和人类学10 第2章UI设计的应用领域与流程11 2.1UI设计的基本规范11 2.1.1界面的一致性11 2.1.2界面的用户需求13 2.2UI设计的应用领域13 2.2.1网站界面设计13 2.2.2软件界面设计14 2.2.3游戏界面设计14 2.2.4车载人机界面14 2.2.5智能机器人界面15 2.3UI设计常用软件15 2.3.1视觉设计软件15 2.3.2思维导图软件15 2.3.3快速原型设计工具16 2.3.4动效设计软件16 2.4UI设计基本流程17 2.4.1需求阶段17 2.4.2功能设计17 2.4.3交互设计18 2.4.4视觉设计19 参考文献20 第3章用户研究21 3.1用户研究概述21 3.1.1用户研究21 3.1.2UI设计中的用户研究21 3.1.3UI设计中用户研究的目标23 3.2用户概述26 3.2.1UI设计中的用户26 3.2.2细分用户人群27 3.2.3用户特征信息33 3.3用户研究的途径与方法38 3.3.1确定用户及目标38 3.3.2用户基础信息调研39 3.3.3用户行为信息采集54 3.3.4用户需求信息分析61 参考文献70 第4章架构与功能71 4.1了解信息架构71 4.1.1信息架构的概述71 4.1.2构成单位73 4.1.3信息分类73 4.1.4信息架构的设计流程74 4.2信息结构模型75 4.2.1顺序性结构模型75 4.2.2非顺序性结构模型78 4.3定义功能模块81 4.3.1面向任务的功能模块82 4.3.2面向操作对象的功能模块84 4.3.3组合功能模块85 4.4回顾并修订85 参考文献86 第5章信息表现形式87 5.1导航设计87 5.1.1主要导航模式88 5.1.2次级导航模式91 5.2标签设计93 5.2.1为什么要关心标签设计93 5.2.2标签设计的原则94 5.3微观信息架构94 5.3.1表格94 5.3.2图表95 参考文献98 第6章交互设计99 6.1界面交互设计99 6.1.1认识界面交互设计99 6.1.2界面交互设计的要素99 6.1.3界面交互设计的基本原则100 6.1.4界面交互设计的流程103 6.2针对不同交互需求设计动效108 6.2.1功能性动效108 6.2.2体验性动效110 6.3不同设备端界面上的交互112 6.3.1网页端界面的交互112 6.3.2移动设备端界面的交互113 6.3.3公共自助端界面的交互114 6.4低保真原型设计与软件操作115 6.4.1制作低保真原型115 6.4.2用Adobe XD软件制作原型124 有条漫画——条漫APP144 参考文献138 第7章视觉设计139 7.1UI视觉设计风格139 7.1.1造型风格139 7.1.2文化风格144 7.1.3类型风格147 7.2UI视觉设计的风格要素153 7.2.1色彩要素154 7.2.2文字要素161 7.2.3图像要素167 7.2.4图标要素170 7.2.5版式要素172 7.2.6控件要素176 7.2.7多媒体要素182 7.3UI视觉设计的应用与发展183 7.3.1手机界面UI设计183 7.3.2移动端主题UI设计187 7.3.3移动端APP UI设计190 7.3.4手游UI设计197 7.3.5视觉界面的发展趋势200 7.4UI视觉设计的制作与展示205 7.4.1APP图标制作205 7.4.2Loading动态图标制作210 7.4.3界面翻页动效制作214 7.4.4展示视频动画制作219 7.4.5界面效果展示219 7.5视觉界面的设计规范220 7.5.1色彩规范220 7.5.2文字规范221 7.5.3手机界面设计规范222 7.5.4移动端APP设计规范223 参考文献226
|