APP 启动图标的设计方法有哪些?

  

  APP 启动图标的设计方法有哪些?启动图标作为应用的标签一定要用强烈的视觉效果吸引眼球,所谓视觉效果,是人们在看某一事物所产生的视觉感受。启动图标的视觉效果也就是用户在应用商店里看到 APP 图标的第一印象,好的 APP 图标设计一定是吸引人的眼球的,会让用户在第一眼看到它就有一种想下载体验的冲动,就像一个外表好看的女士足够吸引人一样。如果 APP 图标的视觉效果不够强烈,就很难让用户注意到它,更没有办法给用户留下完美的第一印象。一般来说,强烈的视觉效果主要是通过元素的选择、造型与色彩搭配几个途径来实现。

  (1)元素选择

  A、 选择准确的元素APP 图标设计的元素,简单来说就是正确表达应用的元素,元素的选择应该是进行图标设计非常重要的一个步骤。因为它对整个应用起着表意性的作用,元素选择不准确,就Twitter启动画面与ZAKER引导帮助图标会有歧义,也就不能正确的表达意思,就对整个图标的设计起阻碍作用。正确的选择元素对 APP 图标的识别具有重要的作用,这也是巩固识别性的第一步。例如相机的图标设计,简约的相机剪影与镜头是非常不错的元素选择。
 


 

  B、 选择尽可能少的元素启动图标的设计除了要选择准确的元素,还要选择尽可能少的元素,元素的选择最多不能超过三个。元素选择过多会让图标显得杂乱,没有主次,这样用户一眼望去,要识记的元素太多,就会增加用户的识记负担。

  如果选择两种或两种以上的元素,切忌平均分配,而是要确定一个主元素,主元素要占据图标的中心醒目位置,而且这个主元素应该是突出设计主题,与程序应用息息相关的,附元素则属于陪衬角色。这样用户在第一眼看过去时会被图标的主元素也就是视觉主体所吸引,从而才有机会认真欣赏图标的其它元素。

  C、 选择符合多数人认知的元素

  启动图标作为应用的第一印象,表意尤为重要,尤其是面对不同职业、不同思想、不同阅历的用户。所以元素的选择要符合大多数人的认知,要保证用户看到图标元素时,都能联想要所指应用,使用户在识别图标时不会产生歧义,比如用户在看到加减乘除的符号图标时,都会不约而同的想到计算器。因为加减乘除这个符号元素的选择就非常符合大多数人的想象,当然,能正确的选择符合大多数人想象的元素,这就要求设计师在最初的用户调查阶段做充分准备,而不能只凭自己的概念模型代表用户的心理。

  D 、尽量避免文字元素

  这里所说的尽量不使用文字不仅是图标的设计尽量不使用文字,因为文字本身具有局限性,但是可以使用英文的首字母,这也成了图标设计经常采用的一个定律;其次就是图标里不要出现应用的全称,而是只有图形或者首字母,试想一下 Vine 和 path,如果将 logo加入图标,既有设计图形,又有 logo 字母,会让图标变得杂乱且繁琐。

  (2)造型设计

  A、 确定主体

  图形在启动图标的设计中,最简单也最有效的方法就是确定一个视觉主体,就像画一幅画需要有一个主体物一样,一般这个主体物是最引人注目的,而且在整个图标中的面积也是最大的。

  主体图形会有很多种,可以是圆形,三角形,正方形和不规则图形等等。一般情况下,要把它放到图标的中心位置,这样会更容易确定视觉中心。“比如圆形,放在图标的中心就会使整个视觉中心放在圆形上,而且更具向心力与凝聚力,非常吸引眼球,但是如果把圆形放在偏左、偏右,或者偏下、偏上的位置都会让人有一种偏斜、松散的视觉印象。”

  B 、造型简约

  将图形简约化是加速认知最直接的方法,设计者可以对所选图形元素进行归纳。确定所选元素属于哪种形状后,就在轮廓内进行设计修饰,能恰当表达意思即可,切忌画蛇添足。一般的智能手机尺寸不过巴掌大小,APP 图标在屏幕上的显示也只有指甲大小,所以图形的设计一定要简约,简约的图形才能让用户迅速固定视觉印象,从而产生记忆,而复杂的图形识别就有一定的难度,所以也是不容易产生记忆的,不能给人留下深刻的视觉印象。

  C 、造型独特

  独特,也就是具有独树一帜的特色,对于 APP 图标来说,独特性是增强识别性的手段,只有和其他的图标设计有明显的不同,才会避免混淆,从而便于识别。这一点就像是人的五官特征,虽然有都有人类的共性,但是每个人的特征是不一样的,所以能轻松的识别,但是如果所有的 APP 图标都设计的平平淡淡,那就相当于所有人都长成一个模板一样,不仅不能记忆,识别也是一个难题。Hootsuite 的启动图标就用了一个黑白猫头鹰的形象设计,整个图标设计非常独特,让人看后有较深的印象。

  抽象的 APP 应用图标比较适合图形独特化,因为仅仅通过一个简单的图形已经不能诠释应用,所以这里的图形独特化可以理解为根据应用特点或概念为其设计一个有代表性的图形形象,也可以称为吉祥物。

  D、 细节精致

  一个好的 APP 图标,一定是经得住细节推敲的。虽然说 APP 图标是一个要用整体的眼光来审视的,需要整体的视觉冲击力,但是毕竟手机是要用户拿在手上近距离观看的,所以图标的细节必须是精致的、美观的,每一个细节都是值得深入推敲的。不论是写实化风格,还是扁平化风格,都要将细节做到完美,要将每一处高光、渐变、阴影或者圆角的转折,都要进行精心的修饰。如果一个图标的细节是粗糙的,它肯定会拉低用户对这个应用的满意度。

  不论前期元素选择有多么准确,创意有多么完美,即使用强烈的视觉效果吸引了用户,细节平庸也会将前面的工作全体淹没。安卓平台的“Find My Headset”的启动图标的细节设计就非常精细。

  但是精致的细节确实很难做到,它需要掌握熟练的软件技术,在实践中不断积累经验。解决这一点最有用的方法就是临摹优秀的 APP 图标,因为优秀的图标不管是整体的视觉冲击力与微小的细节的设计都是非常完美的。它必然不是细节平庸、制作简易的,所以临摹优秀图标可以提高制作水平,临摹优秀的图标多了,就会自然而然的知道一些效果的制作方法。

  (3)色彩设计

  A 、营造统一的色调

  色调运用在画作中就是观者感受到的总体的颜色效果。启动图标的设计也是如此,营造统一的色调是是图标配色的第一步。虽然启动图标是有多种颜色组成,但仍然会有一个整体的色调,或偏蓝、或偏红、或冷、或暖。首先确定此启动图标是要进行冷色调设计还是暖色调设计,其次确定主元素的颜色,然后再从色相、明度、纯度三个方面来进行搭配。

  如果是单色调就从纯度和明度上进行调整,比如深蓝和浅蓝;如果是需要运用不同色相的颜色可以选择用邻近色进行搭配,其中局部细节可以选择色彩对比以达到最后的协调效果。

  B 、运用强烈的色彩对比

  在确定了统一的色调之后就要提高 APP 图标图形色彩的对比,强烈的色彩对比能够吸引用户的眼球,也具有一定的视觉冲击力。图标色彩的对比主要是指图标底色与图形颜色的对比和图形本身色彩的对比。这种对比可以是色彩的色相对比,比如互补色黄和紫;也可以是色彩的明暗与纯度对比,比如深蓝和浅蓝;但是这种对比不是机械的色彩对比,还要注意色彩之间的和谐,让图标在吸引人的同时又不失美观。

  C 、利用色彩感觉传达意义

  了解色彩的属性对启动图标的设计也有很大的帮助,首先要考虑所要设计图标的 APP应用是属于哪一类别的应用,以及此应用给设计师的颜色感觉是什么。因为色彩是有属性的,所以不同的色彩给人的感觉也是不同的,比如提到大自然让我们很容易想到绿色,提到食欲很容易想到橙色,提到医院又很容易想到白色。所以,对色彩的属性有所了解是非常重要的。