微信号:Gad-GameDev

介绍:专业的游戏人社区(GAD.QQ.COM):为游戏开发者提供学习指导、问题解决、队员招募、游戏孵化等服务.免费组件下载、专业知识学习、组队游戏制作、项目孵化渠道.

【美术圈】ICON设计中5个要点

2017-02-14 18:10 扬花朝南

  怎么样才能设计出一个更好的icon呢?我感觉到可以以更加具有建设性以及实践性的想法来传达icon设计中的一些必要性,所以我撰写了一篇面向无论是初学者还是专业人士都需要的文章。


  上面大约10分钟的视频为大家介绍了在设计APP的iocn时5个重要的要素。然后,实际中我是如何使用以上的5个要素来进行icon设计的进行逐步解说。其中包含很多建议以及细节的设计说明,相信可以对无论是刚进入这个行业新手,或者已经是专业人士都可以带来一定提示,如果在这篇文章中你有了解到新的东西,那会是我的荣幸。


  如果想要了解更加详细的说明,请阅读下文我通过了解APP的icon设计中的5个要素文章,详细可以可以得到一些东西。


开始


  思考作为你的产品与用户接触点的图像设计是一个非常麻烦的工作,具有漂亮、独特、印象深刻的APP ICON是可以影响到人气与成功的。但是,怎么样才能制作一个‘好’的icon呢?更进一步,‘好’的icon指的是什么呢?


  请大家放心,关于这些问题的答案我已经准备好了,接下来让我们来介绍如何制作一个‘好’的icon。



「icon」是什么?


  在最开始制作icon时,首先我们需要了解到的是,icon到底是什么,以及在APPicon需要担任一个什么样的任务。APPicon也就是产品的记录装置。因此,不仅要吸引目光,还要表现出APP的核心要素。


  最近经常会无意识中经常使用‘logo’这个单词,APP的icon并不是logo。虽然icon与logo后一些相似的地方,但是icon与其不同的是,他会被很多要素限制,所以在设计时需要意识到icon与logo的差异。


通过各个尺寸构成的APP icon图



  以更加实践的视点来思考时,你在制作icon时所制作的东西是各个尺寸的PNG文件,例如从29*29px的小东西来思考1024*1024这样大的东西,不可以将这些尺寸与APP一起进行考虑,以及,这些制作的设计与用户和你的APP对面时所使用的各种各样的OS。App Store以及GooglePlay、搜索结果、主页等。 


5个重要的要素


  接下来让我们看下在APP icon设计中一些案例,APP icon设计中‘5个重要的要素’以及这5个要素可以进行哪些部分的改善。这些案例中大部分都是我个人组建的一些案例,但是这并不是表示我设计的icon是最好的,只是我更加了解在制作这些icon的过程中思考了些什么,自己作品自己当然是最了解的。在说明各个要素的时候,请自己思考自己喜欢的icon形式。然后各个要素在主页中的icon形成的一些关系。让我们开始吧。


1 、可以缩放



  APP的icon在进行大小的变化时,为了保持主旨的明了,需要进行多方面的分析。


  APP的iocn最重要的一个要素就是拉伸性。Icon在OS的平台中会在各种各样的地方进行显示,就算进行大小的变化也可以保持icon的认知性是非常重要的,App Store中,Retina屏幕上甚至在设定界面上也需要让用户一眼明了。


  在画布中混入太多要素的icon损失拉伸性的情况较多。


  因此,在考虑APP icon主题的阶段时,需否需要就算通过尺寸的变化也可以保持品质是一个非常值得思考的情况。 


  制作1,024*1,024px时需要注意,终端上有复数的情况下,一定要确认尺寸是否完好的显示设计。以简易作为思考,让用户聚焦在一个物品上,然后如果可以的话选择即使尺寸变化也不会让轮廓以及质感改变的独一无二的形状。


  无论什么背景都可以很好的映衬。


我所制作的拥有拉伸性的icon


2、容易被认知



  Icon太多复杂、太过简单的情况也时有发生,创作有趣的东西需要注意你设计的理念是否传到到了。


  APP的icon有与音乐相似的地方,在App store或者主页时,是否容易的与其他icon进行区别是设计好icon的一个无法或缺的要素。与音乐的歌词需要与听众产生共同感一样,icon的形状与颜色,主意也需要和用户产生共同感。也就是说,设计被留在脑海里,需要我们需要制作以功能面与感情面两边进行结合的icon。


  你所制作的icon需要和其他数千icon进行竞争,所有的icon都平等在1,024画布上为用户带来冲击,来提高与用户的认知性。


  可拓展性在认知度方面是一个非常重要的要素,是一个崭新的icon也非常重要。然后为了追求这两个要素的平衡性,首先需要多进行试做来了解错误,使用次数来完善。 


  这样可以逐渐认知到那些没有意思以及过度复杂的icon设计。Icon设计的主题快要出局的程度将不需要的部分进行排除,然后在确认是否可以正确的认识到。


  设计几个候补作品,然后将这些作品并排放在一起观看,来思考哪一个设计更加吸引眼球。


  通过分析自己喜欢的作品,为什么觉得他很好,使用的什么手法。


3、拥有一贯性


Icon与UI的一贯性可以提高icon的印象


  在设计icon时需要考虑icon与APP本身的一贯性。我所思考的良好icon设计是可以体现出‘这个APP是什么’。通过icon与APP本身相互扶持,可以更好的留在用户的印象里。


  通过在用户的脑海中统一APP的印象想必可以提高产品的满足度与活跃度,也可以让产品更有人气。


  总结来说,将APP基本的要素和功能、设计利用在icon设计上是一个非常重要的事。


  保持icon与APP一贯性的一个方法,将icon与UI的颜色进行配合,例如:UI所使用的颜色是绿色,那么制作绿色的icon可以强化一贯性。


  虽然不会适用于所有APP,为了强化APP与icon之间的关联,也可以将APP里的象征性物品放在icon上的方法。


  系列产品的APP中可以良好的贯彻一贯性。


4、独一无二


  AppStore的工作效率化分类中可以看到,在icon设计的过程中有多么的没有思考独自性。



  虽然这并不需要强调,但是icon后独一性自然是更好的。你所设计的icon通过用户的视线一直在进行竞争,在这时突出的设计可以成为有效的武器。


  独一无二在设计中也可以指眼花缭乱的侧面。因为独一无二的担保并不是你的技能以及品味,而是因为有相似的应用软件的设计而存在的竞争的存在。


  考虑其他的icon是怎么样设计的,然后考虑与他不同的方向性。因此需要长时间进行调查研究。


  在单色的背景上增加一个文字的设计需要劲量避免,尽可能使用多种颜色进行配置,这样来寻找崭新的隐喻。


  有一点容易忘记,颜色是一个表现APP主旨的有效手段。



  无论喜欢的设计是什么样的,通过追求独一性来诞生崭新的创想是一个非常好的练习。


ゲームアプリのアイコンデザインは多くの場合いろんなアイディアが用いられ、みんなが同じことがないのでインスピレーションを得るのにちょうどいいです


5、不通过语言说明


  这是一个让我觉得非常烦躁的 要素。在APP的icon中使用文字也不会有问题的案例非常的少。如果你必须使用一个抽象艺术工具的“文字”,那就可以说你没有最大限度地发挥插画所具有的力量。


  文字与插画是不同的表现插件,两方进行结合被称之为图形表现。但是这种图形表现在多数情况下会导致想要传达的东西变得难以理解。绝对存在单纯使用文字来进行可视化以外的手段。每次当我看到加入文字的icon时都会想,设计师应该有更加明确的传达意图的手段吧。


  在icon中加入APP名字是完全没有必要的,比起这个可以将时间分配在更加可行的绘图上。想必这里会出现:“Facebook的icon不就是使用”F”吗?”的声音。如果你所想要的一个文字就能和icon完美的吻合(包含独一性)时,这个文字将会使用作为文字的要素,而是自己成为了icon的要素。但是,这更多的只是意外。


  在icon的四角形中加入公司的logo、名字是没有意义的。有在这个四角中合身的团以及文字吗?如果没有的话这就是思考新东西的机会。请记住,icon和logo绝对不是同一个东西,不可以在同一个设计中使用。


制作自己的标志


  在App Store与Google Play中有很多名牌以及没有主张的icon设计案例。你所制作的icon是一个与用户产生关联时最强力的工具。他是在App Store中用户第一眼看到的东西,也是用户每次使用时所看到的东西,以及用户在思考APP时脑海中浮现的东西。Icon的吻合度、魅力等内容如果没有进行足够的思考,会导致设计的资产没有发挥到应有的作用。Icon不是通过单纯的想象制作的,而是APP制作过程中的一个工序。


  Icon的设计是简约还是复杂,有独创还是没有独创都没有关系,所有的icon设计师都通过配合一个特性,这是一个非常激烈的竞争,在限制的空间中争夺用户的实现,某种意义上也是一个挑战。答案一直都在同样的像素中。



点击一下
立即阅读近期热文


同系色・補色・无彩色配色方法

为东西赋予生命!拟人化设计中的要点

3D教程:从原画到3D 如何让亨利探长跃然纸上

......


添加小编微信,发送“美术可享双重福利

1.加入GAD游戏美术交流圈

获取行业干货资讯

观看大牛分享直播

2.直接领取20G独家美术资料库

内含

腾讯内部分享、学习教程

原画资料、笔刷

全套资料


↓长按添加小编GAD-芷文

 
Gad-腾讯游戏开发者平台 更多文章 【越策划】育碧骨灰级关卡策划师视频详解《看门狗2》关卡 【独游访】电竞俱乐部:在游戏里做出自己的俱乐部 砥兵砥伍再创佳绩 ——第二届腾讯GAD游戏创新大赛即将展开 砥兵砥伍再创佳绩 ——第二届腾讯GAD游戏创新大赛即将展开 腾讯云云端游戏开发认证课程:云时代游戏开发新机遇
猜您喜欢 性能测试应该怎么做? 实录|Rank:大前端的前进之路 这个时候,多和父母聊聊天 工作中哪些问题想清楚了反而更糟糕? 网站产品页设计中隐藏的心理学冷知识