Photoshop CC移动UI界面设计与实战2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

Photoshop CC移动UI界面设计与实战PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

Part 1 移动UI设计基础1

1.1 UI设计存在的意义2

1.1.1 人机交互的桥梁2

1.1.2 操作逻辑系统的展现3

1.1.3 展现系统的整体风格3

1.2 移动UI设计的原则4

1.2.1 视觉一致性原则4

1.2.2 视觉简易性原则5

1.2.3 从用户的习惯考虑6

1.2.4 操作的灵活性及人性化8

1.3 三大主流操作系统的特点对比9

1.4 不同系统UI视觉的主要组成要素及特征10

1.4.1 iOS系统中的组成要素及特征10

1.4.2 Android系统中的组成要素及特征12

1.4.3 WP系统中的组成要素及特征13

1.5 认识移动终端的分辨率和像素14

1.6 移动UI的创意与灵感收集16

1.6.1 各种经验和灵感的记录16

1.6.2 将对象抽象化17

1.6.3 设计灵感的转移18

1.7 移动UI的视觉设计流程20

Part 2 PS在移动UI设计中的常用功能简介23

2.1 绘图工具的介绍24

2.1.1 规则形状的绘制24

2.1.2 自定义形状的绘制25

2.1.3 绘制任意所需的形状27

2.2 图层样式的运用28

2.2.1 增强立体感的图层样式28

2.2.2 发光效果的图层样式30

2.2.3 更改色彩的图层样式31

2.3 蒙版的编辑33

2.3.1 图层蒙版33

2.3.2 剪贴蒙版34

2.4 文字的添加36

2.4.1 文字的添加与设置36

2.4.2 文字的高级编辑37

Part 3 移动UI界面中基本元素的制作39

3.1 按钮40

3.1.1 按钮设计的基础知识40

3.1.2 扁平化按钮的设计41

3.2 开关45

3.2.1 开关设计的基础知识45

3.2.2 简易色块开关的设计47

3.3 进度条49

3.3.1 进度条设计的基础知识49

3.3.2 扁平化进度条的设计49

3.3.3 层次感强烈的进度条设计52

3.4 搜索栏56

3.4.1 搜索栏设计的基础知识56

3.4.2 扁平化搜索栏的设计58

3.5 列表框63

3.5.1 列表框设计的基础知识63

3.5.2 简易列表框的设计64

3.5.3 立体化列表框的设计68

3.6 标签栏70

3.6.1 标签栏设计的基础知识70

3.6.2 线性化标签栏设计71

3.6.3 木纹质感的标签栏设计72

3.7 图标栏75

3.7.1 图标栏设计的基础知识75

3.7.2 线性化图标栏设计76

3.7.3 纸箱纹理的图标栏设计79

Part 4 iOS系统及其组件的设计83

4.1 iOS系统的发展及其特点84

4.1.1 iOS系统的发展84

4.1.2 iOS 8系统的设计特点86

4.2 iOS系统设计的规范89

4.2.1 设计原则89

4.2.2 色彩和字体92

4.2.3 图标的设计96

4.3 iOS系统界面设计实训100

4.3.1 扁平化图标的设计100

4.3.2 半透明效果的界面设计108

Part 5 Android系统及其组件的设计115

5.1 Android系统的特点116

5.2 Android系统的设计规范118

5.2.1 度量单位118

5.2.2 字体的使用标准118

5.2.3 色彩的应用规范121

5.2.4 四种类型的图标124

5.3 六种标准的Widget规范126

5.3.1 Widget框架简介126

5.3.2 Widget框架的标准尺寸128

5.3.3 4×1的Widget框架设计129

5.3.4 3×3的Widget框架设计133

5.3.5 2×2的Widget框架设计137

5.3.6 4×1的加长Widget框架设计140

5.3.7 3×3的横向Widget框架设计144

5.3.8 2×2的横向Widget框架设计149

5.4 Android系统界面设计实训154

5.4.1 立体化的图标设计154

5.4.2 超强立体感的界面设计163

Part 6 WP系统及其组件的设计175

6.1 WP系统的特点176

6.2 高自由度的Live Tiles178

6.2.1 Live Tiles简介178

6.2.2 Live Tiles常见表现形式180

6.2.3 Live Tiles设计的十大要点181

6.2.4 Live Tiles设计185

6.3 独特的Panorama189

6.3.1 Panorama（全景视图）简介189

6.3.2 Panorama设计注意事项190

6.3.3 Panorama设计193

6.4 WP系统界面设计实训196

6.4.1 线性图标的设计196

6.4.2 极简风格的界面设计200

Part 7 孕妈帮手App设计207

界面布局规划208

创意思路剖析208

确定配色方案209

定义组件风格210

制作步骤详解210

Part 8 新闻网站App设计221

界面布局规划222

创意思路剖析222

确定配色方案223

定义组件风格224

制作步骤详解224

Part 9 美食网站App设计237

界面布局规划238

创意思路剖析238

确定配色方案239

定义组件风格240

制作步骤详解240

Part 10 篮球运动App设计253

界面布局规划254

创意思路剖析254

确定配色方案255

定义组件风格255

制作步骤详解256

Part 11 流量银行App设计269

界面布局规划270

创意思路剖析270

确定配色方案271

定义组件风格271

制作步骤详解272

Part 12 藏宝游戏App设计283

界面布局规划284

创意思路剖析284

确定配色方案285

定义组件风格286

制作步骤详解286

Part 13 音乐播放App设计289

界面布局规划300

创意思路剖析300

确定配色方案301

定义组件风格302

制作步骤详解302

Part 14 旅游资讯App设计319

界面布局规划320

创意思路剖析320

确定配色方案321

定义组件风格322

制作步骤详解322