移动UI界面App设计Photoshop从新手到高手【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

移动UI界面App设计Photoshop从新手到高手PDF格式电子书版下载

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

01移动UI界面设计快速入门1

1.1 了解移动UI界面APP设计2

1.1.1 认识UI设计2

1.1.2 认识移动APP2

1.1.3 移动APP的主要类别3

1.1.4 移动UI界面设计规范4

1.1.5 移动UI界面设计的个性化5

1.1.6 移动UI界面设计常用布局6

1.2 移动UI界面设计的视觉效果8

1.2.1 简约明快型的移动UI界面8

1.2.2 趣味与独创型的移动UI界面10

1.2.3 高贵华丽型的移动UI界面10

1.3 移动系统UI组件界面介绍11

1.3.1 常规按钮11

1.3.2 编辑输入框11

1.3.3 开关按钮12

1.3.4 网格式浏览12

1.3.5 文本标签13

1.3.6 警告框13

1.3.7 导航栏14

1.3.8 页面切换15

02Photoshop移动UI设计入门16

2.1 Photoshop CC的安装与卸载17

2.1.1 安装Photoshop CC17

2.1.2 卸载Photoshop CC19

2.2 熟悉Photoshop CC工作界面20

2.2.1 认识菜单栏20

2.2.2 认识状态栏21

2.2.3 认识工具属性栏22

2.2.4 认识工具箱23

2.2.5 认识图像编辑窗口24

2.2.6 认识浮动控制面板24

2.3 移动UI设计常用的基本图像25

2.3.1 位图与矢量图25

2.3.2 像素与分辨率26

2.3.3 常用图像颜色模式28

2.3.4 图像的文件格式30

2.4 移动UI设计的图像文件操作31

2.4.1 新建移动UI图像文件31

2.4.2 打开移动UI图像文件32

2.4.3 保存移动UI图像文件33

2.4.4 关闭移动UI图像文件34

2.4.5 移动UI图像的撤销操作35

2.4.6 使用快照还原移动UI图像35

2.4.7 恢复移动UI图像为初始状态36

2.5 设置移动UI图像的窗口显示36

2.5.1 最小化、最大化和还原窗口37

2.5.2 面板的展开和组合37

2.5.3 移动和调整面板大小38

2.5.4 调整图像窗口排列39

2.5.5 切换图像编辑窗口40

2.5.6 调整图像编辑窗口大小41

2.5.7 移动图像编辑窗口41

2.6 调整移动UI图像的显示42

2.6.1 放大与缩小显示移动UI图像42

2.6.2 控制移动UI图像显示模式43

2.6.3 按区域放大显示移动UI图像44

2.6.4 按适合屏幕显示移动UI图像46

2.6.5 移动UI图像窗口显示区域47

2.7 运用辅助工具设计移动UI图像48

2.7.1 应用网格48

2.7.2 应用参考线50

2.7.3 应用标尺工具51

2.7.4 应用注释工具52

2.7.5 运用对齐工具54

2.7.6 运用计数工具56

03移动UI图像的基本编辑59

3.1 控制移动UI图像的画布60

3.1.1 调整移动UI图像的画布尺寸60

3.1.2 翻转移动UI图像的画布61

3.1.3 显示全部的移动UI图像62

3.1.4 调整移动UI图像的尺寸63

3.1.5 调整移动UI图像的分辨率64

3.2 裁剪与管理移动UI图像65

3.2.1 运用工具裁剪移动UI图像65

3.2.2 运用命令裁切移动UI图像67

3.2.3 精确裁剪移动UI图像对象68

3.2.4 移动UI图像素材69

3.2.5 删除UI图像素材71

3.3 变换与编辑移动UI图像73

3.3.1 缩放/旋转移动UI图像素材73

3.3.2 水平翻转移动UI图像素材74

3.3.3 垂直翻转移动UI图像素材76

3.3.4 斜切移动UI图像素材76

3.3.5 扭曲移动UI图像素材77

3.3.6 透视移动UI图像素材79

3.3.7 变形移动UI图像素材80

3.4 创建与管理移动UI图像图层82

3.4.1 认识图层与“图层”面板83

3.4.2 创建图层和图层组84

3.4.3 图层的基础操作89

3.4.4 设置图层不透明度93

3.4.5 链接和合并图层95

3.4.6 锁定图层97

3.4.7 更改调整图层参数98

3.4.8 常用图像混合模式的设置99

3.4.9 应用与管理图层样式102

04移动UI图像抠取与合成114

4.1 移动UI界面命令抠图技法115

4.1.1 运用“反向”命令抠图115

4.1.2 运用“色彩范围”命令抠图116

4.1.3 运用“扩大选取”命令抠图117

4.1.4 运用“选取相似”命令抠图118

4.2 移动UI界面工具抠图技法120

4.2.1 运用快速选择工具抠图120

4.2.2 运用魔棒工具抠图122

4.2.3 运用矩形选框工具抠图124

4.2.4 运用椭圆选框工具抠图126

4.2.5 运用套索工具抠图127

4.2.6 运用多边形套索工具抠图128

4.2.7 运用磁性套索工具抠图131

4.2.8 运用魔术橡皮擦工具抠图133

4.2.9 运用钢笔工具抠图134

4.2.10 运用自由钢笔工具抠图136

4.2.11 运用路径工具抠图139

4.3 移动UI界面图像合成技法144

4.3.1 运用蒙版合成移动UI图像144

4.3.2 运用通道合成移动UI图像148

4.3.3 运用图层模式合成移动UI图像152

05移动UI界面的色彩设计153

5.1 了解移动UI图像的颜色属性154

5.1.1 了解移动UI图像的色相属性154

5.1.2 了解移动UI图像的亮度属性154

5.1.3 了解移动UI图像的饱和度属性155

5.1.4 查看移动UI图像的颜色分布155

5.1.5 转换移动UI图像的颜色模式157

5.1.6 识别色域范围外的颜色161

5.2 自动校正移动UI图像色彩162

5.2.1 运用“自动色调”命令调整移动UI图像162

5.2.2 运用“自动对比度”命令调整移动UI图像163

5.2.3 运用“自动颜色”命令调整移动UI图像164

5.3 调整移动UI图像的影调166

5.3.1 运用“色阶”命令调整移动UI图像166

5.3.2 运用“亮度/对比度”命令调整移动UI图像168

5.3.3 运用“曲线”命令调整移动UI图像169

5.3.4 运用“曝光度”命令调整移动UI图像171

5.4 调整移动UI图像的颜色172

5.4.1 运用“自然饱和度”命令调整移动UI图像172

5.4.2 运用“色相/饱和度”命令调整移动UI图像173

5.4.3 运用“色彩平衡”命令调整移动UI图像175

5.4.4 运用“替换颜色”命令调整移动UI图像177

5.4.5 运用“照片滤镜”命令调整移动UI图像179

5.4.6 运用“通道混合器”命令调整移动UI图像181

5.4.7 运用“去色”命令调整移动UI图像183

06移动UI的图形图像设计185

6.1 移动UI图像设计的绘图基础186

6.1.1 选择设计移动UI界面的画笔186

6.1.2 选择设计移动UI界面的颜色187

6.1.3 认识与管理“画笔”面板187

6.1.4 运用画笔工具设计移动UI界面191

6.2 移动UI图像的路径编辑技巧194

6.2.1 添加和删除锚点194

6.2.2 平滑和尖突锚点195

6.2.3 连接和断开路径197

6.3 移动UI图像的修饰与修复198

6.3.1 复制移动UI界面图像199

6.3.2 修复移动UI界面图像204

6.3.3 恢复移动UI界面图像208

6.3.4 修饰移动UI界面图像210

6.3.5 清除移动UI界面图像214

6.3.6 调色移动UI界面图像218

07移动UI的文字编排设计222

7.1 输入移动UI界面中的文字223

7.1.1 移动UI界面的文字类型223

7.1.2 了解文字工具属性栏223

7.1.3 输入横排移动UI图像文字225

7.1.4 输入直排移动UI图像文字227

7.1.5 输入段落移动UI图像文字228

7.1.6 输入选区移动UI图像文字230

7.2 设置与编辑移动UI文字属性232

7.2.1 设置移动UI文字属性233

7.2.2 设置移动UI段落属性234

7.2.3 选择和移动APP图像文字235

7.2.4 互换移动UI文字的方向236

7.2.5 切换点文本和段落文本237

7.2.6 拼写检查移动UI文字238

7.2.7 查找与替换移动UI文字240

7.3 制作移动UI界面路径文字241

7.3.1 输入沿路径排列的移动UI文字242

7.3.2 调整移动UI文字排列的位置243

7.3.3 调整移动UI文字的路径形状245

7.3.4 调整移动UI文字与路径距离246

7.4 制作与编辑变形移动UI文字247

7.4.1 移动UI图像的变形文字样式248

7.4.2 创建移动UI变形文字效果248

7.4.3 编辑移动UI变形文字效果249

7.5 转换移动UI界面的文字效果250

7.5.1 将移动UI文字转换为路径251

7.5.2 将移动UI文字转换为形状251

7.5.3 将移动UI文字转换为图像253

08常用元素UI界面设计254

8.1 设计手机系统常用元素255

8.1.1 设计手机搜索框255

8.1.2 设计手机解锁滑块258

8.1.3 设计拨号图标264

8.2 设计移动APP常用元素269

8.2.1 设计相册APP图标269

8.2.2 设计旅游APP菜单栏276

8.2.3 设计社交APP选项框282

09手机登录UI界面设计290

9.1 设计免费WiFi应用登录界面291

9.1.1 设计界面背景效果291

9.1.2 设计界面按钮效果295

9.1.3 设计界面复选框效果303

9.1.4 设计界面细节效果306

9.1.5 设计界面文字效果307

9.2 设计社交通讯应用登录界面309

9.2.1 设计登录界面背景效果310

9.2.2 设计登录界面复选框效果315

9.2.3 设计登录界面按钮效果317

9.2.4 设计登录界面倒影效果319

9.2.5 设计登录界面整体效果321

10程序软件UI界面设计324

10.1 设计微购APP主界面325

10.1.1 设计界面背景效果326

10.1.2 设计界面主体效果331

10.1.3 设计界面文字效果334

10.2 设计秀美图APP主界面337

10.2.1 设计界面背景效果337

10.2.2 设计界面主体效果339

10.2.3 设计界面文字效果349

11播放应用UI界面设计352

11.1 设计音乐APP播放界面353

11.1.1 设计APP界面背景效果353

11.1.2 设计APP界面整体效果361

11.2 设计视频APP播放界面367

11.2.1 设计APP界面背景效果368

11.2.2 设计APP界面整体效果370

12游戏应用UI界面设计378

12.1 设计魔法小精灵游戏UI界面379

12.1.1 设计游戏APP界面主体效果379

12.1.2 设计游戏APP界面按钮效果385

12.1.3 设计游戏APP界面文字效果390

12.2 设计欢乐桌球游戏UI界面394

12.2.1 设计游戏APP界面背景效果394

12.2.2 设计游戏APP界面主体效果399

12.2.3 设计游戏APP界面文字效果402

13安卓系统UI界面设计405

13.1 设计安卓系统个性锁屏界面406

13.1.1 设计个性锁屏界面背景效果407

13.1.2 设计个性锁屏界面主体效果411

13.2 设计安卓系统应用程序界面414

13.2.1 设计安卓应用程序主体效果414

13.2.2 设计安卓应用程序整体效果420

14苹果系统UI界面设计427

14.1 设计苹果系统天气控件界面428

14.1.1 设计天气控件背景效果428

14.1.2 设计天气控件主体效果433

14.2 设计苹果系统日历APP界面441

14.2.1 设计日历APP背景效果442

14.2.2 设计日历APP主体效果445

15微软系统UI界面设计456

15.1 设计微软手机拨号键盘457

15.1.1 设计拨号键盘背景效果457

15.1.2 设计拨号键盘主体效果463

15.2 设计微软手机用户界面466

15.2.1 设计用户界面背景效果467

15.2.2 设计用户界面整体效果472

16平板电脑UI界面设计480

16.1 设计安卓平板相机应用界面481

16.1.1 设计相机应用界面背景效果481

16.1.2 设计相机应用界面整体效果488

16.2 设计苹果平板阅读应用界面493

16.2.1 设计阅读应用界面背景效果494

16.2.2 设计阅读应用界面整体效果497