UI设计教程

教程介绍如何设计一枚西装主题风格的UI图标，效果雅致有型，操作细致，特别提及了很多提高效率的快捷键，很适合练手 最终效果： 新建画布，大小自定。 画一个圆角矩形，大小自定。 Alt +V+E建立参考线 双击圆角矩形

再把拷贝圆角矩形的图层眼睛打开，鼠标选中填充调为零的那个图层。 按住Ctrl在按两次 键按23下 往下移动两到三个像素，作为阴影效果。如图。 拉一个较细的椭圆。 按P 转换点工具。 点击椭圆下面的锚点就会变尖了。

再给领带图层创建剪辑蒙版，把多余的剪进去。 找到箭头标注的这个图层，添加图层样式，渐变叠加，阴影，数值如下图： 右键拷贝这个领子的图层样式，再右键粘贴到对面的领子上。 接着给西装领子图层添加图层样式。

如果你觉得领带有点宽的话，Ctrl+t 让它变瘦点。 接下来加花纹。 矩形工具，画一个宽2 px长若干 px的一条直线，填充深红色。 Ctrl+T 放在这个位置。 Ctrl+J 复制花纹图层。 选中拷贝花纹图层，Ctrl+T 如下图。 先点

好了 ，接下来就来做领带了。 矩形画个正方形，Ctrl+T在上面数值输入旋转45。 放到合适位置。 按住Alt复制一个下来。 直接选择工具 。 按住左键，用虚线选中下面那个锚点，之后松手。 接着按住左键，点击下面那个锚

多边形工具，画个三角形，填充肉色。 剪辑蒙版。 用钢笔工具顺着三角形的边，勾个领子出来。 勾好后Ctrl+J复制一个，放到另一边Ctrl+T，右键水平反转，放到合适位置。 顺着椭圆弧度，再用钢笔勾个外套的大领子，填

经常有人问我新手如何自学交互设计，我之前也录过一个视频给大家，没想到放到网上后点击率很高，看来对新人是的确有帮助的。所以今天再次针对这个问题做阐述，修正了第一版的一些内容，也更具有针对性。 以上七点是

所以总的来说还是要把PS练好。我特别想告诫新人的是：软件和设计完全是两回事，软件用得熟练不代表设计做得好，它们只是实现设计的工具和手段。而设计的学习重在培养思维和视野。 下面简单介绍一下视觉流行的三种风

icon临摹完之后可以尝试画一些界面，找找界面的感觉。特别是一些跨专业的新人，通过临摹找设计感觉是比较好的方法。 五、交互设计需要掌握的知识 交互设计的自学是非常困难的，最好有人带，有人点拨。这也是我们集