本书以理论与项目实战相结合的方式，详细讲解了移动UI 的设计与制作方法。全书共4 章，第1 章为UI 设计概述，包括 UI 设计的概念、UI设计的流程、UI 设计的规范；第2~4 章分别为主题图标设计、界面设计、交互设计，内容包括概述、设计流程、设计规范、项目实战和案例欣赏等内容。本书理论知识由浅入深，同时注重理论与实践相结合，通过真实项目引领，分析、阐述设计制作过程，特别适合作为UI 设计初学者的入门教材。 本书适合作为高等院校、高职高专院校移动UI 设计与制作相关课程的教材，也可供UI 设计从业人员自学参考。

UI设计基础 主题图标设计 界面设计 交互设计 详细理论精讲 实战项目操作，快速上手移动UI交互设计 198张扩展图库 全书实战项目详细微课视频 PPT 教案 教学大纲 素材与效果 微课 扩展图库，丰富配套资源

夏琰，长春职业技术学院副教授，有影响力的平面设计方向专家，任吉林省计算机行业商会理事、省美学学会会员。主要研究项目及领域：平面设计、UI设计、交互设计。

01 UI 设计概述

1.1　UI 设计的概念　2

1.2　UI 设计的流程　3

1.2.1　需求分析阶段　3

1.2.2　设计制作阶段　4

1.2.3　方案修改阶段　4

1.2.4　测试改进阶段　4

1.3　UI 设计的规范　5

1.3.1　用户控制原则　5

1.3.2　一致性原则　6

1.3.3　简单美观原则　7

1.3.4　布局合理原则　8

1.3.5　响应时间合理原则　9

1.4　本章小结　9



02　主题图标设计

2.1　图标设计概述　12

2.1.1　图标设计分类　13

2.1.2　图标设计原则　14

2.2　图标设计流程　17

2.2.1　确定图标风格　17

2.2.2　图标草图绘制　19

2.2.3　图标电脑制作　21

2.2.4　主题界面制作　22

2.3　图标设计规范　23

2.3.1　系统规范　23

2.3.2　设计制作规范　26

2.4　图标设计项目实战　28

2.4.1　设计风格　28

2.4.2　手绘图标　28

2.4.3　电脑制作　30

2.4.4　主题界面制作　34

2.4.5　其他界面制作　36

2.5　本章小结　37

2.6　课后习题　37

2.7　图标设计案例欣赏　40



03　界面设计

3.1　界面设计概述　48

3.1.1　界面设计的内容　49

3.1.2　界面设计的注意要点　56

3.1.3　界面设计的表现手法　58

3.2　界面设计分类　62

3.2.1　主界面　63

3.2.2　详情界面　66

3.2.3　弹窗界面　72

3.3　界面设计规范　74

3.3.1　系统规范　74

3.3.2　设计制作规范　75

3.4　界面设计项目实战　79

3.4.1　设计思路　79

3.4.2　主界面设计制作　80

3.4.3　详情界面设计制作　84

3.4.4　弹窗界面设计制作　88

3.5　本章小结　91

3.6　课后习题　91

3.7　界面设计案例欣赏　92



04　交互设计

4.1　交互设计团队的组成　101

4.2　交互设计的要素　102

4.3　交互设计的流程　103

4.3.1　前期准备阶段　103

4.3.2　中期设计阶段　106

4.3.3　后期跟进阶段　111

4.4　交互设计项目实战　112

4.4.1　需求分析　112

4.4.2　用户建模卡片　112

4.4.3　竞品分析　113

4.4.4　逻辑思维导图　113

4.4.5　低保真原型　120

4.4.6　规范手册　127

4.4.7　高保真原型　129

4.5　本章小结　131

4.6　课后习题　131

4.7　交互设计案例欣赏　137