<返回更多

APP启动图标设计方法

2020-08-21    
加入收藏

文/罗晓萌 启动图标一定要用强烈的视觉效果吸引眼球。启动图标的视觉效果是用户在看到App图标的第一印象,好的APP图标设计定是吸引人的眼球的,会让用户在第一眼看到它就有一种想体验的冲动。一般来说,强烈的视觉效果主要是通过元素的选择、造型与色彩搭配来实现。

APP启动图标设计方法

 


APP启动图标设计方法

 

①选择准确的元素。APP图标设计的元素,简单来说就是正确表达应用的元素,元素的选择应该是进行图标设计非常重要的一个步骤,因为它对整个应用起着表意性的作用,元素选择不准确,就会有歧义,也就不能正确的表达意思,就对整个图标的设计起阻碍作用。

APP启动图标设计方法

 

正确的选择元素对APP图标的识别具有重要的作用,这也是巩固识别性的第一步。例如:相机的图标设计,简约的相机剪影与镜头是非常不错的元素选择。

APP启动图标设计方法

 

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

APP启动图标设计方法

 

如果选择两种或两种以上的元素,切忌平均分配,而是要确定一个主元素,主元素要占据图标的中心醒目位置,而且这个主元素应该是突出设计主题,,与程序应用息息相关的附元素则属于陪衬角色。

APP启动图标设计方法

 

③选择符合多数人认知的元素。启动图标作为应用的第一印象,表意尤为重要,尤其是面对不同职业、不同思想、不同阅历的用户。所以元素的选择要符合大多数人的认知,要保证用户看到图标元素时,都能联想要所指应用,使用户在识别图标时不会产生歧义。例如:用户在看到加减乘除的符号图标时,都会不约而同的想到计算器,因为加减乘除这个符号元素的选择就非常符合大多数人的想象。

APP启动图标设计方法

 


APP启动图标设计方法

 

①确定主体图形。在启动图标的设计中,最简单也最有效的方法就是确定一个视觉主体,就像画一幅画需要有一个主体物一样,一般这个主体物是最引人注目的,而且在整图标中的面积也是最大的主体图形会有很多种,可以是圆形、三角形、正方形和不规则图形等等。

APP启动图标设计方法

 

②造型简约。将图形简约化是加速认知最直接的方法,可以对所选图形元素进行归纳。确定所选元素属于哪种形状后,就在轮廓内进行设计修饰,能恰当表达意思即可,切忌画蛇添足。

APP启动图标设计方法

 

③造型独特。独特也就是具有独树一帜的特色,对于APP图标来说,独特性是增强识别性的手段,只有和其他的图标设计有明显才会避免混淆,从而便于识别。

APP启动图标设计方法

 

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

APP启动图标设计方法

 

④细节精致。一个好的APP图标,一定是经得住细节推敲的。虽然说APP图标是一个要用整体的眼光来审视的,需要整体的视觉冲击力,但是毕竟手机是要用户拿在手上近距离观看的,所以图标的细节必须是精致的、美观的,每一个细节都是值得深入推敲的。

APP启动图标设计方法

 

不论是写实化风格,还是扁平化风格,都要将细节做到完美,要将每一处高光、渐变、阴影或者圆角的转折,都要进行精心的修饰。

APP启动图标设计方法

 

①营造统一的色调。虽然启动图标是有多种颜色组成,但仍然会有一个整体的色调,或偏蓝、或偏红、或冷、或暖。首先确定此启动图标是要进行冷色调设计还是暖色调设计,其次确定主元素的颜色,然后再从色相、明度、纯度三个方面来进行搭配。

APP启动图标设计方法

 

②运用强烈的色彩对比。在确定了统一的色调之后就要提高APP图标图形色彩的对比,强烈的色彩对比能够吸引用户的眼球,也具有一定的视觉冲击力。

APP启动图标设计方法

 

图标色彩的对比主要是指图标底色与图形颜色的对比和图形本身色彩的对比,这种对比可以是色彩的色相对比,比如互补色黄和紫;也可以是色彩的明暗与纯度对比,比如深蓝和浅蓝;但是这种对比不是机械的色彩对比。还要注意色彩之间的和谐。让图标在吸引人的同时又不失美观。

APP启动图标设计方法

 

③利用色彩感觉传达意义。了解色彩的属性对启动图标的设计也有很大的帮助,首先要考虑所要设计图标的APP应用是属于哪一类别的应用,以及此应用给设计师的颜色感觉是什么。

APP启动图标设计方法

 

因为色彩是有属性的,所以不同的色彩给人的感觉也是不同的,例如:提到大自然让我们很容易想到绿色;提到食欲很容易想到橙色;提到医院又很容易想到白色。所以,对色彩的属性有所了解是非常重要的。

APP启动图标设计方法

 


APP启动图标设计方法

 

① 官方头条号:设计智造 顶级创意设计师必备

② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>