移动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