移动UI设计的图标有哪些风格

182 阅读1分钟

移动UI设计的图标风格有哪些,下面给大家简单介绍下:

image.png

多为单色渐变,颜色过渡清新自然,是目前的主流设计风格之一, 如下图所示。除用于图标外,渐变风格可使用的场景非常多,如APP中的背景图、按钮等

image.png

image.png

特点是简约、概括,视觉识别度良好,设计感强,常被用于 APP 的功能型图标中。剪影图标可分为线性和面性两种,线性为未选中状态,面性为选中状态。如下图所示的QQ功能图标。

image.png

image.png

通常会以纯色作为图标主体背景,该风格色彩对比度大,视觉冲击力强,通过长投影突出主体,从而创造鲜明的层次感和空间感,常用于APP 页面中的分类图标,如下图。

image.png

image.png

特点是可爱,富有亲和力,设计简洁而精致,视觉效果突出,但风格小众,使用范围比较局限,常用于女性或二次元(二维,二次元源于日语)APP中。 如下图。

image.png

image.png

层次简单,用色素雅干净,采用轻投影、轻渐变的方法设计。这类图标具有一定的立体感,能给人轻盈、简洁、精致的感觉,如下图所示。

image.png

image.png

iOS 7以前,拟物风格是UI 设计的主流,这类图标的特点是通过细节和光影还原现实物品的造型和质感,能给用户极强的代入感,快速领会图标表达的意图,如下图所示。

image.png