视觉设计 » APP设计中的9种图标类型

APP设计中的9种图标类型

发表于: 视觉设计. 评论
Sponsor

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

01、线性风格图标

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

APP设计中的9中图标类型

APP设计中的9中图标类型

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

APP设计中的9中图标类型

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

APP设计中的9中图标类型

APP设计中的9中图标类型

APP设计中的9中图标类型

APP设计中的9中图标类型

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

APP设计中的9中图标类型

 

02、面性风格图标

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

APP设计中的9中图标类型

APP设计中的9中图标类型

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

APP设计中的9中图标类型

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

APP设计中的9中图标类型

APP设计中的9中图标类型

APP设计中的9中图标类型

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

APP设计中的9中图标类型

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

APP设计中的9中图标类型

 

03、线面风格结合图标

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

APP设计中的9中图标类型

APP设计中的9中图标类型

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

APP设计中的9中图标类型

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

APP设计中的9中图标类型

 

 

04、极简风格图标

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

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

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

APP设计中的9中图标类型

 

05、扁平风格图标

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

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

APP设计中的9中图标类型

 

06、手绘风格图标

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

APP设计中的9中图标类型

07、像素风格图标

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

APP设计中的9中图标类型

08、MBE风格图标

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

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

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

APP设计中的9中图标类型

09、拟物风格图标

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

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

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

APP设计中的9中图标类型

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

 

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }