一达通图标设计总结
一达通图标设计总结
1、项目背景
简单介绍一下这个项目,它是从今年1月初开始立项,一直到今天,成型为1.5版本。立项初有过几次评审,至今经历了从0.5到1,从1到1.5的整个版本迭代过程。未来将继续维护迭代,近期计划是迭代到2.0版本。
设立该项目的原因主要还是因为之前一达通平台的图标众多,部分图标也存在一定的问题,为利于管理和延续,方便运营配图等场景的需求,同时增强品牌感,传递品牌属性和一致性,故而需要进行一定的梳理和改造——这是最早的目标。

那么这个目标实现了没有呢?实现得怎么样了?如果全部实现了的话,下一步的计划是什么?
图标库展示







2、项目过程
正如前文所述,这个项目经历了三个过程:探索阶段;探索到1.0阶段;1.0到1.5阶段。

在最初探索阶段,虽然我们已经知道了要做什么,但还需要思考的一个问题是,这个项目具体到底是做什么的?要怎么做?
既然是做一达通的图标库,那么第一个跟一达通的业务和品牌特性会紧密联系,第二个做图标,要考虑到一些图标的设计要素。一句话来说,就是结合一达通的业务和品牌特性,综合图标设计要素,设计出一套符合用户认知&产品运营的图标库。那么问题来了:
1.一达通的业务和品牌属性是什么?
2.图标的设计要素有哪些?
3.怎么才能符合用户认知?
一达通是做外贸服务的,在外贸环节中节点繁多,而一达通提供的服务是一站式的综合服务,可以串联起所有的外贸节点。一达通的架构目前还是在阿里巴巴国际站之下。
图标的设计要素有,表现形式、元素构成、达意等。
要做到符合用户认知就要了解用户,一达通的用户群体是什么样的人呢?根据一达通客户调研样板研究显示,客户主要是30-40岁左右的人群,受教育程度不尽相同,但外贸经验多半比较丰富,会一般的电脑操作和手机操作,性格比较开朗健谈。这也就意味着,图标设计的不能太复杂,因为用户群体明显不是网络深度用户,过于复杂会增加其认知时间,还有太复杂也不利于普遍性的认知,当然除了那些通用性的图标外。性格开朗健谈意味着会容易接受和挑战新鲜事物,也会有意愿去探寻未知的东西,也就是可能会主动去辨别图标,区分图标的含义。外贸经验丰富,说明对外贸涉及到的事物还是会比较熟悉,图标的造型可以多往这方面靠拢。
思路成型

以上是我们的一个思路推演,带着这个思路我们开始做尝试。
最早的尝试

这是最早的草稿,在绘制的时候我们发现,绘制规则过于复杂,缺口、点、圆的定义描述难以让人明白,在几次评审的基础上,我们简化了规则:
1.缺口位置:与图标造型有机结合,并位于正上下/左右为宜,当缺口位置有特殊需要时,需结合图形构成绘制;
2.点的使用:点要与图形造型有机结合,建议要求增加,忌滥用;
3.圆的使用:当图形不饱满时可使用圆构图,非硬性要求使用,忌滥用,运营类图标建议有圆;
示几个例:

从尝试到1.0版本
在这个过程中,除了按照既定的绘制规则进行图标设计之外,其中主要有以下几个变化:
1.个人绘制手法的转变:由“面面相切”向“线线相接”的转变,极大的提高了效率;
2.图标的达意:多用造型表达,即图标的意思是什么,就直接从造型上考虑最接近的意思,导致有很多无法用造型表达的图标难以绘制;
3.个性化图标:增加了个性化图标,丰富了图标的种类和应用。

从1.0到1.5版本
这个过程中的变化:
1.数量丰富:各类型尤其是运营类图标丰富了起来;
2.图标的达意:除了造型表达的方法,还在一定程度上学会了隐喻表达的方法。造型表达是说从显性角度对图标功能进行表述,隐喻表达是从隐性角度解释相对抽象的内容,首先使用造型表达,因为不同的用户存在不同的隐性知识。造型表达不了的考虑用隐喻表达;
3.图标的应用:图标得到了一定范围内的应用。

实际应用
目前的应用主要有以下几个方面:
1、新做的产品LP,其中涉及到到相应的功能体现的时候可以用到,需要强调的是,在实际运用过程中,可以从设计的角度对图标进行一定的“变化”;
2、运营类的LP或H5;
3、PPT设计制作;
4、移动端新增需求涉及到的功能体现。

3、心得体会
前后历时半年多,完全没有体会心得也不可能,这里就谈一谈我主要的心得。
1、学会化繁为简:当绘制规则很复杂的时候,不妨换个角度来阐述,或许就会变得易懂简单;
2、学会变化:图标的造型有了,实际应用时可以通过变化颜色,增加面型等等来使图标产生变化;
3、学会观察:不仅仅是对事物进行外形上的观察,还要从其内在的含义上进行观察和联想,这个对图标的隐喻设计会有帮助。
这里给大家分享两个好的图标素材网站:
4、未来计划
未来近期将面临2.0版本的升级迭代,作为一个大版本更新,到底要怎么样才能符合期待呢?更多数量,更多类型,更多细节,更多……敬请期待......





































