APP设计中的9种图标类型

Sponsor

UI设计师在设计图标时，我们需要考虑图标所具有的指示性和标识性。一个好的图标不仅需要具有视觉效果，还需要能够快速传递信息，易于识别和记忆。在平面设计中，线性图标、面性图标和线面结合图标是最基础的类型。针对不同的需求，我们可以采用简洁、复杂、拟物、扁平、华丽、淡雅、渐变或单色等特性进行设计，下面我们整理了APP设计的9中图标风格，设计师们可以学习这写风格的设计。

01、线性风格图标

1、线性图标：顾名思义就是以线的形式绘制而成。它的表达形式很多，同色的，渐变的，叠加的，断线的等等，但他们的统一特征是 用线作为基础元素去表达图标含义。

2、线性开口图标：在线形图标基础上面，寻找一个缺口剪断，使得图标具有透气性和线条的变化。缺口的位置尽量保持统一的方向及大小。

3、多色图标：用多种颜色搭配组成的图标。需要定义一个主色调，另外几种颜色作为辅助色点缀，颜色需要有主次区分。

4、粗细线条图标：通过粗细来设计的图标样式

02、面性风格图标

1、单色面性图标：由单个颜色组成的图标。

2、多色面性图标：由多个颜色组成的图标。

3、渐变面性图标：的颜色从明到暗，或由深转浅，或是从一个色彩缓慢过渡到另一个色彩。

4、透明叠加图标：通过图层颜色的叠加做出交叉图形，将颜色调整为邻近色，让图标更具层次感。

5、微质感图标：通过设计体现图标立体效果，更真实，让图标更为形象。

03、线面风格结合图标

1、线面混合：线面混合图标设计的方法可以增强图标的视觉层级感，使图标效果更加丰富，通常用于打造视觉调性。

2、色块偏移：在线条样式后面使用偏移色块来创建自定义感觉，为图标设计增加了额外的风格和个性。

3、 线面结合：线面结合型图标结合了线性图标和面性图标的优点,既保持了面性图标的重量感,同时具有线性图标的精致、细腻。

04、极简风格图标

极简风格秉承“少即是多”的理念。

使用简单、直接的元素，突出核心内容，提升设计的层次感，不但能够满足设计需求，而且能够帮助用户快速聚焦核心，节约时间成本，提升用户参与度与肯定度。

极简风格广泛应用在UI、web、平面、品牌、工业设计等领域当中。

05、扁平风格图标

扁平化概念的核心含义是去除多余、厚重、复杂的装饰效果。

具体表现为，多余的透视、纹理、渐变和能制造一种效果的元素被去除，让“信息”本身重新被凸显为核心。

06、手绘风格图标

手绘标志图标的随意性，把不经意的视觉效果自然地保存下来，尽量避免刻意为之的感觉。随意绘出的形态，能使人感觉到跃然纸上的自然能量与趣味，极具生机又很和谐

07、像素风格图标

像素图标属于点阵式图像，这类图像的出现源于计算机屏幕的特性，早期的红白机和黑白屏幕手机由于分辨率因素均使用像素图标。像素图标强调清晰的轮廓、明快的色彩，几乎不用混叠方法绘制光滑的线条。

08、MBE风格图标

MBE风格的图标可以说是剪影图标的延伸，图形色彩鲜艳、简洁、圆润可爱，它的原创作者是法国设计师MBE，MBE风格因此而得名。

MBE图标的主要特点为色块偏移填充、粗线条描边、断线。

另外MBE图标常用彩色小元素，如“烟花”“圆点”“十字”“圆圈”“星星”等进行装饰，制造活泼有趣的小气泡的效果。

09、拟物风格图标

拟物设计是一种产品设计的元素或风格，指原有物件中，某些必需的形式在新的设计中已不再必要的时候，依旧模仿旧有物件的外观和使用方式。

简而言之，就是利用设计元素来模仿现实中的实物创造出虚拟的三维效果，并产生针对实物性质本身的联想，从而使体验者较容易地做出选择判断。

（设计达人注：下面截图的拟物风格图标应该是扁平化风格的，而拟物化风格请参考此文：40个逼真拟物化 iOS 图标设计作品）

乔布斯曾经说过：“细节至关重要，花费时间仔细打磨是值得的”，而图标设计对设计师而言，更是一切设计基础中的基础。

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。