第1章 手机UI设计概述 2
1.1 手机UI设计概述 2
1.1.1 什么是UI? 2
1.1.2 优秀的UI具有哪些特点 3
1.2 UI设计的布局和分类 3
1.2.1 UI设计的布局 3
1.2.2 UI设计的分类 5
1.3 如何制作出优秀的UI 8
1.4 UI设计师如何自我提升 12
1.4.1 形状/轮廓 12
1.4.2 美术基础 13
1.4.3 色彩识别 13
1.4.4 引导视觉 14
设计思路:如何设计出更加友好的UI 16
知识扩展:浏览本书所有范例,从视觉上总结UI设计的基本要素 18
第2章 手机UI设计基础 21
2.1 关于手机 21
2.1.1 智能手机操作系统的分类 21
2.1.2 手机屏幕的分辨率 21
2.1.3 屏幕的色彩 22
2.2 UI设计相关知识 23
2.2.1 什么是UI设计 23
2.2.2 UI设计的目的和重要性 24
2.2.3 UI设计中最重要的元素是什么 24
2.2.4 平面UI与手机UI的不同 25
2.3 UI设计的原则 26
设计思路:一个UI设计师去找工作,如何展示他的价值 29
知识扩展:思考一下UI设计的流程? 29
第3章 Photoshop制作图标常用的编辑操作 32
3.1 UI设计的准则 32
3.2 图标设计的格式和大小 34
3.2.1 JPEG格式 34
3.2.2 PNG格式 34
3.2.3 GIF格式 34
3.2.4 图标尺寸大小 35
3.3 跟大师设计一组图标 36
3.3.1 准备工作 36
3.3.2 构思、草图 36
3.3.3 辅助背景制作 37
3.3.4 基本形、放大 38
3.3.5 创作过程 38
3.3.6 常用方法——变形 40
3.3.7 成品 41
设计思路:设计图标的三个阶段 42
知识扩展:图标格式的那点事 44
第4章 手机U的平面图标制作 49
实战01 Home图标制作 49
实战02 日历图标制作 51
实战03 录音机图标制作 53
实战04 文件夹图标制作 55
实战05 徽章图形 58
实战06 秒表图形 62
设计思路:绘制基本形状 67
知识扩展1:了解绘图模式 70
知识扩展2:了解图层样式 71
第5章 手机UI的字效表现 73
实战01 车灯字体 73
实战02 星星字体 78
实战03 牛仔布料字体 84
设计思路:在APP UI中如何控制字号 88
知识扩展:字体配色的那点事 90
第6章 手机UI的质感表现 93
实战01 金属 93
实战02 胶布 98
实战03 玻璃 101
实战04 光滑表面 107
实战05 木纹 115
实战06 皮革 119
实战07 纸张 124
实战08 陶瓷 126
实战09 光滑漆皮 129
实战10 塑料、金属和玻璃综合表现 135
设计思路1:Apple和Android移动端尺寸指南 139
设计思路2:iOS扁平化系统有哪些特色 140
知识扩展:关于透明元素和透明度使用的艺术 142
第7章 手机UI的立体图标制作 145
实战01 Dribbbleb图标制作 145
实战02 按钮图标制作 150
实战03 Chrome图标制作 159
实战04 twieer图标制作 164
实战05 照相机图标制作 169
设计思路1:图标设计的流程 175
设计思路2:如何让图标更具吸引力 176
知识扩展:立体图标的设计原则 177
第8章 手机U的按钮设计 179
实战01 发光按钮 179
实战02 控制键按钮 183
实战03 播放器按钮 188
实战04 清新开关按钮 195
实战05 高调旋钮 204
设计思路:如何设计和谐的交互 212
知识扩展:设计师关于按钮设计的几点建议 213
第9章 手机U局部设计 216
实战01 登录UI 216
实战02 设置UI开关 222
实战03 通知列表UI 230
实战04 日历UI 238
设计思路:如何制作配色卡 246
知识扩展:关于进度条设计的几点建议 250
第10章 手机UI零件设计大集合 252
实战01 进度条 252
实战02 音量设置 262
实战03 选项设置 278
设计思路:导航列表的设计原则 288
第11章 手机UI整体制作 291
实战01 Windows Phone手机UI总体设计 291
实战02 苹果手机IOS UI总体设计 307
实战03 Android手机UI总体设计 320
附录 网络资源与常用U设计工具 336
1.网上资源 336
2.原型设计辅助工具 338