第1章 开启界面设计这扇窗

1.1手机UI设计相关基本概念

1.2智能手机操作系统有哪些

1.3 UI界面设计常用的软件

1.4屏幕尺寸相关的术语和概念

1.5界面设计常见图标格式

1.6低保真与高保真原型设计

1.7色彩基础知识

1.8界面设计配色秘笈

第2章 经典登录页和登录框

2.1会员登录页

2.1.1制作背景

2.1.2绘制主界面

2.1.3制作细节

2.1.4绘制文本框

2.2旅游名片界面

2.2.1制作背景

2.2.2绘制界面

2.2.3添加素材并调色

2.2.4添加界面元素

2.3盒子登录界面

2.3.1制作背景

2.3.2定义图案

2.3.3绘制界面

2.4通信应用界面

2.4.1制作背景

2.4.2添加元素

2.5酷黑登录页

2.5.1制作背景

2.5.2绘制界面

2.5.3绘制文本框

2.6社交应用登录框

2.6.1制作背景

2.6.2绘制界面

2.7电话呼叫界面

2.7.1制作背景

2.7.2定义图案

2.7.3绘制界面元素

课后练习

课后练习2-1摄影网站会员登录

课后练习2-2复古登录框

第3章 炫酷写实风格表现APP

3.1致炫光盘

3.1.1制作背景

3.1.2绘制图形

3.1.3制作质感

3.1.4制作细节

3.1.5制作阴影

3.2纸质办公档案袋

3.2.1制作背景

3.2.2绘制袋子

3.2.3制作细节

3.2.4定义图案

3.3写实专辑包装

3.3.1制作背景

3.3.2制作封面

3.3.3绘制光盘

3.3.4制作质感

3.3.5制作封口细节

3.4书香记事夹

3.4.1制作背景

3.4.2绘制木板

3.4.3添加纹理

3.4.4绘制拆痕

3.4.5绘制夹子

3.5家居插板

3.5.1制作背景

3.5.2绘制图形

3.5.3制作图形元素

3.6陶瓷茶杯

3.6.1制作背景

3.6.2制作阴影

3.6.3绘制盘子

3.6.4绘制茶水

3.6.5制作茶水高光

3.6.6制作手柄

3.6.7绘制茶叶

3.7写实质感开关

3.7.1制作背景

3.7.2制作细节

3.8品质音量旋钮

3.8.1制作背景

3.8.2绘制图形

3.8.3制作阴影

3.8.4添加装饰元素

课后练习

课后练习3-1写实闹钟

课后练习3-2写实电视机

课后练习3-3写实小票图形

第4章iOS前沿新潮扁平风

4.1扁平相机图标

4.1.1制作背景

4.1.2绘制图标

4.1.3添加装饰

4.1.4绘制镜头

4.2扁平铅笔图标

4.2.1绘制图标

4.2.2变换图形

4.2.3绘制细节

4.2.4制作阴影

4.3指南针图标

4.3.1绘制图标

4.3.2制作阴影

4.3.3制作倒影

4.4定位图标

4.4.1制作背景

4.4.2绘制图标

4.5微信图标

4.5.1制作背景

4.5.2绘制图标

4.6天气Widget

4.6.1制作背景

4.6.2绘制界面

4.6.3制作界面元素

4.7对话图标

4.7.1制作背景

4.7.2绘制图标

4.7.3制作高光

4.7.4制作细节

4.8盘子图标

4.8.1制作背景

4.8.2绘制盘子

课后练习

课后练习4-1淡雅应用图标控件

课后练习4-2扁平化邮箱界面

第5章APP纯美传奇质感表现

5.1塑胶质感U盘

5.1.1绘制图标

5.1.2制作图标细节

5.2金属质感系统

5.2.1制作背景

5.2.2绘制图标

5.2.3制作质感

5.2.4定义图案

5.2.5制作图标元素

5.3白金质感开关按钮

5.3.1制作背景

5.3.2绘制图标

5.3.3制作图标元素

5.3.4定义图案

5.3.5制作控件

5.4塑料质感插座

5.4.1制作背景

5.4.2制作阴影

5.4.3制作图标

5.4.4制作插孔

5.5拉丝质感开关

5.5.1制作背景并绘制图标

5.5.2制作细节

5.6糖果质感闪电图标

5.6.1制作背景

5.6.2绘制图形

5.6.3制作阴影

5.6.4添加质感

5.7鎏金质感指南针

5.7.1制作背景

5.7.2绘制图形

5.7.3添加图形元素

5.7.4制作光影

课后练习

课后练习5-1皮革旋纽

课后练习5-2唱片机图标

课后练习5-3品质音量控件

第6章 简约流行风图标

6.1脚丫图标

6.1.1制作背景

6.1.2制作图标

6.2电话图标

6.2.1制作背景

6.2.2绘制图标

6.2.3制作图标元素

6.3相机和计算器图标

6.3.1制作背景并绘制图标

6.3.2制作细节

6.3.3绘制镜头

6.3.4绘制计算器图标

6.3.5制作图标元素

6.3.6制作细节

6.4音乐图标

6.4.1制作背景

6.4.2制作图标

6.4.3制作立体效果

6.4.4添加装饰图形元素

课后练习

课后练习6-1简约风天气APP

课后练习6-2个人应用APP界面

第7章 商业案例实战

7.1卓云安全大师界面

7.1.1欢迎页面

7.1.2功能页面

7.1.3功能页面2

7.1.4展示页面

7.1.5展示页面2

7.2 iOS风格音乐播放器界面

7.2.1制作应用界面

7.2.2展示页面

7.3怡人秋景主题天气界面

7.3.1制作背景

7.3.2绘制界面

7.3.3添加文字

7.4 音悦电台界面设计

7.4.1制作背景

7.4.2绘制界面

7.4.3添加图形元素

7.4.4添加素材图像

7.4.5绘制功能控件

课后练习

课后练习7-1经典音乐播放器界面

课后练习7-2影视播放界面

课后练习7-3锁屏界面

第8章APP实用参考荟萃

8.1优秀炫酷图标赏析

8.2流行风格界面赏析

8.3 UI设计实用辅助工具

8.4优秀国内外网站推荐

8.5 UI设计中常见名词释义