一达通图标设计总结

用户头像
深圳/UI设计师/8年前/5904浏览
一达通图标设计总结

一达通图标设计总结

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、学会观察:不仅仅是对事物进行外形上的观察,还要从其内在的含义上进行观察和联想,这个对图标的隐喻设计会有帮助。


这里给大家分享两个好的图标素材网站:

https://www.flaticon.com/

https://www.iconfinder.com/


4、未来计划

未来近期将面临2.0版本的升级迭代,作为一个大版本更新,到底要怎么样才能符合期待呢?更多数量,更多类型,更多细节,更多……敬请期待...... 


7
Report
|
3
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in