Photoshop CC设计之道 APP视觉创意与设计【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

Photoshop CC设计之道 APP视觉创意与设计PDF格式电子书版下载

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

Chapter01 开始 获取移动UI视觉设计的敲门砖1

1.1 概述移动UI视觉设计2

1.2 移动UI视觉设计原则4

1.2.1 完整性原则4

1.2.2 一致性原则5

1.2.3 直观性原则6

1.2.4 习惯性原则7

1.3 设计是有规律可循的8

1.3.1 情感化设计8

1.3.2 差异化设计9

1.3.3 和谐化设计10

1.4 如何构思与创意11

1.4.1 发散思维11

1.4.2 将思考视觉化12

1.4.3 寻找切入点13

1.5 Photoshop软件基础14

1.5.1 绘图工具14

1.5.2 图层样式15

1.5.3 不透明度与填充16

Chapter 02 风格 五大要素构建界面基础印象17

2.1 设备的尺寸18

2.1.1 设备的显示18

2.1.2 度量单位与留白19

2.2 主题的设定20

2.2.1 系统主题20

2.2.2 正确选择主题突显设计的特点21

2.3 界面布局22

2.3.1 应用结构22

2.3.2 多视图布局23

2.3.3 滚动视图24

2.3.4 合理布局促进记忆且强调个性25

2.4 字体的规范26

2.4.1 字体的规定类型26

2.4.2 默认的文字颜色27

2.4.3 字体的缩放27

2.4.4 文字的个性来自反复推敲的过程28

2.5 色彩的选择29

2.5.1 系统规定的色彩29

2.5.2 UI视觉设计中色彩使用的原则30

2.5.3 根据设计需要选择色彩32

Chapter 03 惊喜 揭秘十大界面元素设计的演变过程33

3.1 图标34

3.1.1 设计指南概述34

3.1.2 小图标和上下文图标35

3.1.3 创意演变大揭秘37

3.2 按钮39

3.2.1 设计指南概述39

3.2.2 创意演变大揭秘40

3.3 滑块42

3.3.1 设计指南概述42

3.3.2 创意演变大揭秘43

3.4 开关45

3.4.1 设计指南概述45

3.4.2 创意演变大揭秘46

3.5 标签48

3.5.1 设计指南概述48

3.5.2 创意演变大揭秘49

3.6 下拉菜单51

3.6.1 设计指南概述51

3.6.2 创意演变大揭秘52

3.7 文本框53

3.7.1 设计指南概述53

3.7.2 创意演变大揭秘54

3.8 对话框55

3.8.1 设计指南概述55

3.8.2 创意演变大揭秘56

3.9 进度控件58

3.9.1 设计指南概述58

3.9.2 创意演变大揭秘59

3.10 选择器60

3.10.1 设计指南概述60

3.10.2 创意演变大揭秘61

Chapter 04 创意 开启灵感源泉构思个性移动UI63

4.1 通讯录界面设计64

4.1.1 纵向思维定义主要元素：标签64

4.1.2 标签的数量决定了界面色彩的丰富程度65

4.1.3 彩色标签决定界面风格：活泼、轻快66

4.1.4 实例制作步骤解析66

4.2 短信界面设计73

4.2.1 按时间顺序定义界面主要元素：时间线73

4.2.2 用蓝绿色表现短信内容的未知性74

4.2.3 单色设计元素与繁杂背景混搭75

4.2.4 实例制作步骤解析75

4.3 拍照及相册界面设计80

4.3.1 依据功能确定界面设计要点：开放式、幻灯片81

4.3.2 根据案例素材照片搭配界面色彩82

4.3.3 照片色彩决定界面风格：清爽、柔美82

4.3.4 实例制作步骤解析83

4.4 计算器界面设计87

4.4.1 从功能入手定义界面主要元素：计算器87

4.4.2 为计算器界面进行配色88

4.4.3 确定计算器元素界面风格：真实、质朴89

4.4.4 实例制作步骤解析89

4.5 单位换算界面设计94

4.5.1 根据功能及作用定义界面主要元素；绿色、矩形94

4.5.2 使用不同明度的绿色和黑色进行配色95

4.5.3 双色搭配决定界面风格：清晰、醒目96

4.5.4 实例制作步骤解析96

4.6 录音机界面设计102

4.6.1 根据现实操作定义主要元素：磁带102

4.6.2 参照磁带素材对界面进行配色103

4.6.3 黑色磁带元素决定界面风格：冷调、质感104

4.6.4 实例制作步骤解析104

4.7 收音机界面设计113

4.7.1 通过形象思维具象化设计元素：电磁波113

4.7.2 根据收音机的颜色进行配色114

4.7.3 都市照片和矩形电磁波定义界面风格：时尚、简约115

4.7.4 实例制作步骤解析115

4.8 音乐播放界面设计120

4.8.1 发散思维寻找界面主要元素：CD光盘120

4.8.2 用复古色调的照片进行配色122

4.8.3 复杂背景决定界面元素风格：简单122

4.8.4 实例制作步骤解析123

4.9 日历界面设计126

4.9.1 根据界面内容的限制来敲定界面布局；棋盘式126

4.9.2 用多种色彩对日历信息进行分类表现127

4.9.3 棋盘式设计确定界面风格：单色、简约128

4.9.4 实例制作步骤解析128

4.10 搜索界面设计131

4.10.1 联想思维定义界面主要元素：木纹、放大镜131

4.10.2 以木纹和放大镜的颜色进行配色132

4.10.3 木纹材质决定界面风格：天然、复古133

4.10.4 实例制作步骤解析133

Chapter 05 爆发 升级创意创作完美移动UI界面139

5.1 清爽色调的扁平化手机主题设计140

5.1.1 项目任务141

5.1.2 提取关键字：凉爽、扁平化、IOS 7141

5.1.3 根据IOS 7中的字体定义图标和文字142

5.1.4 调整主要色彩的明度以增加配色142

5.1.5 剖析案例制作步骤143

5.2 购物APP客户端UI设计150

5.2.1 项目任务151

5.2.2 提取关键字：时尚、柔美、清晰151

5.2.3 用标题栏和图标栏引导用户操作152

5.2.4 添加灰度色彩调和配色152

5.2.5 剖析案例制作步骤153

5.3 浏览器APP客户端UI设计159

5.3.1 项目任务160

5.3.2 提取关键字：大气、简约160

5.3.3 添加点缀色彩突出关键信息161

5.3.4 剖析案例制作步骤161

5.4 天气APP客户端UI设计168

5.4.1 项目任务169

5.4.2 提取关键字：清爽、简化、分区明确169

5.4.3 根据天气照片创作出天气图标169

5.4.4 利用线条进行视线引导式布局170

5.4.5 剖析案例制作步骤171

5.5 美食APP客户端UI设计178

5.5.1 项目任务179

5.5.2 提取关键字：美食、Android、功能清晰179

5.5.3 多种特效打造立体感的界面元素180

5.5.4 利用底纹使界面更精致180

5.5.5 剖析案例制作步骤181

5.6 医院APP客户端UI设计191

5.6.1 项目任务192

5.6.2 提取关键字：医院、直观、统一192

5.6.3 根据界面内容定义布局193

5.6.4 剖析案例制作步骤194

5.7 音乐APP客户端UI设计201

5.7.1 项目任务202

5.7.2 提取关键字：音乐、特点、Android202

5.7.3 以主色调进行配色扩展203

5.7.4 根据LOGO风格定义界面按钮外观203

5.7.5 剖析案例制作步骤204

5.8 游戏APP客户端UI设计210

5.8.1 项目任务211

5.8.2 提取关键字：抢球、打地鼠、猫咪211

5.8.3 参考“打地鼠”游戏进行界面布局212

5.8.4 统一风格保持界面一致性213

5.8.5 剖析案例制作步骤213