移动终端UI界面设计项目教程PDF电子书下载

单元1移动终端图标界面设计 1

引例描述 1

1.1 相关知识与技能 1

1.1.1 界面图标设计要点 1

1.1.2 拟物化界面设计 3

1.1.3 扁平化界面设计 3

1.2 任务一：图标界面背景和布局设计 6

1.2.1 任务陈述——木质界面背景和布局设计 6

1.2.2 任务实施 7

1.2.3 任务拓展——牛仔布效果界面背景和布局设计 15

1.3 任务二：图标造型效果设计 20

1.3.1 任务陈述——金属质感图标造型效果设计 20

1.3.2 任务实施 21

1.3.3 任务拓展——皮革质感图标造型效果设计 27

1.4 任务三：图标图形设计 32

1.4.1 任务陈述——拟物化图标图形设计 32

1.4.2 任务实施 33

1.4.3 任务拓展——简约图标图形设计 49

1.5 项目实训 53

单元2移动终端锁屏界面设计 54

引例描述 54

2.1 相关知识与技能 54

2.1.1 解锁开关界面作品分析 54

2.1.2 时钟与日期图标设计 56

2.1.3 天气预报图标设计的要点 57

2.2 任务一：解锁开关界面设计 58

2.2.1 任务陈述——迷宫解锁开关界面设计 58

2.2.2 任务实施 59

2.2.3 任务拓展——撕纸效果解锁开关界面设计 70

2.3 任务二：时钟解锁界面设计 76

2.3.1 任务陈述——指针时钟解锁界面设计 76

2.3.2 任务实施 77

2.3.3 任务拓展——数字时钟界面设计 90

2.4 任务三：天气预报图标设计 95

2.4.1 任务陈述——具象天气预报图标设计 95

2.4.2 任务实施 96

2.4.3 任务拓展——抽象简约风格天气预报图标设计 104

2.5 项目实训 107

单元3手机通话界面设计 108

引例描述 108

3.1 相关知识与技能 108

3.1.1 拨号界面设计作品分析 108

3.1.2 通话记录界面的要点 110

3.1.3 电话簿界面的要点 111

3.2 任务：手机通话界面设计 112

3.2.1 任务陈述——怀旧风格手机通话界面设计 112

3.2.2 任务实施 113

3.2.3 任务拓展——透明效果手机拨号界面设计 139

3.3 项目实训 154

单元4移动终端影音媒体界面设计 156

引例描述 156

4.1 相关知识与技能 156

4.1.1 界面细节带给用户的心理感受 156

4.1.2 制作金属质感按钮 159

4.1.3 制作金属质感旋钮 162

4.2 任务一：视频媒体播放器界面设计 168

4.2.1 任务陈述——清新风格视频播放器界面设计 168

4.2.2 任务实施 169

4.2.3 任务拓展——橙色视频播放器界面设计 181

4.3 任务二：音频媒体播放器界面设计 185

4.3.1 任务陈述——流线型音频媒体播放器界面设计 185

4.3.2 任务实施 186

4.3.3 任务拓展——酷黑音频播放器界面设计 193

4.4 任务三：收音机播放器界面设计 201

4.4.1 任务陈述——旋钮型收音机播放器界面设计 201

4.4.2 任务实施 202

4.4.3 任务拓展——滑动型收音机播放器界面设计 216

4.5 项目实训 224

单元5移动终端游戏界面设计 226

引例描述 226

5.1 相关知识与技能 226

5.1.1 游戏界面娱乐氛围的营造方法 226

5.1.2 游戏界面字体设计的要领 228

5.1.3 游戏界面发光字体设计与制作 230

5.2 任务一：游戏图标设计 235

5.2.1 任务陈述——手机桌球游戏图标设计 235

5.2.2 任务实施 236

5.2.3 任务拓展——手机五子棋游戏图标设计 243

5.3 任务二：游戏登录界面设计 248

5.3.1 任务陈述——手机桌球游戏登录界面设计 248

5.3.2 任务实施 249

5.3.3 任务拓展——手机五子棋游戏登录界面设计 253

5.4 任务三：游戏操作界面设计 260

5.4.1 任务陈述——手机桌球游戏操作界面设计 260

5.4.2 任务实施 261

5.4.3 任务拓展——手机五子棋游戏操作界面设计 271

5.5 项目实训 278

单元6移动终端软件界面设计 279

引例描述 279

6.1 相关知识与技能 279

6.1.1 软件界面个性的塑造原则 279

6.1.2 软件色彩设计 281

6.1.3 软件布局设计 281

6.2 任务一：软件图标设计 281

6.2.1 任务陈述——即时聊天软件图标设计 281

6.2.2 任务实施 282

6.2.3 任务拓展——手机录音软件图标设计 285

6.3 任务二：软件欢迎（登录）界面设计 288

6.3.1 任务陈述——即时聊天软件登录界面设计 288

6.3.2 任务实施 289

6.4 任务三：软件操作界面设计 297

6.4.1 任务陈述——即时聊天软件操作界面设计 297

6.4.2 任务实施 298

6.4.3 任务拓展——手机录音软件操作界面设计 311

6.5 项目实训 322

单元7移动终端UI主题设计 323

引例描述 323

7.1 相关知识与技能 323

7.2 任务一：手机锁屏界面主题设计 327

7.2.1 任务陈述——教师职业主题手机锁屏界面设计 327

7.2.2 任务实施 328

7.2.3 任务拓展——温暖夏日主题手机锁屏界面设计 338

7.3 任务二：手机图标界面主题设计 343

7.3.1 任务陈述——教师职业主题手机图标界面设计 343

7.3.2 任务实施 344

7.3.3 任务拓展——温暖夏日主题手机图标界面设计 358

7.4 项目实训 362