2019-09-15 UI设计培训

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

上期像素妹给大家归纳了几种图标的表现方式,分别是:文字变形类,符号类,动物类,指代类,抽象类,LOGO类。相信大家通过上期的学习,已经对图标的这些制作类型有了一定的了解,这期UI设计培训像素妹儿就接着为大家介绍剩下的这三种:指代类,抽象类和LOGO类。

一,指代类

指代类的图标表现形式就是根据产品的功能服务提取元素进行图形设计,这也是一种比较常用的表现手法,这种方法能够清晰直接的传递产品信息,减少用户的认知成本。

1.提取相关联的图形元素进行设计,比如美拍,开眼等,一目了然的传递出产品信息;本身这类型的图标我们可以把它们作为常用代指某些功能符号,然后再次基础上加入特殊的效果,既能图标与众不同,又可以能保证用户看到图标后一眼就能判断大题功能。(如下图)

UI设计培训


2.也可以从产品服务内容入手进行提炼,比如百度外卖等美食类产品提取餐具作为元素进行设计,ins这种图片社交型产品提取相机为元素进行设计;(如下图)

UI设计培训


3.提取产品特征与品牌信息相结合进行设计,比如网易公开课,提取的元素是黑板,与视频的播放按钮,既提取了产品的内容特征,又融合了品牌名称。(如下图)



二,抽象类

这种是通过提取品牌信息、产品服务、功能模块等关键词进行图形创意,形成的图形不属于生活中大家常见的基本图形,是对品牌进行高度提炼形成的抽象图形。通过暗喻的形式传达品牌文化和产品特点,品牌独特性较强,容易形成视觉差异化。但是用户认知记忆成本较高,总结有以下主要特征:

1.主要应用于小众类型APP;2.用户人群相对格调比较高;3.抛开常规配色和形式;4.简约,图形相对容易一眼识别。

UI设计培训


三,LOGO类

顾名思义,就是直接拿品牌LOGO作为产品图标使用。有的同学可能不理解,LOGO和图标的区别在哪里呢?LOGO 是一种影响和促进用户行为的一种手段,同时也是一种特定的沟通方式,许多企业将LOGO视作为品牌的视觉代表以及品牌和用户之间情感联系的纽带, 是品牌设计的一部分;然而图标则是作为快捷方式和入口而存在的,帮助用户识别并找到特定功能和应用的一个视觉引导。

关于图标和logo,我们可以从属性上稍微分析一下它们之间的关系,图标在UI设计中常用来指产品和功能的形象,而logo是指一个组织的形象。应用的范围,logo要比icon的面积更广。用logo的好处是让用户能够直接判断该产品是由哪家公司设计制作的,便于用户心理产生友好的感觉,同时也会加强整体公司的形象。

在具体使用的时候,不是简单的将整体logo的想象直接放置在图标背板上,而是提取用户比较明显的形象形象,删除品牌上面的文字,这样保证用户一眼就能在众多的图标堆里看到该产品。

简单来说,图标是通过视觉设计提供信息和引导,而LOGO则是品牌信息的展示;并不是每一个企业都需要图标,但是每个企业都需要LOGO。这样再来看直接用LOGO作为图标的产品是不是思路就清晰的多啦~比较出名的如微博,陌陌等都是复用了品牌LOGO作为产品的图标。(如下图)


UI设计培训


应用图标的设计表现形式很多,我们只是通过常见的图标简单列举的六种方向,希望大家能发现更多的表现手法并加以总结归纳。设计的方法与技巧需要不断的总结与分享,才能发现不足与进步的方向,像素妹希望能与大家一起进步,做出美感与可用性兼备的设计作品。



林老师:0371-5556 6060