言焦焦

咱们之前一直讲的都是理论篇,今天来一个关于界面底部图标的实战总结吧,故事的开端是咱们上一年年底的时分做的界面操练,咱们要完结漫画类APP的主页界面规划,仅仅是由7个模块组成的主页规划,我足足花了将近两个月才做出来一个半成品。

 

咱们今天就好好说一下我历时两周,做了四稿才完结的底部图标~做图标的时分整个进程大约分为以下几个阶段:

  • 1、收到使命
  • 2、找参阅
  • 3、依据参阅履行
  • 4、被驳回堕入深思
  • 5、再次履行

 

收到使命

咱们每天在工作中都会收到不同的规划使命,作为正在生长的规划师,顺利完结这些任是咱们最基本的才能,所以主角上台啦!噔噔噔噔~先做一套漫画类的底部图标,师傅觉得ok才可以!其时的我觉得很简单(too naive),下载了一些漫画类的APP,仔细的构思中。

 

找参阅

下载到的漫画APP这个时分发挥了效果,我在找了许多参阅,先看看他人是怎样做的,给你们先展现一下,如下图:

依据参阅履行

有了这么多参阅的我无疑是很自傲的,觉得自己肯定会做的很好,先给你们看一下我第一稿和第三稿(第二稿我没找着,跟第一稿只要色彩不同)

第一稿:

第一稿是我直接找的某一个APP的底部图标抄的,只改动了一点点,被驳回的理由是由于外形太常见了,不行特别也不行风趣,我信任应该许多刚入门的规划师应该也会跟我相同吧,很懒的一起还不会找参阅,全世界那么多参阅,偏偏我就能看中最丑那一堆(也或许只要我自己是这样)。

 

第三稿:


然后我就改变了方向也吸取了上一次的经验,找一些外形比较特别,而且把风趣的点定在点击前后图标会有改变的,这个时分的参阅现已没有限制在漫画类的APP上了,我把手机上一切看着外形比较特别的APP的底部icon都找了一遍,没有的就去花瓣找,给你们看一下我的参阅:


尽管仍是没过,没过的原因是不行风趣,其时觉得简直是要被逼死了,要多风趣啊,我的天哪!不过现在回头来看,或许是由于外形不行出彩一起没什么特色,第三稿的图标与市面上的并没有让人记住的点,一起也不适宜用在漫画类的APP上。

不过其时我的思路不对,思路现已堕入了”风趣”的图标里边,没整了解就去追波找风趣的图标寻觅创意了。咱们应该都有过这样的阅历吧,被驳回的规划由于他人说的点,然后针对某个点来修正,但往往越改越找不到感觉,所以我要给你们看我其时决心满满的第四稿啦!

 

第四稿:


是不是很风趣的,滑板车都出来了,我其时画图标的时分思想限死在了风趣这个点上了,画完我还挺满意的。。。以下是我的参阅


这一稿天然也是没有过,由于细节太多了,老实说我那时的心里便是呼吁的土拨鼠,想要立异要特别一起还要风趣,真的好难啊,画个图标不应该这么难啊,或许真的是我的思路和办法有问题。

 

被驳回堕入深思

正好这时分师傅让我测验面性图标,由于面性的图标比较好丰厚细节,而且可以发挥的润饰程度比较广泛,比较适宜现在堕入瓶颈的我。而线性的图标比较具有品牌感,非常好标准而且可以规划出必定的基调,比较检测规划师。

其他的小伙伴都进入到下一个组件了,就只要我,还卡在底部的图标上,我把一切的小伙伴通过了的图标和参阅都拿过来做研讨了一下。他们的图标不杂乱可是又都很有亮点,而且也不乏风趣。


很仔细的总结了一下,我发现了我的问题在哪里了:外形不行有特征一起细节太多,放在手机上,没有辨识度的一起还会前进用户的了解本钱。

 

再次履行

满意图标的意义一起削减细节,再结合漫画APP的特色,开端寻觅新的图标规划方向,比方我的图标中有一个社区的图标,参阅了许多社区的图标,都没有外观和体现形式上很特别的,然后我看见了ACfun的APP图标,一起想到了社区是个供给许多信息的当地,所以带着两个小包的八卦小图标就诞生啦!


这是最终通过了的第五稿:

对我来说最显着的前进便是在不断试错的进程中,前进了对参阅的审美和挑选,以及在自己产出时参加自己的考虑,包含点击前后的兴趣改变,保证自己画出来的图标可以与市面上的有所区别(咱们不要太介意主题色的问题,由所以咱们自己画的原型图,没有品牌基因,所以在刚开端操练的时分色彩是随意定的)。

 

划要点

1、找到好的以及适宜的参阅是一件非常重要的工作,不要拘泥于现在当时的使命和状况,尽或许地收集很多长处的图标参阅,参阅已有的规划,获取创意(并不限制在某一类的APP中,也不要过多的参阅飞机稿,这个定论适用在任何组件里边)。

2、确认图标的款式,已然确认了要做面性的图标,就开端做面性图标的规划考虑,必要时凭借辅助东西来保证图标的巨细视觉共同,以及小细节的规划标准坚持一致。

3、或许咱们会觉得这篇文章说的实操性不是很大,其实我最想表达的是找到好的参阅很重要,可是条件在于你有一双发现好参阅的眼睛,而这也是需求操练和试错才会知道什么样的参阅和输出才是适宜的。

 

参阅引文

《品牌基因法做图标——实战篇》http://t.cn/R9cLGrh

 

原文地址:海盐社(大众号)
作者:潘团子

转载请注明:明升m88.com网 » 为什么你的图标总是缺了点意思

登录保藏
 
你或许喜爱的:
有厌烦自己画欠好图标吗?我有(下)有厌烦自己画欠好图标吗?我有(下)
我这样描摹一组图标我这样描摹一组图标
用户体会 | 图标款式对界面可用性有什么影响?用户体会 | 图标款式对界面可用性有什么影响?
怎么制作图标怎么制作图标
六步画出好ICON六步画出好ICON
从0到1——一组图标的诞生从0到1——一组图标的诞生
怎么在Affinity Designer中创立一组扁平图标怎么在Affinity Designer中创立一组扁平图标
怎么体系的学习功用图标?续集怎么体系的学习功用图标?续集
图标规划五维自查看法图标规划五维自查看法
怎么规划风格一致的图标怎么规划风格一致的图标