2019-09-14 UI设计培训

UI设计培训 | 图标的表现方式(上)

一个APP应用图标设计的美感与吸引力,决定了用户对产品的第一印象。一个有吸引力的APP应用图标,可以更好的吸引用户,愿意去了解下载你的APP。UI设计培训像素妹儿就通过给大家举例一些应用图标,结合自己的专业认知,给大家分析一些图标的表现形式。也希望能在大家以后的学习工作中起到一些帮助~

以下是像素妹总结的几种常用的图标表现形式:

文字变形类符号类动物类指代类、 抽象类、 LOGO类

一,文字变形类

文字变形类的图标非常普遍,通常是在某种现有字体上进行扭曲与变化。这些字母可以是品牌英文名或者拼音的首字母,也可以是几个字母的组合,这样的案例非常多,尤其适于那些投入不止一个行业的多元化企业。

1.中文字体

提取产品名称中有代表性的文字,进行字体设计。通过对笔画及整体骨架进行设计调整,以达到符合产品特性和视觉差异化的目的。作为国人对汉字的敏感度,这样的设计形式大大降低了用户对品牌的认知成本。

拥有特征性的字体设计可以一目了然的传递产品信息,让用户在自己的手机桌面上快速找到应用所在。如支付宝、闲鱼、豆瓣等应用图标,识别性很强。(如下图)

UI设计培训

2.英文字体

通常是产品名称全称或几个单词首字母组合而成,在国内也会提取汉语拼音和拼音首字母等方式进行组合。在进行字母组合设计的时候,需要考虑组合字母的识别性,单排字母不宜过多,字母越多,识别性越低。

组合字母很容易形成独有的产品简称,方便用户记忆,如enjoy,mars等。热门的组合字母容易雷同,对产品差异化形成挑战。(如下图)

UI设计培训


3.首字母

提取产品名称首字母进行设计,由于英文字母本身造型简洁,结合产品特点进行创意加工,很容易达到美感和识别性兼备,很利于设计师发挥,很容易做出具备美感的应用图标。比较容易创意雷同,视觉差异化很难保障。(如下图)

UI设计培训


二,符号类

符号类在应用图标的设计案例中相对较少,由于符号本身的含义会对产品属性有一定限制,所以针对性比较强。比如音乐类的符号可代表与音乐有关联性的产品,无法运用在与此属性没有关系的产品上。可以很好的诠释关联的产品属性,需要结合产品特征进行组合设计。(如下图)

UI设计培训


三,动物类

动物作为图标设计元素是比较常见的方式之一,动物给人的印象比较可爱,有助于加深用户对产品的印象,易于用户的记忆与传播。动物的表现形式有剪影、线性描边风格、面性风格等。比较典型的比如QQ,天猫,京东,辨识度高,很容易对用户形成记忆。

但同时需要注意的是,选择用动物局部做图标设计时,需要有更加明显的特征,否则容易无法正确识别动物形象。(如下图)

UI设计培训


好啦,说了这么多,大家可以收藏一下,便于以后在设计图标没有思路的时候,拿出来看看,也许能有新的想法,今天像素妹就先带大家了解到这里,大家在下载app的时候也可以多去观察app图标和app内容以及公司品牌文化的关联性,在自己做设计的时候灵活运用,相信会有一定的帮助~咱们下期再见!


林老师:0371-5556 6060