01 移动UI设计快速入门 2
1.1 UI设计概述 2
1.1.1 什么是UI设计 2
1.1.2 UI设计的分类 3
1.1.3 UI设计常用工具 5
1.1.4 移动UI设计原则 5
1.2 移动设备的三大操作系统 9
1.2.1 iOS系统 9
1.2.2 Android系统 10
1.2.3 Windows phone系统 10
1.3 移动UI设计色彩搭配 10
1.3.1 色彩级别 11
1.3.2 色彩的象征意义 11
1.3.3 配色技巧 14
1.3.4 配色注意事项 17
1.4 移动UI设计中文字的运用 18
1.4.1 衬线体与非衬线体 18
1.4.2 文字规范 19
1.5 移动UI设计中图片的运用 20
1.5.1 位图和矢量图 20
1.5.2 常见图片格式 21
1.5.3 常见图片长宽比例 21
1.5.4 图片排版 22
1.6 如何学习移动UI设计 23
1.6.1 临摹、借鉴和创造 23
1.6.2 设计类网站 24
本章总结 25
02 图标设计 28
2.1 初识图标 28
2.1.1 图标类型 28
2.1.2 图标风格 29
2.1.3 尺寸相关概念 30
2.1.4 图标设计规范 31
2.2 功能型图标设计 32
2.2.1 功能型图标设计要点 32
2.2.2 案例实战——剪影风格功能图标设计 32
2.2.3 案例实战——长投影风格分类图标设计 36
2.2.4 案例实战——渐变风格分类图标设计 39
2.3 桌面型图标设计 41
2.3.1 桌面型图标设计要点 41
2.3.2 案例实战——卡通风格图标设计 42
2.3.3 案例实战——轻质感风格音乐图标设计 47
本章总结 53
本章实训 54
实训1——制作剪影风格图标 54
实训2——制作长投影风格图标 55
实训3——制作渐变风格图标 56
03 APP页面构成元素设计 58
3.1 APP页面构成 58
3.1.1 栏 58
3.1.2 内容视图 59
3.2 常见导航形式 60
3.3 常见APP组件 62
3.3.1 控制元素 63
3.3.2 筛选器 63
3.3.3 表单 63
3.3.4 按钮 63
3.3.5 其他组件 64
3.4 案例实战——按钮设计 65
3.5 案例实战——导航栏设计 67
3.6 案例实战——列表式导航设计 72
本章总结 78
本章实训 79
实训1——制作开关按钮 79
实训2——制作卡片式导航页 80
04 手机主题界面设计 82
4.1 手机主题界面设计基础知识 82
4.1.1 手机主题界面构成 82
4.1.2 手机主题界面设计要点 84
4.2 案例实战——卡通风格手机主题界面设计 85
4.2.1 作品展示 85
4.2.2 设计思路 85
4.2.3 案例步骤 85
本章总结 106
本章实训——制作渐变插画手机主题界面 107
05 生活服务类APP界面设计 110
5.1 APP设计基础知识 110
5.1.1 常见APP类型 110
5.1.2 APP开发流程 112
5.1.3 APP基本页面简介 113
5.2 案例实战——购物类APP界面设计 116
5.2.1 作品展示 116
5.2.2 设计思路 117
5.2.3 案例步骤 117
本章总结 133
本章实训——制作微天气APP界面 134
06 影音娱乐类APP界面设计 138
6.1 作品展示 138
6.2 设计思路 139
6.3 案例步骤 140
6.3.1 首页设计 140
6.3.2 发现页设计 144
6.3.3 会员页设计 148
本章总结 151
本章实训——制作酷乐APP界面 152
07 社交类APP界面设计 156
7.1 作品展示 156
7.2 设计思路 157
7.3 案例步骤 157
7.3.1 联系人页设计 157
7.3.2 聊天页设计 160
7.3.3 社区页设计 163
本章总结 171
本章实训——制作易聊APP界面 171
08 游戏类APP界面设计 174
8.1 作品展示 174
8.2 设计思路 175
8.3 案例步骤 175
8.3.1 首页设计 175
8.3.2 联机模式页设计 178
8.3.3 游戏对战页设计 182
本章总结 185
本章实训——制作水果消消乐游戏APP界面 185