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