![UI知识,新手如何自学UI设计?(4)插图 UI知识,新手如何自学UI设计?(4)插图](http://www.ps369.com/wp-content/uploads/2022/06/72ec4ed06ad2ebe4bdc80f44a40d5476-300x180.jpg)
什么是UI设计 UI的本意是用户界面,是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成,但实际上还包括用户与界面之间的交互关系。 个人认为UI设计不仅仅是丰富原型稿和产品经理交接,一定程度上囊
![UI知识,新手如何自学UI设计?(2)插图 UI知识,新手如何自学UI设计?(2)插图](http://www.ps369.com/wp-content/uploads/2022/06/22d6fae0327dd47019d9805c42ebceda-300x180.jpg)
界面输出也就是切图以及标注,并输出整体界面的视觉规范。 四.前端以及开发阶段 配合好开发人员完成相关的界面结合,验收视觉以及前端、开发成果。根据他们的反馈,改进交互设计,并与产品经理协调。 五. 优化阶段
![UI知识,新手如何自学UI设计?(3)插图 UI知识,新手如何自学UI设计?(3)插图](http://www.ps369.com/wp-content/uploads/2022/06/2ce5880dff75f5ff6657fa41002426dd-300x180.jpg)
百度外卖这两个页面用的是卡片式 四. 内容为王 真正有价值的app,一定是内容取胜。 新浪利用字体排版,尽可能的内容前置,弱化图标和操作让用户集中注意力于内容阅读上。 优点:让用户聚集于内容上 典型例子:滴滴
![UI教程,ps设计西服主题图标实例(7)插图 UI教程,ps设计西服主题图标实例(7)插图](http://www.ps369.com/wp-content/uploads/2022/06/c2f45c980659978ef1c22c509d078586-300x180.jpg)
教程介绍如何设计一枚西装主题风格的UI图标,效果雅致有型,操作细致,特别提及了很多提高效率的快捷键,很适合练手 最终效果: 新建画布,大小自定。 画一个圆角矩形,大小自定。 Alt +V+E建立参考线 双击圆角矩形
![UI教程,ps设计西服主题图标实例(2)插图 UI教程,ps设计西服主题图标实例(2)插图](http://www.ps369.com/wp-content/uploads/2022/06/d52de382a3530543cc57a7605f61967a-300x180.jpg)
再把拷贝圆角矩形的图层眼睛打开,鼠标选中填充调为零的那个图层。 按住Ctrl在按两次 键按23下 往下移动两到三个像素,作为阴影效果。如图。 拉一个较细的椭圆。 按P 转换点工具。 点击椭圆下面的锚点就会变尖了。
![UI教程,ps设计西服主题图标实例(6)插图 UI教程,ps设计西服主题图标实例(6)插图](http://www.ps369.com/wp-content/uploads/2022/06/faddd90b9a24bee3180d6d9b9abde4da.jpg)
再给领带图层创建剪辑蒙版,把多余的剪进去。 找到箭头标注的这个图层,添加图层样式,渐变叠加,阴影,数值如下图: 右键拷贝这个领子的图层样式,再右键粘贴到对面的领子上。 接着给西装领子图层添加图层样式。
![UI教程,ps设计西服主题图标实例(5)插图 UI教程,ps设计西服主题图标实例(5)插图](http://www.ps369.com/wp-content/uploads/2022/06/a715ce34b09054473c877a0f1022596c-300x180.jpg)
如果你觉得领带有点宽的话,Ctrl+t 让它变瘦点。 接下来加花纹。 矩形工具,画一个宽2 px长若干 px的一条直线,填充深红色。 Ctrl+T 放在这个位置。 Ctrl+J 复制花纹图层。 选中拷贝花纹图层,Ctrl+T 如下图。 先点
![UI教程,ps设计西服主题图标实例(4)插图 UI教程,ps设计西服主题图标实例(4)插图](http://www.ps369.com/wp-content/uploads/2022/06/d7425d1b7446b4ec07199470fafa860b-300x180.jpg)
好了 ,接下来就来做领带了。 矩形画个正方形,Ctrl+T在上面数值输入旋转45。 放到合适位置。 按住Alt复制一个下来。 直接选择工具 。 按住左键,用虚线选中下面那个锚点,之后松手。 接着按住左键,点击下面那个锚
![UI教程,ps设计西服主题图标实例(3)插图 UI教程,ps设计西服主题图标实例(3)插图](http://www.ps369.com/wp-content/uploads/2022/06/b45f5463ec9ae2dfa383bb8a0dd2abd1-300x180.jpg)
多边形工具,画个三角形,填充肉色。 剪辑蒙版。 用钢笔工具顺着三角形的边,勾个领子出来。 勾好后Ctrl+J复制一个,放到另一边Ctrl+T,右键水平反转,放到合适位置。 顺着椭圆弧度,再用钢笔勾个外套的大领子,填
![](http://www.ps369.com/wp-content/themes/menhu-1/assets/img/bx_loader.gif)
已加载全部内容
已经没有更多文章了