100个图标诞生记 —— 其实,画100个图标也没那么难
正如咱们网站的口号一样,越努力,越幸运!没错,就是这样的信念,让狼哥@伯毅狼像打了鸡血一样,整个人斗志满满,足足坚持了4个月,在我看来,不仅这100个图标让我折服,坚持本身就是一件非常了不起的事情!
大家在看这篇文章的时候,请好好反省一个问题(你不去做,怎么知道自己多么优秀!甚至,别人怎么知道你多么优秀呢?)。
正文齐步走
在这里先介绍下自己,我是伯毅狼,在群里大家都叫我狼哥。我不是什么大神,没有跌宕起伏的过去,也没有虎哥那么激励人心的历程,但是我有一颗坚持学习的心,让我时刻坚持着,朝着自己的梦想慢慢前进。
今天很荣幸得到虎哥邀请,和大家来聊聊最近4个月干的那点事。
突然发现画完了
“扒一扒去年的愿望,看看这一年你到底实现了多少?”我翻了翻记事本和电脑,发现2014年在设计上最大的收获就算是在计划时间内完成了100个图标。我居然画完了?!真不敢相信,一向做事只有5分钟热度的我居然认认真真的画完了100个图标!
(100个图标小图预览)
起因是大概4个月前的某一天,在某酷上看到一位酷友写了个帖子。他的帖子里对自己的设计做了总结,画了100个图标,看到之后很受鼓舞,非常的羡慕人家能这么坚持画100个图标。但是羡慕有用么?心动不如行动,所以我开始挑战。正是因为这次挑战,我也算正式迈出了走向UI设计的第一步。是的,对于UI,我仅仅是个刚入门的小学生。UI也是一门很有学问的课程,图标、界面、交互都是非常非常严谨的东西,现在的我也正在努力的学习中。
2014年完成了自己的目标——挑战100个图标,这算是完成了第一个阶段的计划,尽管有些还不满意,比如折纸系列和火影系列两组图标就不是很满意,进步的空间还是蛮大的,但圣诞系列还是我还是蛮喜欢滴。
(圣诞系列图标)
回头看看以前
回头看看,我从事设计工作也有5年了(2010年开始成为一个死美工,08、09年那会居然是个跑业务的),哈哈~~~大学学的是动画专业,那个时候互联网没那么发达,想学点软件技术基本是靠从图书馆里借的书。加了几个所谓的设计群,基本都是在扯蛋,请教下问题没人会来回答。所以那个时候真的有点困难,都是靠自己琢磨,错了还是对了都不知道。那会儿也没什么设计网站,一些论坛很多(当然,也有相当专业的论坛,在里面也学到了不少东西)也是在吹水,有学习氛围的非常少。所以说现在资源都非常非常的好,优秀的设计网站非常的多,非常非常棒的比如像学UI网(学UI就上学UI网)啦,还有……还有……等等。
某酷崛起之后知道了一些大神,不过大神都很忙,没时间来搭理新手,特别是像我这样做了几年设计还在原地踏步的“吊车尾”。值得一提的是,自从加入了学UI网,认识了虎哥(就是咱们的站长大人),绝对的大神啊!虎哥给我的帮助还挺大的,一针见血的指出了我设计上的缺点,只要有问题请教,虎哥总是会不厌其烦的为大家来讲解(
在我大三的时候开始学习FLASH(那会好像8.0版的刚出来),之前就被这种动画形式深深的吸引,所以上课非常的积极,课后也非常积极的在学习。那个时候找了个思妙动画做的FL视频教程,非常的好玩,每天下课没事就看视频学习,这是我设计的第一次飞跃(第二次就是12年开始到现在每天坚持的学习),自学的进度比老师课上教的要超前,期末也如愿的得了个第一(原谅我已经丢失了曾经的作品,电脑坏了
困难就像游戏障碍
貌似话题扯远了,拉回来。在画这些图标的过程中,遇到过很多问题,最大的问题就莫过于:下一个我该画什么?灵感经常性的会断粮,我不是那种有天赋的人。好不容易有了灵感,那么问题又来了:这种质感、光照效果该怎么来表现?这么复杂的东西怎么精简到小小的图标里又不失特征等等等等,各种问题就像游戏里的一个个障碍,阻挡着我通关的步伐。比如看起来很复杂的调音台,我该怎么处理使之既保留调音台该有的特征元素又不那么繁琐?
(调音台图标)
(我们公司的调音台,基本就是这个样子)
再比如PSP的游戏机,人家形状是酱紫的:
(PSP原型)
如果变成方方的图标,那就需要变形再创造
(PSP图标)
战胜了这些障碍,值就上升了。在这段时间里,我学会了先琢磨再动手实验的好习惯,最后实在是没辙了才去问人。所以毛爷爷说的好:自己动手,丰衣足食!
在此,我向广大处于新手阶段的设计好友们说:不要一遇到问题就过来问。像什么“这是什么字体?”“XXX是什么格式?”“求PS/AI XXX版的安装包”这类的问题网络上都能找到答案,所以要学会自己动手解决问题。或许是因为我一直以来都是这么做的,早就习惯了自己解决问题的学习方式,也许我说的有点偏激,不喜欢的话大家可以忽视我这句话。
这里推荐86妹子的一篇文章:《为什么大神不愿帮你》
我没有特殊的学习方法
遇到难题,我是怎么解决的呢?说来也没什么特殊的地方。如果灵感枯竭,我会在各大设计网站的欣赏区去找灵感;如果是技法上的难题,那么我在优秀的设计大站上找好的教程。有时候同样的一个效果,会有不同的作者来写,这个时候就需要时间和精力还有自己的品味来区分了。一开始看的时候都不知道,只有都跟着做一遍才能分辨出哪些是绝世武功秘籍哪些是寻常粗浅功夫。能分辨了,也是一个小小的进步。如果我们自己能找到更方便或更好的方法,那么就更完美了。\(^o^)/ 所以说,动手才是王道。多做练习,对软件,对学问才能记的更深刻。
1、一口饭吃不出胖子。
三天打鱼,两天晒网,那么还是会一事无成!说个题外话,几年前的我就是这样,沉迷于游戏和看漫画,总觉得自己掌握的能力混口饭吃就够了。这个致命的坏习惯导致我现在的设计能力和年龄严重脱节!一切都在进步,我却在自以为是,不进则退!一直到2012年下半年才算正式开始做设计。在此,我奉劝各位看官,学习一定要坚持!不管你是哪个行业,都需要不断的学习进步才能成为优秀人物!(看看咱虎哥,多么的励志!啧啧啧~)
言归正传,我们做设计的,一定要多做练习,练习做的多感觉也会慢慢上来,算是“潜移默化”吧。比如看到个水晶图标,就会想起以前在哪见过水晶的教程,用哪些方法去做,用什么软件来做更好等等。说白了,练习做的多了,自然而然手就会熟练,脑子就会非常自然告诉手该怎么来做,都不用去找教程,因为这些都变成我们自己的知识。例如:
(bamboo数位板)
把这个数位板做成图标真的非常非常的顺手,尤其是把笔画成这样QQ的样子也没停下过(曾经有段时间经常画Q版漫画,道具也要QQ的,所以做的比较顺手),几乎都是一口气画完的。
2、老生常谈六字箴言:多看、多想、多练。
这真的是太老生常谈了。多看:多看一些优秀作品,尤其是大神们的作品,然后保存下来学习用。同样一个图标,为什么大神做的就是高大上,我做的却是这么丑逼样。看的多了,以后在工作中就能开阔思路, 不再局限于自己的狭小思维中。多想:大神做的这么高大上,他是怎么做到的?他的配色是怎么配的,效果是怎么实现的,绘制步骤又是哪个先哪个后?(每当这个时候,我心里的小天使就会出来说:哇,好棒啊!我能做出来吗?然后小恶魔就出来了,呼的一巴掌pia死小天使:你特么废什么话啊,赶紧动手去试试啊!
只看不练,那么白看;只练不想,白看白练。脑子里想的是各种效果的实现方法,手上得通过各种工具来实现我的想法是否正确。一旦实现了,那么就成了自己的知识。
这里推荐虎哥的一篇文章:《UI设计教程之UI学习方法(咋看,咋想,咋做)》
(恐龙战队变身器图标)
(变身器原图)
就这么结束吧
终于写完了,大家看完不知道有什么感想捏?如果你是一位新手,是不是也期望着有朝一日自己也能头顶大神的光环?不要着急,不要害怕,只要肯努力,你也能成为一名高手!狼哥就是个例子,我骨骼不精奇,也没什么天赋,纯粹是靠着后天努力,一路打怪升级才攒到这么些的值。以前浪费的时间已经无法挽回,我们能做好的只有从现在开始努力!越努力,越幸运!吊车尾的鸣人都成为火影了,还有什么不可能呢?对于那些一直在群里闲聊吹水的同学,狼哥我就很不客气的说一句:
锵锵锵,高清无码大图
下面就是这4个月坚持的成果,来几张特写,欢迎大家批评。
(我老婆的手机+手机壳)
(悉尼印象)
(宁波鼓楼)
附一:曾经的部分作品和临摹
附二:优秀设计网站
我也经常逛一些设计网站,耳熟能详的还是这些:站酷、UI中国、优设、UImaker、LoveUI等。但是我想隆重的向大家推荐一个非常好的学习UI的网站——学UI网 网址:http://www.xueui.cn/ 学UI就上学UI网!越努力,越幸运!至于为什么?因为我就在这里学习进步的,哈哈O(∩_∩)O哈!(掌声呢?掌声在哪里?)
(PS:感谢虎哥,黄se7ev和幺妹儿对这篇文章的大力帮助,感谢感谢!)
作者:伯毅狼