Photoshop智能手机APP UI设计之道PDF电子书下载

第01章 智能手机APP界面设计概述 10

1.1 智能APP界面设计概述 10

1.1.1 什么是智能手机用户界面 10

1.1.2 优秀的界面具有哪些特点 11

1.2 APP界面设计的布局和分类 12

1.2.1 APP界面设计的布局 12

1.2.2 APP界面设计的分类 13

1.3 如何制作出优秀的APP界面 16

1.3.1 你的UI是不是保持着高度一致 16

1.3.2 用户可以自由掌控自己的操作吗 17

1.3.3 你对你的用户群了解吗 17

1.3.4 你有预防错误的措施吗 18

1.3.5 你有没有在重要的位置为用户展示出最重要的内容 18

1.3.6 你的设计是不是显得很简约 18

1.3.7 你有没有使用视觉提示 19

1.3.8 你的UI有操作提示吗 19

1.3.9 你的内容清晰吗 19

1.3.10 你是怎样使用色彩的 19

1.3.11 你的UI是不是太过花哨 20

1.3.12 你的UI结构是否清晰明了 20

1.4 UI设计师如何自我提升 20

1.4.1 形状／轮廓 21

1.4.2 美术基础 21

1.4.3 色彩识别 22

1.4.4 引导视觉 22

设计思路：如何设计出更加友好的界面 24

知识拓展：浏览本书所有范例，从视觉上总结APP UI设计的基本要素 26

第02章 手机UI设计基础 30

2.1 关于手机 30

2.1.1 智能手机操作系统的分类 30

2.1.2 手机屏幕的分辨率 30

2.1.3 屏幕的色彩 31

2.2 UI设计相关知识 32

2.2.1 什么是UI设计 32

2.2.2 UI设计的目的和重要性 33

2.2.3 UI设计中最重要的元素是什么 33

2.2.4 平面UI与手机UI的不同 33

2.3 UI设计的原则 34

设计思路：一个UI设计师去找工作，如何展示他的价值 37

知识拓展：思考一下UI设计的流程 37

第03章 APP界面设计的色彩理论 40

3.1 色彩的意象 40

3.2 色彩的重要性 42

3.2.1 色彩的物理效应 42

3.2.2 色彩的心理反应 42

3.3 色彩的属性 43

3.3.1 色彩的分类 43

3.3.2 色相 43

3.3.3 明度 44

3.3.4 饱和度 44

3.3.5 色调 44

3.4 色彩的搭配原则 45

3.4.1 色相配色 45

3.4.2 色调配色 46

3.4.3 明度配色 47

3.5 使用Kuler配色 47

设计思路：如何找到完美的色彩搭配 50

知识拓展：色彩在UI设计中起到什么样的作用 56

第04章 Photoshop制作图标常用的编辑操作 58

4.1 Photoshop CC的工作界面 58

4.1.1 了解工作界面 58

4.1.2 了解工具箱 59

4.1.3 了解选项栏 59

4.1.4 了解状态栏 61

4.1.5 了解面板 62

4.2 UI设计的准则 63

4.3 图标设计的格式和大小 64

4.3.1 JPEG格式 65

4.3.2 PNG格式 65

4.3.3 GIF格式 65

4.3.4 图标尺寸大小 65

4.4 跟大师设计一组图标 66

4.4.1 准备工作 66

4.4.2 构思、草图 67

4.4.3 辅助背景制作 67

4.4.4 基本形、放大 67

4.4.5 创作过程 68

4.4.6 常用方法——变形 69

4.4.7 成品 70

设计思路：设计一个图标的三个阶段 71

知识拓展：图标格式的那点事 73

第05章 手机UI设计平面图标制作 78

实战01 Home图标制作 78

实战02 日历图标制作 79

实战03 录音机图标制作 81

实战04 文件夹图标制作 83

实战05 徽章图形 85

实战06 秒表图形 88

设计思路：绘制基本形状 92

知识拓展1：了解绘图模式 95

知识拓展2：了解图层样式 95

第06章 手机UI设计的字效表现 98

实战01 车灯字体 98

实战02 星星字体 102

实战03 牛仔布料字体 106

设计思路：如何在APP UI中控制字号 109

知识拓展：字体配色的那点事 111

第07章 UI的质感表现 114

实战01 金属 114

实战02 胶布 118

实战03 玻璃 121

实战04 光滑表面 127

实战05 木纹 135

实战06 皮革 138

实战07 纸张 143

实战08 陶瓷 144

实战09 光滑漆皮 147

实战10 塑料、金属和玻璃综合表现 152

设计思路：Apple和Android移动端尺寸指南 155

设计思路：iOS扁平化系统有哪些特色 156

知识拓展：关于透明元素和透明度使用的艺术 158

第08章 手机UI设计立体图标制作 160

实战01 Dribbbleb图标制作 160

实战02 按钮图标制作 164

实战03 Chrome图标制作 170

实战04 twieer图标制作 173

实战05 照相机图标制作 176

设计思路：如何让图标更具吸引力 182

知识拓展：立体图标的设计原则 183

第09章 手机UI按钮设计 186

实战01 发光按钮 186

实战02 控制键按钮 189

实战03 播放器按钮 193

实战04 清新开关按钮 198

实战05 高调旋钮 203

设计思路：如何设计和谐的交互 208

知识拓展：关于按钮设计，设计师的几点建议 209

第10章 手机UI局部界面设计 212

实战01 登录界面 212

实战02 设置界面开关 217

实战03 通知列表界面 223

实战04 日历界面 230

设计思路：如何制作配色卡 236

知识拓展：关于进度条设计的几点建议 240

第11章 手机UI零件设计大集合 242

实战01 进度条 242

实战02 音量设置 251

实战03 选项设置 265

设计思路：导航列表的设计原则 273

第12章 智能手机UI整体界面制作 276

实战01 Windows Phone手机界面总体设计 276

实战02 苹果手机iOS界面总体设计 289

实战03 Android手机界面总体设计 300

附录 313