UI设计教程，新手如何快速出一套界面图标

一. 面形图标

面形图标的视觉占比大，有比较强的视觉表达力，通常用在应用中的主要入口。最新的苹果iOS 11底部标签栏就使用了面形图标。那么面型图标的风格要如何统一呢?

1.正形

面形图标的正形使用，要统一风格，要注意的是:

a. 面的面积

b.负形的面积

c. 线条的统一

d. 形的统一，可以从形的形状，圆角进行统一

2.反白

面形图标的反白使用，反白使用时，除了正形图标的3个注意点，还需注意图标和背板的尺寸比例，比例并没有严格的规定，但是建议用0.618黄金比例。

注意点如下：

a. 面的面积

b. 负形的面积

c. 线条的统一

d. 形的构成统一。比如：圆角统一

e. 背板和图标的比例

二.线形图标

线形图标比较轻量化，减少视觉干扰，让用户集中在产品核心功能上。在iOS11以前，iOS原生应用的导航栏，标签栏，工具栏全部采用了2px线框的图标设计。

线形图标的使用也有两种：正形和反白。不建议线形图标的反白使用，因为从设计逻辑上讲，背板结合线形图标是互相矛盾的。

正形

线形图标，要统一风格，有以下几点：

a. 线的形状

b. 闭合区域的大小

c. 线的粗细

d. 线的断点

三.扁平描线图标

扁平描线图标其实是面形和线形的结合，一开始这种设计形式，主要用来做复杂度比较高的插画，后来逐渐在标签栏，首页功能入口这些位置开始应用。这类图标相对于纯面形，纯线形来说，风格明显，个性化程度更强。有一款APP叫?想去?，它的分类图标就用了扁平描线图标，有兴趣的同学可以去看下。扁平描线图标，统一风格，除了要注意线形图标设计以外，要注意填色区域的大小。

以上就是小编关于界面图标的相关内容分享，今天的分享就先到这里，如果你想从零基础学习了解更多UI设计内容，请关注本平台，你想要的我们都有哦!