Photoshop CC中文版 UI 界面设计自学视频教程电子书

封面页

书名页

版权页

内容简介

本书精彩案例欣赏

前言

目录

第1章　关于UI设计你需要了解的一些知识

1.1　什么是APP UI

1.2　关于UI设计师

1.2.1　用户研究／测试工程师

1.2.2　图形设计师

1.2.3　交互设计师

1.3　UI与UE

1.4　UI的分类

1.4.1　手机UI设计

1.4.2　网页UI设计

1.4.3　软件UI设计

1.5　PC客户端和移动客户端

1.6　手机APP界面组成

1.6.1　状态栏

1.6.2　导航栏

1.6.3　标签栏

1.6.4　搜索栏

1.6.5　工具栏

1.6.6　表格视图

1.6.7　活动视图

1.6.8　动作

1.6.9　警告提醒

1.6.10　编辑菜单

1.6.11　浮动框

1.7　iOS系统和安卓系统

1.7.1　iOS系统

1.7.2　安卓系统

1.8　UI设计师常用的工具

1.9　APP UI设计流程

第2章　UI色彩与布局

2.1　UI与色彩

2.1.1　色相、明度、纯度

2.1.2　UI设计的色彩搭配

2.1.3　邻近色、对比色

2.2　UI信息布局方式

2.3　流行的UI设计风格

2.3.1　拟物化

2.3.2　扁平化

2.3.3　微质感

2.3.4　渐变色

2.3.5　叠加水波纹

2.3.6　幽灵按钮

2.3.7　抽屉式菜单

2.3.8　模糊背景图片

2.3.9　无边框界面

2.3.10　彩色图标

第3章　UI图形处理基础

3.1　认识Photoshop

3.2　文件的基本操作

3.2.1　新建文件

3.2.2　打开图像文件

3.2.3　置入对象

3.2.4　储存文件

3.2.5　使用“导出为”命令

3.2.6　关闭文件

3.3　便捷的图像查看工具

3.3.1　缩放工具

3.3.2　抓手工具

3.4　错误操作的处理

3.4.1　撤销与还原

3.4.2　使用“历史记录”面板还原操作

3.5　使用图层模式进行编辑

3.5.1　选择图层

3.5.2　新建图层

3.5.3　删除图层

3.5.4　复制图层

3.5.5　调整图层的堆叠顺序

3.5.6　图层的合并

3.5.7　栅格化图层

3.6　图层的移动、对齐与分布

3.6.1　移动图层

3.6.2　对齐图层

3.6.3　分布图层

3.7　图像处理的基础操作

3.7.1　调整图像尺寸

3.7.2　修改画布大小

3.7.3　裁剪工具

3.7.4　旋转画布

3.7.5　变换图像

3.7.6　内容识别缩放

3.8　辅助工具

3.8.1　标尺与辅助线

3.8.2　网格

3.9　打印设置

3.9.1　设置打印选项

3.9.2　使用“打印一份”

第4章　选区基础

4.1　认识选区

4.2　轻松制作简单选区

4.2.1　矩形选框工具

4.2.2　椭圆选框工具

4.2.3　单行／单列选框工具

4.2.4　套索工具

4.2.5　多边形套索工具

4.3　选区的基本操作

4.3.1　移动选区位置

4.3.2　移动选区中的内容

4.3.3　删除选区中的内容

4.3.4　复制／粘贴／剪切选区中的内容

4.3.5　快速得到反向选区

4.3.6　取消选区

4.3.7　重新选择

4.3.8　全选

4.3.9　隐藏选区、显示选区

4.3.10　载入当前图层的选区

4.4　编辑选区的形态

4.4.1　变换选区形态

4.4.2　创建边界选区

4.4.3　平滑选区

4.4.4　扩展选区

4.4.5　收缩选区

4.4.6　羽化选区

第5章　UI图形设计

5.1　颜色的设置

5.1.1　设置前景色与背景色

5.1.2　使用“吸管工具”选取颜色

5.1.3　使用“颜色”面板

5.1.4　认识“色板”面板

5.2　填色与描边

5.2.1　快速填充前景色／背景色

5.2.2　油漆桶工具

5.2.3　填充渐变

5.2.4　使用填充命令

5.2.5　描边选区

5.3　绘制常见矢量几何图形

5.3.1　了解绘图模式

5.3.2　设置填充

5.3.3　设置描边

5.3.4　使用形状工具绘制基本图形

5.3.5　创建自定形状

5.3.6　设置“路径操作”制作复杂路径

5.4　高级绘图工具——钢笔

5.4.1　使用“钢笔工具”绘制路径

5.4.2　使用“钢笔工具”绘制带有填色的图形

5.4.3　使用“钢笔工具”绘制彩色边框

5.4.4　使用“自由钢笔工具”

5.4.5　使用“弯度钢笔工具”

5.4.6　编辑路径形状

5.5　填充与描边路径

5.5.1　填充路径

5.5.2　使用不同工具对路径描边

5.6　综合实战——手机音乐播放器UI设计

5.6.1　项目分析

5.6.2　布局规划

5.6.3　色彩搭配

5.6.4　实践操作

第6章　不透明度与混合模式

6.1　调整图层的不透明度和填充

6.2　认识图层“混合模式”

6.3　综合实战——冷色调音乐APP播放页面

6.3.1　项目分析

6.3.2　布局规划

6.3.3　色彩搭配

6.3.4　实践操作

第7章　画笔与绘图

7.1　绘画工具

7.1.1　画笔工具

7.1.2　铅笔工具

7.1.3　颜色替换工具

7.1.4　混合器画笔工具

7.2　“画笔设置”面板

7.2.1　笔尖形状设置

7.2.2　形状动态

7.2.3　散布

7.2.4　纹理

7.2.5　双重画笔

7.2.6　颜色动态

7.2.7　传递

7.2.8　画笔笔势

7.2.9　其他选项

7.3　擦除工具

7.3.1　橡皮擦工具

7.3.2　背景橡皮擦工具

7.3.3　魔术橡皮擦工具

7.4　图案图章工具

7.5　综合实战——使用画笔工具制作绚丽计时器

7.5.1　项目分析

7.5.2　布局规划

7.5.3　色彩搭配

7.5.4　实践操作

第8章　UI文字设计

8.1　创建不同类型的文字

8.1.1　文字工具选项详解

8.1.2　创建点文字

8.1.3　创建直排文字

8.1.4　创建段落文字

8.1.5　创建路径文字

8.1.6　创建区域文字

8.2　文字蒙版工具

8.3　设置文字参数

8.3.1　使用“字符”面板

8.3.2　使用“段落”面板

8.4　编辑文字

8.4.1　对文字进行变形

8.4.2　将文字栅格化为普通图层

8.4.3　将文字转换为“形状”

8.4.4　使用其他字体

8.5　综合实战——使用横排文字工具制作引导页

8.5.1　项目分析

8.5.2　布局规划

8.5.3　色彩搭配

8.5.4　实践操作

第9章　图层样式

9.1　图层样式详解

9.1.1　添加图层样式

9.1.2　使用“斜面和浮雕”样式

9.1.3　使用“描边”样式

9.1.4　使用“内阴影”样式

9.1.5　使用“内发光”样式

9.1.6　使用“光泽”样式

9.1.7　使用“颜色叠加”样式

9.1.8　使用“渐变叠加”样式

9.1.9　使用“图案叠加”样式

9.1.10　使用“外发光”样式

9.1.11　使用“投影”样式

9.2　管理图层样式

9.2.1　显示与隐藏图层样式

9.2.2　拷贝与粘贴图层样式

9.2.3　缩放图层样式

9.2.4　清除图层样式

9.3　使用“样式”面板

9.3.1　使用“样式”面板快速为图层赋予样式

9.3.2　将图层样式储存在“样式”面板中

9.3.3　存储为样式库文件

9.3.4　载入样式库文件

9.4　综合实战——自然清爽的登录界面

9.4.1　项目分析

9.4.2　布局规划

9.4.3　色彩搭配

9.4.4　实践操作

第10章　图像修饰

10.1　去除画面中的瑕疵

10.1.1　污点修复画笔工具

10.1.2　修复画笔工具

10.1.3　修补工具

10.1.4　内容感知移动工具

10.1.5　红眼工具

10.1.6　仿制图章工具

10.1.7　内容识别填充

10.2　修饰图像的局部

10.2.1　模糊工具

10.2.2　锐化工具

10.2.3　涂抹工具

10.2.4　减淡工具

10.2.5　加深工具

10.2.6　海绵工具

10.2.7　颜色替换工具

第11章　调色

11.1　调色命令的使用方法

11.2　亮度／对比度

11.3　色阶

11.4　曲线

11.5　曝光度

11.6　自然饱和度

11.7　色相／饱和度

11.8　色彩平衡

11.9　黑白

11.10　照片滤镜

11.11　通道混合器

11.12　颜色查找

11.13　反相

11.14　色调分离

11.15　阈值

11.16　渐变映射

11.17　可选颜色

11.18　阴影／高光

11.19　HDR色调

11.20　去色

11.21　匹配颜色

11.22　替换颜色

11.23　色调均化

11.24　综合实战——平板电脑生活类APP首页设计

11.24.1　项目分析

11.24.2　布局规划

11.24.3　色彩搭配

11.24.4　实践操作

第12章　使用滤镜制作特殊效果

12.1　初识滤镜

12.2　特殊滤镜

12.2.1　滤镜库

12.2.2　自适应广角

12.2.3　Camera Raw的基本操作

12.2.4　镜头校正

12.2.5　液化

12.2.6　消失点

12.3　风格化滤镜组

12.3.1　查找边缘

12.3.2　等高线

12.3.3　风

12.3.4　浮雕效果

12.3.5　扩散

12.3.6　拼贴

12.3.7　曝光过度

12.3.8　凸出

12.3.9　油画

12.4　模糊滤镜组

12.4.1　表面模糊

12.4.2　动感模糊

12.4.3　方框模糊

12.4.4　高斯模糊

12.4.5　进一步模糊

12.4.6　径向模糊

12.4.7　镜头模糊

12.4.8　模糊

12.4.9　平均

12.4.10　特殊模糊

12.4.11　形状模糊

12.5　模糊画廊滤镜组

12.5.1　场景模糊

12.5.2　光圈模糊

12.5.3　移轴模糊

12.5.4　路径模糊

12.5.5　旋转模糊

12.6　扭曲滤镜组

12.6.1　波浪

12.6.2　波纹

12.6.3　极坐标

12.6.4　挤压

12.6.5　切变

12.6.6　球面化

12.6.7　水波

12.6.8　旋转扭曲

12.6.9　置换

12.7　锐化滤镜组

12.7.1　USM锐化

12.7.2　防抖

12.7.3　进一步锐化

12.7.4　锐化

12.7.5　锐化边缘

12.7.6　智能锐化

12.8　像素化滤镜组

12.8.1　彩块化

12.8.2　彩色半调

12.8.3　点状化

12.8.4　晶格化

12.8.5　马赛克

12.8.6　碎片

12.8.7　铜版雕刻

12.9　渲染滤镜组

12.9.1　火焰

12.9.2　图片框

12.9.3　树

12.9.4　分层云彩

12.9.5　光照效果

12.9.6　镜头光晕

12.9.7　纤维

12.9.8　云彩

12.10　杂色滤镜组

12.10.1　减少杂色

12.10.2　蒙尘与划痕

12.10.3　去斑

12.10.4　添加杂色

12.10.5　中间值

12.11　其它滤镜组

12.11.1　HSB/HSL

12.11.2　高反差保留

12.11.3　位移

12.11.4　自定

12.11.5　最大值

12.11.6　最小值

12.12　综合实战——旅行产品详情展示页面

12.12.1　项目分析

12.12.2　布局规划

12.12.3　色彩搭配

12.12.4　实践操作

第13章　抠图与合成

13.1　什么是抠图

13.2　利用颜色差异抠图

13.2.1　快速选择工具

13.2.2　魔棒工具

13.2.3　魔术橡皮擦工具

13.2.4　背景橡皮擦工具

13.2.5　磁性套索工具

13.2.6　色彩范围

13.2.7　扩大选取

13.2.8　选取相似

13.3　选择并遮住

13.4　使用“钢笔工具”进行精确抠图

13.5　通道抠图

13.5.1　通道抠图原理

13.5.2　使用通道抠图抠取人像

13.6　使用蒙版隐藏画面局部

13.6.1　使用图层蒙版合成图像

13.6.2　案例实战——详情信息卡片设计

13.6.3　剪贴蒙版

13.6.4　矢量蒙版

13.7　综合实战——时间轴APP界面设计

13.7.1　项目分析

13.7.2　布局规划

13.7.3　色彩搭配

13.7.4　实践操作

第14章　UI动态效果设计

14.1　认识“时间轴”面板

14.2　创建视频时间轴

14.2.1　认识“时间轴”面板

14.2.2　添加音频

14.3　创建帧动画

14.3.1　认识帧动画

14.3.2　创建帧动画

第15章　APP图标设计

15.1　综合实战——扁平化图标设计

15.1.1　项目分析

15.1.2　色彩搭配

15.1.3　实践操作

15.2　综合实战——扁平化闹钟图标

15.2.1　项目分析

15.2.2　色彩搭配

15.2.3　实践操作

15.3　综合实战——果冻质感APP图标

15.3.1　项目分析

15.3.2　色彩搭配

15.3.3　实践操作

第16章　APP界面设计

16.1　综合实战——旅游网站登录页面

16.1.1　项目分析

16.1.2　布局规划

16.1.3　色彩搭配

16.1.4　实践操作

16.2　综合实战——美食APP界面设计

16.2.1　项目分析

16.2.2　布局规划

16.2.3　色彩搭配

16.2.4　实践操作

16.3　综合实战——用户设置页面

16.3.1　项目分析

16.3.2　布局规划

16.3.3　色彩搭配

16.3.4　实践操作

16.4　综合实战——清新风格手机主题

16.4.1　项目分析

16.4.2　布局规划

16.4.3　色彩搭配

16.4.4　实践操作

16.5　综合实战——音乐主题网页界面设计

16.5.1　项目分析

16.5.2　布局规划

16.5.3　色彩搭配

16.5.4　实践操作