泛艺：新人怎么学习UI设计呢？

  那么新人学习UI设计应该如何练习？

  ►图标设计

  图标设计是界面设计最重要的组成部分之一，作为UI设计师，这项技能是设计师必须要掌握的基本技能，新手在练习图标设计时，应当先了解UI设计中图标设计原则。

  ➥可识别性原则

  可识别性原则即在界面UI设计中清晰明了的表达清楚相应的功能和操作。比如拨打电话图标，用户不需要看文字只需要看图标就知道是拨打电话用的。

  ➥差异性原则

  即在界面UI设计中的每个图标之间要有一定的差异性，这样比较容易辨别与区分。如下图的界面UI设计所示如果每个图标彼此之间很相似的话就会很难分辨。

  ➥统一性原则

  统一性原则表现在界面UI设计中的形状、样式等风格层面。如下图图标都用了线条，并且图标都比较圆滑。

  ►APP界面设计

  新手在练习界面时，首先得搞清楚界面设计规范，其主要括界面布局、背景色、字体颜色大小、界面元素间距、弹层、loading、图标、按钮常态点击态等。

  ➥页面布局规范

  页面布局和交互规范上建议安卓、iOS尽量统一，分别做相应的微调后输出适用安卓和iOS不同的尺寸要求即可，这样可以避免安卓和iOS分别设计一套稿子。

  ➥标准色规范

  ➥标准字规范

  文字是APP主要信息的表现，尤其新闻阅读、社区APP等制定标准的设计规范和良好的排版方式，用户使用APP也觉得毫无疲劳感，这一点很重要。

  ➦界面元素间距

  APP界面要给人简洁整齐，条理清晰感，依靠的就是界面元素的排版和间距设计。

  ➦弹层规范

  弹层规范要注意分别设计安卓和iOS的弹层，比如iOS大多操作弹层由底部弹出，而安卓直接显示操作在页面中央，这样的交互操作应该遵循各自平台的设计要求。

  ➦Loading规范

  页面loading动画是APP界面必不可少的元素，增加loading可以给用户明确的反馈，减少用户在等待功能响应引起的烦躁感。

  ➦图标/按钮规范

  ➦页面加载失败、页面为空展示

  页面加载失败、页面为空可以统一规范为NPC、文案、按钮。要注意根据不同的场景显示不同的NPC和文案。

  这里为大家分享一个APP扁平化启动页视频教程↓

  ►Web网页设计

  Web网页设计也是我们经常会接触到的，这里小编为大家分享几种网页设计的方法：

  ，文字间距、行距都是留白，而这种距离如果太过统一和拥挤画面就会死板，所以在文段较多的情况下，我们可以适当调节文段的距离来改善画面的效果，也就是加大文字间的留白。

  第二，比如某个元素内部又有其他元素，那么这个元素内部区域就需要合理的留白，内部元素不能太满，也不能太偏。

  第三，元素跟元素之间要有一个合理的留白，不然就会拥挤难受。

  第四，除满版型排版以外尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素，在画面中，那样反而会抢了主体，比如这个下图，其实竹叶也可以表达所需的意思，而且更灵动。

  第五，装饰元素在做飘散时不要集中在一个区域，那样会让某个区域留白不够显得拥挤，还会显得图片的感觉小气，飘散的元素我们尽量做的大气一些，挥洒些，弥补周边空旷的同时又能让画面大气。

  第六，留白的同时也要去白，去白是一种平衡留白画面的效果，一般来说常用的去白方式是对线去白，即下方有元素而上方很空的时候，给上方增加一个元素来平衡画面；当主体过于渺小导致留白过多时，需要放大主体和调整其它元素来去白。

  在学习UI设计过程中，正确的学习方法非常重要，能让自己在学习的路途中少走很多弯路！