1. 主页 > 行业资讯 > 交互设计 >

原来写图标有一次的诀窍!

编辑指南:作为一个设计师,有时候在作品中过于注重美感和创意,他的认可度是有的,但品牌感缺失。没有品牌感,这个图标可以用在任何产品上,不能和品牌有很强的联系。那么,如何设计一个品牌图标呢?本文将从三个方面进行分析,希望对你有所帮助。

我们在画画的时候,往往会忽略一个重要的问题:缺乏品牌感。也就是说,这个图标与我们实际的品牌和业务无关,只满足识别食品和服装的需要。

图标缺乏品牌感,会导致同质化。这些图标可以在任何产品中普遍使用。

对于产品来说,内存点的缺乏导致用户看了之后对我们的业务和品牌没有什么深刻的印象。对于我们的设计师来说,图标和业务的断层让我们陷入了反复修改的被动局面,设计话语权越来越小。

那么,有什么系统的、通俗易懂的方法可以让我们的图标有品牌感呢?

当然有。

这个图标接下来的三步品牌化就是我一直在用的方法,也是经过了尝试和检验的。这个方法已经基本用上了,需求方也基本做了草稿~

本文选择京东物流国际物流项目作为案例。当时需要一个登陆页面,在第一屏下的优势区画了六个图标,对应平台的六个优势。接下来,我将详细说明如何使用这种三步品牌化方法来绘制与品牌密切相关的图标。

01变成品牌符号

品牌符号也是广义的造型。

比如天猫最近的双十一购物节,就用一只猫的头作为这次促销的品牌象征,通过每年固定时间节点的品牌形象来塑造自己的心智。

再比如腾讯热门综艺节目《演员在位置》,其品牌符号是不同矩形色块的叠加组合。

不同类型的信息可以扩展。比如下面的实体层,图片层,文字层分别承载内容,图片,文字。

Google在18年的材料设计中增加了整整一章来解释图形语言。

Google的原话是:形状可以引导注意力,方便用户识别组件,识别状态,传达品牌语言。

也就是说,形状不是我们之前认知的作用,品牌也可以利用形状来增强效果。

最典型的是google自己制作的google play。你可以看到,从谷歌play中提取的三角形符号作为一个外部轮廓扩展到所有相关的商业图标,这大大加强了品牌的记忆点。

再比如中国的蚂蚁财富,通过提炼logo中的箭头符号,延伸到三个高级图标,可以传达蚂蚁财富的品牌表达。

因此,基于业务目标和行业特点,我们将使用倒三角形作为我们项目的品牌符号。

至于为什么选择这种形状,主要考虑的是稳定性(三角形本身的稳定性,符号专线的稳定性和可靠性),保障性(倒三角形往往用来保证承诺类的徽章标志),隐喻性物流(由飞机和定位图标转化而来),以及三者之间的战略合作(凯洛、中国制造网、JD。COM)。

02注入品牌色彩

第二步比较简单,但是考虑到各种场景和状态下色彩的普遍性,需要在原有品牌色彩的基础上添加不同明度的色彩。

这里我简单的把浅色和深色展开,加上暖色作为点缀色来提高温度,以免页面太冷。

03结合行业特点

将图标与业务紧密结合,可以将图标与其他竞争产品区分开来,这是一种相对简单但有效的品牌推广方法。

具体操作方法如下:首先根据给定的文本,弹出图标对应的关键词,然后根据行业特点进行关键词过滤,或者进行二次关联转化。

下面,我将通过这个项目中的三个图标案例来简要描述设计过程,只是为了给你提供以下思路:

1.第一个图标

操作给出的副本如下:

这份文案意味着,因为我们的平台与清关银行合作,我们的业务更加安全,货物可以按时交付给客户。

在这里,我开始想到三个意象:伞、锁、盾,传统上用盾符号来传达安全感。

这个形象,任何行业平台都可以用,不能和我们的物流平台扯上关系。

后来,考虑到我们的跨境和外贸特点,我们把“伞”的形象变成了降落伞,而不是盾牌符号。

首先,降落伞看起来像一把伞,相当于货物的保护伞,体现出“有保障”的感觉。此外,“空运输”这一表述也传达了及时交货的理念,很好地体现了“跨境物流”的典型行业特征。

2.第二个图标

操作给出的副本如下:

同样的,刚开始我关注的是“跟踪”、“实时”、“跟踪”这些关键词,定位、雷达之类的东西就从脑子里冒出来了。

不过结合我们行业的特点,其实有空,比较适合业务本身。

我们平台的业务线包括两个站点——美国(主站)和马来西亚。供应商交货后,货物的轨迹必须反映在世界地图上,并从起点分布到终点。

所以我用地球仪来绘制全球地图,用定位来绘制包裹接收地,从而延伸到定位图标中的虚线映射轨迹。这样产生的图标不仅指文案的含义,还表达了相应的行业特征,与业务密切相关。

3.第三个图标

副本如下:

起初,我传统上认为用一个时钟图标来代表它。但仔细想想,这个时钟图标只能代表“时效性”的特点,而不能传达“快捷”的感觉。如何更好的传达“快”?

发散思维,我想到的是交通工具,比如飞机,轮船,火箭等。最后,我选择了飞机,这是跨境物流线路中使用的主要运输工具。相比船只,它们带来的速度更深入人心,也不像火箭那样脱离现实。

当然,并不是所有的图标都需要结合行业特点,另外三个图标还没有想到更合适的元素,所以还是用常见的图像来传达概念。我们不需要这种方法,但是作为设计师,我们仍然需要控制我们的项目,充分发挥我们的创造力,给我们的产品更多的动力。

最后,我给所有图标添加了非线性动画。一方面为登陆页面注入了活力,增加了用户的愉悦感;另一方面,它通过动态表达引导用户更好地理解平台的优势。例如,地球仪可以通过添加定位的剪辑动画和弹跳动画来更生动地传达物流轨迹跟踪的概念。比原来的静态图标好理解吗?

更重要的是,动画的加入也符合我们物流业“运动”的特点~

由于篇幅原因,今天将跳过动画制作,稍后可能会单独给出教程。当然动力来自于你的观看或者转发~ ~(手动眯眼)

4.总结

每次我们接受一个需求时,我们都应该思考这个设计可以与我们的业务和品牌联系在一起。而不是每次做一个完全独立于业务的项目,很容易让你陷入反复修改的被动局面,话语权越来越小。

总之,品牌思维需要设计师特别关注!

最后,我们来回顾一下这个图标的三步品牌化方法!

第一步,整合品牌符号;第二步,注入品牌色彩;第三步,结合行业特点。

本文由网上采集发布,不代表我们立场,如有侵权请联系我删除,转载联系作者并注明出处:https://ffjianzhan.cn/a/jhsj/556.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息