1. 首页 >
  2. 资讯公告 >
  3. 北京UI设计培训_图标风格

北京UI设计培训_图标风格

 May 4, 2019 4:38:58 PM  413人 来源: 火星人

今天我们介绍的是UI设计中常用的两种图标设计,线性图标和面性图标。

线性图标
线性图标一般用于功能按钮和标签栏,因为线性图标的视觉表现力较弱,但识别度非常强
线性图标常见的有:圆角、直角、断线,线面结合图标。

线性圆角图标多用于社交、母婴、娱乐、直播类等产品中,表现出可爱年轻活泼,有亲和力的基调。例如微信,底部标签栏全部为线性图标设计,简单容易区分识别度强。

线性直角图标风格更为硬朗,充满了力量感,底部标签栏图标采用的全直角设计,彰显男士硬朗的风格。

断线图标的断线是一种设计形式,形成一种设计语言,断线设计可以贯穿整个APP的图标,形成一致统一,和独特的产品调性。

面性图标
面性图标一般表现力比较强,视觉比较突出。面性图标分为两大类,一类是较规整的图形,比如常用的圆、圆角矩形;另一类是异形图标。
APP首页的金刚区,作为整个产品流量分发的入口,选用面性图标是最合适不过的了,占用面积大,视觉表现力强,具有很好的导流作用。还可以做出丰富的视觉效果,如投影、渐变、背景纹理、折纸剪影等设计手法。

异性图标相较于圆形或圆角矩形图标,视觉表现力就稍弱,识别度略高于圆形或圆角矩形图标,但同样可用于金刚区,或者个人中心。当产品流量入口偏多,可以用两者来区分层级关系,多应用于体量较大的APP,如美团金刚区,业务层级更加重要的用了圆形图标,次要的用了异形图标。

线面混合图标
线面混合图标也是一种设计语言,线和面搭配,使形式感更加丰富,视觉层级性要比纯线性要强,可以和纯线性图标搭配,营造出不同的设计形式感,统一中有变化,又可以区分出层级。其风格偏活泼,年轻化。

在图标设计上,不仅要风格统一,还要注重色彩,是渐变图标,还是单色图标双色图标还是多色图标在UI设计中图标时必不可少的。

关键词:北京UI设计培训,北京UI设计,UI设计培训