UI界面设计 第2版【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

UI界面设计 第2版PDF格式电子书版下载

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

第一部分 知识准备1

第1章 UI设计相关知识1

1.1 UI设计1

1.1.1 UI设计的概念1

1.1.2 UI设计的流程2

1.1.3 UI设计的规范4

1.1.4 UI设计常用工具6

1.2 UI设计与用户体验7

1.2.1 UI设计与用户体验概述7

1.2.2 影响用户体验的因素8

1.3 知识拓展9

1.3.1 Photoshop CC 2017入门9

1.3.2 Photoshop CC 2017精彩新功能9

1.3.3 图像常用基本操作12

1.3.4 选区的基本操作15

1.3.5 画笔工具的应用17

本章小结19

第2章 UI设计的常用方法20

2.1 UI设计中的设计方法20

2.1.1 方法与方法论20

2.1.2 设计方法学20

2.1.3 UI设计中实用的设计方法21

2.2 UI设计中实用的构成方法23

2.2.1 什么是构成23

2.2.2 形式美法则23

2.2.3 构成的思维方式29

2.3 UI设计中实用的色彩搭配技巧31

2.3.1 色彩的基本理论31

2.3.2 色彩搭配法则33

2.4 知识拓展45

2.4.1 扁平化设计风格45

2.4.2 拟物化设计风格47

2.4.3 卡通化设计风格47

2.5 能力拓展47

2.5.1 图层类别47

2.5.2 图层的基础操作47

2.5.3 图层样式48

2.5.4 混合模式49

2.5.5 Photoshop中的蒙版50

2.5.6 渐变工具54

本章小结56

第二部分 牛刀小试57

第3章 各种UI常用元素制作57

3.1 常用背景制作57

3.1.1 壁纸57

3.1.2 图标背板62

3.2 常见控件制作64

3.2.1 按钮的制作64

3.2.2 下拉选择框的制作65

3.2.3 滑动条的制作68

3.2.4 TAB切换块的制作70

3.2.5 气泡对话框的制作72

3.3 创意图标设计与制作73

3.3.1 图标设计的基本知识73

3.3.2 利用Photoshop打造拟物化图标77

3.3.3 利用Photoshop打造扁平化图标82

3.3.4 利用Photoshop打造单色图标85

3.3.5 利用Photoshop打造线性图标87

3.4 知识拓展87

3.4.1 图标设计的趋势——响应式图标87

3.4.2 路径与形状工具88

3.4.3 擦除类工具90

3.5 能力拓展91

3.5.1 设计制作简单网页91

3.5.2 独立实践97

本章小结98

第三部分 UI设计典型实战99

第4章 操作型APP——计算器界面设计99

4.1 UI设计任务分析99

4.2 学习目标100

4.3 制作步骤详解100

4.3.1 新建文件，确定尺寸规范100

4.3.2 制作背景100

4.3.3 制作状态栏区域101

4.3.4 制作显示区细节101

4.3.5 制作功能键区和数字键区细节101

4.3.6 定稿输出有效的设计方案102

4.4 知识拓展103

4.4.1 图层组103

4.4.2 APP界面设计概述104

4.4.3 APP界面布局设计105

4.4.4 Photoshop外部素材的载入使用105

4.5 能力拓展106

4.5.1 设计制作水平仪UI106

4.5.2 设计制作拼拼乐APP界面107

4.5.3 独立实践111

本章小结111

第5章 实用型软件——播放器界面设计112

5.1 UI设计任务分析112

5.2 学习目标112

5.3 制作步骤详解112

5.3.1 创建播放器112

5.3.2 制作播放器专辑信息部分114

5.3.3 制作播放器播放按钮部分117

5.4 知识拓展121

5.4.1 色彩的搭配121

5.4.2 Photoshop中的色彩调整121

5.5 能力拓展122

5.5.1 设计制作DVD光盘图标122

5.5.2 设计制作金属按钮123

5.5.3 为黑白照片调色123

5.5.4 独立实践126

本章小结126

第6章 手机主题UI设计127

6.1 UI设计任务分析127

6.2 学习目标128

6.3 制作步骤详解128

6.3.1 制作主题形象128

6.3.2 制作手机壁纸129

6.3.3 制作锁屏界面130

6.3.4 制作天气插件131

6.3.5 制作桌面图标136

6.4 知识拓展142

6.4.1 手机界面设计原则142

6.4.2 手机常用尺寸与图标格式143

6.5 能力拓展144

6.5.1 设计制作ico图标144

6.5.2 设计制作伪扁平化手机主题界面145

6.5.3 独立实践146

本章小结146

第7章 Web界面设计实例——儿童节专题网页设计147

7.1 UI设计任务分析147

7.2 学习目标148

7.3 制作步骤详解148

7.3.1 制作头部主图148

7.3.2 制作装饰图形161

7.3.3 制作栏目“书籍系列”167

7.3.4 制作栏目“服饰系列”175

7.3.5 制作栏目“玩具系列”178

7.3.6 制作底部区域181

7.4 知识拓展183

7.4.1 网站界面设计基本原则183

7.4.2 网站界面的功能美与形式美183

7.5 能力拓展184

7.5.1 打造照射在透明玻璃窗上的效果184

7.5.2 打造倾盆大雨效果185

7.5.3 设计制作电子商务网页界面185

7.5.4 强化全局观念198

7.5.5 独立实践198

本章小结198

第8章 智能电视界面设计199

8.1 UI设计任务分析199

8.2 学习目标199

8.3 制作步骤详解199

8.3.1 制作主界面199

8.3.2 制作影视剧列表页205

8.3.3 制作影视剧详情页207

8.3.4 制作播放页209

8.4 知识拓展211

8.4.1 智能电视界面设计211

8.4.2 智能电视界面设计的原则212

8.5 能力拓展212

8.5.1 设计制作乐视TV界面212

8.5.2 独立实践213

本章小结213

参考文献214