第1章 初识UI 1
1.1 UI设计概述 1
1.1.1 UI概念发展历史及未来趋势 1
1.1.2 UI设计原则及规范 2
1.1.3 U1设计师工作职责 3
1.1.4 UI设计流程 4
1.2 UI设计师的自我提升 4
1.2.1 自我积累与学习方式 4
1.2.2 著名设计网站 5
1.3 交互设计 5
1.3.1 交互设计基本概念 5
1.3.2 交互设计三部曲 6
1.3.3 界面设计通用交互原则 6
1.4 UI创意赏析 6
1.4.1 手机UI主题 6
1.4.2 联想宫格主题 7
1.4.3 Android应用商店——千机解锁 7
1.4.4 iPhone应用——拼图世界 7
1.5 知识与技能梳理 7
第2章 Photoshop——手机图标设计 8
2.1 图标设计的基础知识 8
2.1.1 图标设计意义 8
2.1.2 图标设计原则 8
2.2 图标欣赏 10
2.3 消息图标设计 10
2.3.1 项目创设 10
2.3.2 设计思路 11
2.3.3 设计步骤 11
2.4 音乐图标设计 16
2.4.1 项目创设 16
2.4.2 设计思路 16
2.4.3 设计步骤 16
2.5 时钟图标设计 22
2.5.1 项目创设 22
2.5.2 设计思路 22
2.5.3 设计步骤 23
2.6 记事本图标设计 28
2.6.1 项目创设 28
2.6.2 设计思路 29
2.6.3 设计步骤 29
2.7 知识与技能梳理 34
实训1 手机图标设计 35
第3章 Photoshop——手机主题界面设计 36
3.1 手机主题的基础知识 36
3.1.1 手机主题的含义 36
3.1.2 手机主题的制作软件 37
3.2 手机主题界面赏析 37
3.2.1 可爱型主题界面赏析 37
3.2.2 清新风格主题界面赏析 37
3.3 水晶花主题界面设计 38
3.3.1 项目创设 38
3.3.2 设计思路 38
3.3.3 设计步骤 39
3.4 冬雪的冬天主题界面设计 45
3.4.1 项目创设 45
3.4.2 设计思路 46
3.4.3 设计步骤 46
3.5 美好生日梦主题界面设计 51
3.5.1 项目创设 51
3.5.2 设计思路 52
3.5.3 设计步骤 52
3.6 清新雏菊制作 60
3.6.1 项目创设 60
3.6.2 设计思路 60
3.6.3 设计步骤 61
3.7 知识与技能梳理 67
实训2 手机主题界面设计 68
第4章 Photoshop——手机锁屏界面设计 69
4.1 手机锁屏界面的基础知识 69
4.1.1 手机锁屏界面设计标准 69
4.1.2 手机锁屏界面可用性原则 70
4.1.3 手机锁屏界面的情感化设计 70
4.2 手机锁屏界面全真项目赏析 70
4.3 “可爱小黄鸭”锁屏界面设计 71
4.3.1 项目创设 71
4.3.2 设计思路 71
4.3.3 设计步骤 72
4.4 “魔幻方块”锁屏界面设计 86
4.4.1 项目创设 86
4.4.2 设计思路 86
4.4.3 设计步骤 87
4.5 手机解锁界面制作——幸福有点萌 106
4.5.1 项目创设 106
4.5.2 设计思路 106
4.5.3 设计步骤 107
4.6 手机解锁界面制作——甜蜜恋人 118
4.6.1 项目创设 118
4.6.2 设计思路 118
4.6.3 设计步骤 118
4.7 知识与技能梳理 140
实训3 手机锁屏界面设计 141
第5章 Android——UI常用基本控件 142
5.1 UI界面布局 142
5.1.1 线性布局LinearLayout 142
5.1.2 表格布局TableLayout 144
5.1.3 相对布局RelativeLayout 147
5.1.4 绝对布局AbsoluteLayout 150
5.2 UI界面控件 152
5.2.1 TextView与EditText 152
5.2.2 Button与ToggleButton 156
5.2.3 ImageView与ImageButton 159
5.2.4 RadioButton与CheckBox 163
5.2.5 DatePicker与TimePicker 168
5.3 菜单 171
5.3.1 选项菜单和子菜单(SubMenu) 171
5.3.2 上下文菜单(ContetMenu) 175
5.4 对话框 177
5.4.1 普通对话框 178
5.4.2 列表对话框 180
5.4.3 单选和复选对话框 182
5.5 知识与技能梳理 185
实训4 布局手机计算器 186
第6章 Android——UI常用高级控件 191
6.1 UI界面视图 191
6.1.1 滚动视图(ScrollView) 191
6.1.2 列表视图(ListView) 192
6.1.3 网格视图(GridView) 194
6.2 滑块控件与进度条 198
6.2.1 ProgressBar 198
6.2.2 SeekBar 201
6.2.3 RatingBar 203
6.3 UI界面事件处理 206
6.3.1 事件处理机制 206
6.3.2 基于监听接口的事件处理 206
6.3.3 基于回调的事件处理 211
6.4 知识与技能梳理 218
实训5 开发灯泡交互应用 219
第7章 Android——Tetris UI交互综合项目开发 223
7.1 创建Tetris应用程序 223
7.1.1 任务分析 223
7.1.2 任务实施 224
7.2 开发输出界面 226
7.2.1 任务分析 226
7.2.2 任务实施 226
7.3 外部资源访问 229
7.4 显示输出界面 232
7.4.1 任务分析 232
7.4.2 任务实施 232
7.5 知识与技能梳理 239
实训6 开发手机计算器 240