交互界面设计

交互设计是以人为中心的设计方法，本书通过理论结合案例的方式，从用户研究、交互设计方法到界面规范等内容进行了全面的讲解。各阶段的课程结合课题训练，起到了带动学生从理论到交互设计的核心知识应用上的作用，具有较好的教学指导价值。本书知识点较为全面，每个章节都有对应的课题训练，能够较好的带动教学实践。本书适合数字媒体设计、产品设计、视觉传达设计专业的师生作为教材或教辅书籍使用，本书的作者还建立了武汉轻工大学数字资源课程“交互界面设计”，可与本书配套使用。 

界面设计、交互设计行业也炙手可热，大量设计人员涌入界面设计行业，但是能将交互设计作为一种行为科学实践，同时站在界面设计和交互产品层面思考的设计开发人员极度缺乏。很多设计专业的毕业生加入新媒体公司后仅仅成为“美工”，对整个APP开发流程可以说是零参与，对用户体验也不够关注，交互界面设计仅仅停留在配色设计或者界面规范应用的层面上。交互设计是以人为中心的设计方法，本书通过理论结合案例的方式，从用户研究、交互设计方法到界面规范等内容进行了全面的讲解。各阶段的课程结合课题训练，起到了带动学生从理论到交互设计的核心知识应用上的作用，具有较好的教学指导价值。本书知识点较为全面，每个章节都有对应的课题训练，能够较好的带动教学实践。全书共分为5章，第1章为交互界面设计概述、第2章为用户研究、第3章为交互设计方法、第4章为品牌与用户界面设计、第5章为健康类APP交互界面设计案例。武汉轻工大学艺术与传媒学院将健康设计作为学院特色办学内容，因此在教学项目的设置上围绕学院建设目标进行了主题项目开发设计。本书适合数字媒体设计、产品设计、视觉传达设计专业的师生作为教材或教辅书籍使用，笔者还建立了武汉轻工大学数字资源课程“交互界面设计”，可与本书配套使用。

第1章交互界面设计概述

1.1交互设计基本概念/2

1.2交互界面设计流程/4

1.3案例分析：支付宝用户体验设计流程的10个

环节/6

1.4课堂训练：选题的确定/7

 

9第2章用户研究

2.1用户研究的意义/10

2.2用户研究方法概述/10

2.3产品概念阶段用户研究方法/11

2.4产品设计与研发阶段常用的用户研究方法/16

2.5产品发布阶段的用户研究方法/18

2.6课堂训练：关于拟设计APP的问卷调查设计与

分析/19

 

23第3章交互设计方法

3.1交互设计概述/24

3.2交互设计的阶段与内容/24

3.3交互设计与页面基础布局/29

3.4触屏设备的交互手势/31

3.5案例分析：“赶公交”APP产品需求与交互原型

设计/32

3.6课堂训练：关于拟设计APP的产品结构图与交互

流程设计 /35

 

39第4章品牌与用户界面设计

4.1用户界面设计原则/40

4.2界面设计尺寸/41

4.3图标设计/46

4.4界面设计内容/52

4.5界面内容的信息图表设计/60

4.6界面配色设计/61

4.7动画设计/64

4.8界面设计软件——Sketch /64

4.9APP视觉包装/65

4.10切图命名与界面设计规范/67

4.11课堂训练：对拟设计APP进行视觉细化与品牌设计/69

 

71第5章健康类APP交互界面设计案例

5.1APP交互界面设计作业要求/72

5.2健康类主题的APP设计案例/73

 

85附录

附录A课程安排(64课时)/85

附录B课程任务书(64课时)/85

附录C故事板模板/86

附录DiPhone X、iPhone XR手机界面网格模板/87

附录E图标设计模板/87

附录F界面设计尺寸规范/88

 

89参考文献

 

 

90结语

随着移动智能终端和移动互联网的普及，手机应用已经渗透到我们生活的各个方面。界面设计、交互设计行业也炙手可热，大量设计人员涌入界面设计行业，但是能将交互设计作为一种行为科学实践，同时站在界面设计和交互产品层面思考的设计开发人员极度缺乏。很多设计专业的毕业生加入新媒体公司后仅仅成为“美工”，对整个APP开发流程可以说是零参与，对用户体验也不够关注，交互界面设计仅仅停留在配色设计或者界面规范应用的层面上。笔者近些年一直从事交互界面设计的教学工作，基于让学生在交互界面设计上有专长、以人为中心的产品设计上有深刻感受的出发点，在教材的选定上颇费周折。国内的交互设计、界面设计书籍多为国外经典著作的译著或界面设计案例的罗列，不适合作为系统的交互界面设计专业教材使用，在此背景下笔者编写了本书。交互设计是以人为中心的设计方法，本书通过理论结合案例的方式，从用户研究、交互设计方法到界面规范等内容进行了全面的讲解。各阶段的课程结合课题训练，起到了带动学生从理论到交互设计的核心知识应用上的作用，具有较好的教学指导价值。本书知识点较为全面，每个章节都有对应的课题训练，能够较好的带动教学实践。本书适合数字媒体设计、产品设计、视觉传达设计专业的师生作为教材或教辅书籍使用，笔者还建立了武汉轻工大学数字资源课程“交互界面设计”，可与本书配套使用。全书共分为5章，第1章为交互界面设计概述、第2章为用户研究、第3章为交互设计方法、第4章为品牌与用户界面设计、第5章为健康类APP交互界面设计案例。武汉轻工大学艺术与传媒学院将健康设计作为学院特色办学内容，因此在教学项目的设置上围绕学院建设目标进行了主题项目开发设计。全书共18万字左右，其中康帆完成16万字左右，陈莹燕教授完成2万字左右。本书的主审人为二级教授、博士生导师陈汗青教授，陈教授曾任武汉理工大学艺术与设计学院院长、教育部高校工业设计专业指导委员会委员、教育部高校艺术硕士专业指导委员会委员、中国建设环境艺术委员会副会长、湖北省教育学会艺术设计专业委员会理事长等职。陈教授是我校艺术与传媒学院“常青学者”特聘教授，在百忙之中对本书的修订提出了很多宝贵意见，更捐资30万元人民币设立“汗青艺术教育奖励基金”，本书也受到了“汗青艺术教育奖励基金”的资助，在此表示由衷的感谢。参与本书编写的还有湖北大学的余日季老师、中南民族大学的黄隽老师、长江大学的张大庆老师、武汉轻工大学的张君丽老师、河南财经政法大学陈倩老师、武汉体育学院的吕金龙老师、武汉科技大学的龙燕老师，感谢共同编写的老师们与笔者一起讨论大纲，并给予提供案例、整理图片等帮助，也对所有优秀学生作业的提供者一并表示衷心的感谢。希望通过本书，与各界人士交流学习。后，本书也受到了湖北省人文社会科学重点研究基地“湖北大学文化科技融合创新研究中心”的资助。康帆于武汉轻工大学2018年11月