UI课程基础班就结束了总结一下自己的心得体会。我认为开始学习任何一门课(包括UI)，兴趣最重要。在学习UI这门语言时，一直停留在知识边缘地带，都没深入到它们的精华部分，对它们的精华部分知之甚少，于是鼓足信心，开始了漫长的UI征途。

当我安装好Photoshop，新建了第一个画布，填充第一个颜色，精致的画笔工具排列在左侧，我仿佛看到了新的大门向我展开。

第一天上课老师提问，UI是什么？设计是什么？ 大家都是一脸懵懂，一个个举手说出自己的想法猜测。准确的说，

UI全称User Interface（用户界面），包括用户的操作界面，包含APP，网页设计等UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。

UI可以让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。设计即创造，想法，思维，适用。人类通过劳动改造世界，创造文明，创造物质财富和精神财富，而最基础、最主要的创造活动是造物。设计便是造物活动进行预先的计划，可以把任何造物活动的计划技术和计划过程理解为设计。能在虚拟网络上让人们体验舒适的称为“UI设计师”。

从入门的PS，理解并熟练它的功能：

首先，新建图层，才能让我们开始创造，Ctrl+N；

再然后我们需要打开素材，Ctrl+O；

Delete：删除；

储存为：Ctrl+shift+S（很重要！）

1.新建完画布后，存储为可以将画布保存出一个文档；

2.当我们要建立多个方案时，出现两个文档；

填充：背景.Ctrl+Delete；

      前. Alt+Delete；

选框功能：矩形 椭圆 多边形  磁性套索等； Ctrl+d 取消选框；

作用：控制范围 （）         

选框绘制辅助功能： 绘制选矿时，按住空格键，可以平移选框；

矩形和椭圆选框：

1.绘制时，按住 shift 键  画正圆；

图层：F7；方便编辑和修改对象      (图层是很重要的东西，填色，补充素材不能少的）

* 图层类型及特点：

背景层：默认建立的，锁定的，不方便编辑和修改；

  普通层 ：透明的，可以快速的编辑和修改对象；

新建普通层：三键加N；

* 建立图层的时间：

1.当我们绘制完选框，要填充颜色的时候

2.不能是填充完颜色再建立图层；

*移动工具（v）：

1.移动选中图层的对象（可以是多个图层，按shift或者Ctrl选多个图层）

2.复制对象：按住Alt键，拖动鼠标，同时按shift键可以约束方向

*属性栏：

1.自动选择；

2.如果不勾选，可以按Ctrl键，点击画布中的图形，自动选择到图层上；

*属性中的对齐与分布：

1.对齐：必须选中两个或两个以上的图层对象；

2.分布功能：必须是三个或三个以上的图层（不是中间间距相等）

*Ctrl+E 合并图层；

* 自由变换和显示变换控件

自由变换：CtrlT

作用：对图形对象进行缩放 旋转 扭曲 翻转等变换

1.选中要变换的对象图层

2.按Ctrl+T，外面会有变换框；

3.鼠标按住左键拖动变换框的点，可以缩放对象；按住shift键，等比缩放；

选框的修改：

1.必须保证在画布上有选框；没有选框选框将为灰色

2.收缩：将选框向内缩小范围（收缩量很大，选框会变形）

3.扩展：将选框向外扩大范围（扩展量很大，选框会变形）

4.羽化：将选框的边缘柔化（半透明）

重要提示：羽化的选框，会弹出来一个对话框

5.平滑：将尖角改为圆角（圆角数值变大，会变形）

图层基础汇总：

隐藏图层：点击图层前面的眼睛图标

复制方法：

1. 用移动工具，按住Alt拖动；

2. Ctrl+j 通过拷贝的图层（原位复制）；

3. 将图层拖拽到图层面板下方的新建按钮上：

载入图层对象的选框

调换图层顺序：

将图层选中，然后拖拽到某图层下方，看到一个提示线，松鼠标；

图层合并：ctrl+E  合并后，不能单独调用；

选择图层：按shift，可以连续选择，按Ctrl可以建个选择

锁定透明：透明区域不能编辑；

锁定像素：不能进行任何像素编辑（填色 删除 等）

锁定位置：不能移动；

锁定全部：全部不操作；

1. 改色：单击属性栏的颜色条，会弹出一个渐变编辑对话框；

2. 使用渐变工具向画布上填充颜色时，拖拽的范围表示渐变的分布柔和度；

*渐变类型：

线性渐变：制作背景，表现光线关系；

径向渐变：制作球体，表现球体光线关系；

角度渐变；呈放射状分布渐变，制作金属效果

（渐变在ps中是必不可少的一样工具）

还有许多未知的工具我们还没接触到，在等待着我们开发利用。

   在技术上面，就是要多上网站看看好的作品和设计，分享一下吧。

优秀设计网站：站酷，ui中国，追波，behance，优设网，人人都是产品经理，大美工。

素材网站：觅元素，千库网，千图网，昵图网，包图网，90设计，致设计。

在欣赏学习别人作品的时候想想自己的不足，打开自己的脑洞和创意，有自己的一套艺术风格。

到这里就要结束了，还是要多学多看多操作，熟练掌握各种工具的应用，养成一颗属于自己风格的设计风格。

相信同学们都会成功的！称为UI界的大牛！

UI课程基础班就结束了总结一下自己的心得体会。我认为开始学习任何一门课(包括UI)，兴趣最重要。在学习UI这门语言时，一直停留在知识边缘地带，都没深入到它们的精华部分，对它们的精华部分知之甚少，于是鼓足信心，开始了漫长的UI征途。

当我安装好Photoshop，新建了第一个画布，填充第一个颜色，精致的画笔工具排列在左侧，我仿佛看到了新的大门向我展开。

第一天上课老师提问，UI是什么？设计是什么？ 大家都是一脸懵懂，一个个举手说出自己的想法猜测。准确的说，

UI全称User Interface（用户界面），包括用户的操作界面，包含APP，网页设计等UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。

UI可以让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。设计即创造，想法，思维，适用。人类通过劳动改造世界，创造文明，创造物质财富和精神财富，而最基础、最主要的创造活动是造物。设计便是造物活动进行预先的计划，可以把任何造物活动的计划技术和计划过程理解为设计。能在虚拟网络上让人们体验舒适的称为“UI设计师”。

从入门的PS，理解并熟练它的功能：

首先，新建图层，才能让我们开始创造，Ctrl+N；

再然后我们需要打开素材，Ctrl+O；

Delete：删除；

储存为：Ctrl+shift+S（很重要！）

1.新建完画布后，存储为可以将画布保存出一个文档；

2.当我们要建立多个方案时，出现两个文档；

填充：背景.Ctrl+Delete；

      前. Alt+Delete；

选框功能：矩形 椭圆 多边形  磁性套索等； Ctrl+d 取消选框；

作用：控制范围 （）         

选框绘制辅助功能： 绘制选矿时，按住空格键，可以平移选框；

矩形和椭圆选框：

1.绘制时，按住 shift 键  画正圆；

图层：F7；方便编辑和修改对象      (图层是很重要的东西，填色，补充素材不能少的）

* 图层类型及特点：

背景层：默认建立的，锁定的，不方便编辑和修改；

  普通层 ：透明的，可以快速的编辑和修改对象；

新建普通层：三键加N；

* 建立图层的时间：

1.当我们绘制完选框，要填充颜色的时候

2.不能是填充完颜色再建立图层；

*移动工具（v）：

1.移动选中图层的对象（可以是多个图层，按shift或者Ctrl选多个图层）

2.复制对象：按住Alt键，拖动鼠标，同时按shift键可以约束方向

*属性栏：

1.自动选择；

2.如果不勾选，可以按Ctrl键，点击画布中的图形，自动选择到图层上；

*属性中的对齐与分布：

1.对齐：必须选中两个或两个以上的图层对象；

2.分布功能：必须是三个或三个以上的图层（不是中间间距相等）

*Ctrl+E 合并图层；

* 自由变换和显示变换控件

自由变换：CtrlT

作用：对图形对象进行缩放 旋转 扭曲 翻转等变换

1.选中要变换的对象图层

2.按Ctrl+T，外面会有变换框；

3.鼠标按住左键拖动变换框的点，可以缩放对象；按住shift键，等比缩放；

选框的修改：

1.必须保证在画布上有选框；没有选框选框将为灰色

2.收缩：将选框向内缩小范围（收缩量很大，选框会变形）

3.扩展：将选框向外扩大范围（扩展量很大，选框会变形）

4.羽化：将选框的边缘柔化（半透明）

重要提示：羽化的选框，会弹出来一个对话框

5.平滑：将尖角改为圆角（圆角数值变大，会变形）

图层基础汇总：

隐藏图层：点击图层前面的眼睛图标

复制方法：

1. 用移动工具，按住Alt拖动；

2. Ctrl+j 通过拷贝的图层（原位复制）；

3. 将图层拖拽到图层面板下方的新建按钮上：

载入图层对象的选框

调换图层顺序：

将图层选中，然后拖拽到某图层下方，看到一个提示线，松鼠标；

图层合并：ctrl+E  合并后，不能单独调用；

选择图层：按shift，可以连续选择，按Ctrl可以建个选择

锁定透明：透明区域不能编辑；

锁定像素：不能进行任何像素编辑（填色 删除 等）

锁定位置：不能移动；

锁定全部：全部不操作；

1. 改色：单击属性栏的颜色条，会弹出一个渐变编辑对话框；

2. 使用渐变工具向画布上填充颜色时，拖拽的范围表示渐变的分布柔和度；

*渐变类型：

线性渐变：制作背景，表现光线关系；

径向渐变：制作球体，表现球体光线关系；

角度渐变；呈放射状分布渐变，制作金属效果

（渐变在ps中是必不可少的一样工具）

还有许多未知的工具我们还没接触到，在等待着我们开发利用。

   在技术上面，就是要多上网站看看好的作品和设计，分享一下吧。

优秀设计网站：站酷，ui中国，追波，behance，优设网，人人都是产品经理，大美工。

素材网站：觅元素，千库网，千图网，昵图网，包图网，90设计，致设计。

在欣赏学习别人作品的时候想想自己的不足，打开自己的脑洞和创意，有自己的一套艺术风格。

到这里就要结束了，还是要多学多看多操作，熟练掌握各种工具的应用，养成一颗属于自己风格的设计风格。

相信同学们都会成功的！称为UI界的大牛！