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 图标设计作品)
乔布斯曾经说过:“细节至关重要,花费时间仔细打磨是值得的”,而图标设计对设计师而言,更是一切设计基础中的基础。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。