BACK >
app应用icon设计吸引之图形
作者:吾诺瀚卓    浏览次数:107    日期:2017-11-10

应用图标的设计表现形式很多,本文总结了36种图表设计形式与你分享,希望能够对你有所启发。

当我们决定要去App Store、Google Play这样的应用市场下载某个App应用时,首先映入眼帘的便是Icon,即应用图标。

一个App应用图标设计的美感与吸引力,决定了用户对产品的第一印象。一个有吸引力的APP应用图标,可以让用户愿意去了解你,下载你的App。

通过分析大量的应用图标,结合自己的专业认知,总结了以下设计方法。

方法论描述仅代表个人认知经验,设计的方法有很多种,以下仅为抛砖迎玉,希望大家能找到适合自己的方法。

三. 图形

1. 几何图形设计

几何图形的运用设计给人简约、现代、个性、富有空间感等视觉感觉,从单个具象图形到复杂的空间感营造,几何图形的表现形式非常丰富。

不同的形状给人的情感表达不同,如三角形给人传达个性、稳定、现代、时尚等,添加圆角后又会更加亲民、可爱。我们可以结合产品特征,合理的选择适合的形状图形进行创意。

ICON设计

优点:构图简洁,设计形式丰富多样,不同的形状和细节处理可以营造不同的氛围。

过于简约的形状容易创意雷同,无法形成差异化,考验设计师的图形创意能力。

2. 抽象图形设计

通过提取品牌信息、产品服务、功能模块等关键词进行图形创意,形成的图形不属于生活中大家常见的基本图形,是对品牌进行高度提炼形成的抽象图形。通过暗喻的形式传达品牌文化和产品特点,品牌独特性较强。

ICON设计

优点:抽象图形品牌独特性较强,容易形成视觉差异化。

用户认知记忆成本较高,品牌推广难度较大。

3. 动物剪影设计

动物剪影通常是提取动物外部轮廓进行单色填充,可以提取动物整体形象或者局部特征部位作为设计元素。这类应用图标背景为单色或者渐变色,少量的会辅助一些图形作为背景元素,动物采用单色填充,以白色填充居多。

ICON设计

优点:单色填充的动物形象与背景对比强烈,整体视觉效果直观醒目、简洁大方。

常见的动物形象容易雷同,生僻的动物造型对用户的认知能力有一定的挑战。

4. 其它剪影设计

除了动物剪影以外,生活中可以作为剪影设计的元素很多。如食物、工具、生活用品、学习用品、娱乐道具等等。可以独立形成剪影图形,也可以根据产品特点进行创意加工,最终形成应用图标独有的造型图案。

ICON设计

5. 相同图形重复设计

将相同的图形进行有序的排列,排列形式有梯度渐变、等大均排、规律性重复、配色差异、大小错落等。这样的设计方式可以给单调的图形增加层次感和构图饱满,有一定梯度渐变和规律性重复的图形组合可以传递一定的韵律感和动感。

ICON设计

优点:给单调的图形增加层次感,也能增强整体的构图饱满度。

对于没有特征性的图形容易形成单调乏味。

6. 正负形设计

正负形的设计在logo图形设计中是比较常见的表现手法,运用在图标设计中,以正形为底突出负形特征,以负形表达产品属性。利用正负形进行设计,图形设计感较强,正形与负形可以更加充分的表达产品特征与服务。

ICON设计

优点:图形设计感较强,可以更加充分的表达出产品特征与服务。

对图形设计能力要求较强,正形与负形衔接必须顺畅,不然无法清晰的传达产品特征。

7. 线形设计

线性设计风格的图标给人简洁轻快的感觉,线性设计的方式分闭合式和开放式,可以是一条连续的线条或者几条线段组成。在有色背景上面线条通常反白处理,背景设计可以是单色、渐变色、其他辅助图形设计等。

ICON设计

优点:传递简洁轻快的产品属性,适合文艺、小清新、简约风格的应用。

仅用于表现简约的图形,对于造型复杂的图形将会影响识别度。

8. 白色渐变图形设计

白色渐变是利用白色渐变填充,不透明度100%到X%「X透明度在100%到0%之间」之间设置完成。白色渐变图形具有空间感、质感,视觉效果较好,被广泛运用在应用图标设计中。

ICON设计

优点:比单纯的剪影图形更具空间感和质感,传递更多的细节表现。

图形本身仅为白色填充,必须在深色背景才能清晰的呈现,不适合浅色背景。

9. 彩色渐变图形设计

彩色渐变是利用多种颜色进行渐变,比起白色渐变图形,彩色渐变图形的色彩表现更加丰富。多种颜色进行渐变衔接的时候要注意色相的对比,营造空间感。应用图标的背景需要和图形的色彩形成对比,最佳的背景为白色或者浅色。

ICON设计

优点:图形色彩表现更加丰富细腻,图标表现出更多的细节。

多种颜色的搭配色彩绚丽,色彩组合处理不当容易使图标整体过于花俏,很难形成独有的品牌色认知。

10. 动物形象设计

动物作为图标设计元素是比较常见的方式之一,动物给人的印象比较可爱,有助于加深用户对产品的印象。动物的表现形式有剪影、线性描边风格、面性风格等。

ICON设计

优点:动物形象给人可爱的印象,有助于加深用户对产品的印象。

常见的动物形象容易雷同,罕见的动物对用户的推广成本较高。

11. 动物局部设计

利用动物局部进行图形设计,可以让元素特征更加明显。比起展示整个动物形象,局部特征展示视觉表现力更强。

ICON设计

优点:图形特征元素更加明显,视觉表现力更强。

动物局部的选择需要拥有更加明显的特征,否则无法正确识别动物形象。

12. 人体局部设计

利用人体局部作为图形设计元素,比较常用的有眼睛、嘴巴、手掌、头部等。利用人体的元素进行设计,用户对图形的敏感度更强,易于传播和记忆。

ICON设计

优点:用户对于人体局部元素创意的图形敏感度高,容易形成记忆。

常用的局部特征容易雷同,必须从表现手法上面加以区分,挑战设计师的设计能力。

13. 卡通形象设计

卡通形象与动物形象容易混淆,因为很多卡通形象都是基于动物设计演变而来。这里单独提取出来是为了归类一些单纯以动物外形为设计元素的表现手法。卡通形象设计在应用图标的设计中是非常常见的,很容易对用户形成记忆。

ICON设计

优点:形象可爱、亲民,易于用户记忆与传播。

卡通形象的设计难度较大,对设计师的要求较高。

14. 卡通形象脸部设计

卡通形象脸部设计是通过只展示脸部信息来进行设计,以图标整体轮廓作为脸部外形,突出卡通形象的表情特征。

ICON设计

优点:卡通形象表情特征明显,视觉冲击力和图标的识别性较强。

表情特征处理要求较高,处理不到位容易使整个形象呆板无趣。

15. 拟人化图形设计

通过对接近圆形或者构图饱满的图形添加眼睛等元素,可以使整个图形拟人化。给原本冰冷的图形赋予其生命,拥有一定的情感表达,让产品更加亲民,更容易被用户所接受和记忆。

ICON设计

优点:使图形更加情感化,更容易打动用户,拉进与用户的距离。

对图形本身的造型要求极高,并非通用于大部分图形。

16. 从功能服务提炼图形

为了更加清晰的传递产品的某项功能与服务,根据产品的功能服务提取元素进行图形设计也是比较常用的表现手法,如计算器、日历、导航等直接提取相关联的图形元素进行设计,一目了然的传递出产品信息。也可以从产品服务内容入手进行提炼,如教育类产品,提取学士帽为元素进行设计。

ICON设计

优点:能够清晰直接的传递产品信息,减少用户的认知成本。

相同功能的产品之间无法形成差异化,如日历,很难让用户对某个品牌推出的日历产生记忆。

17. 拟物图标设计

随着扁平风格的盛行,拟物图标的表现手法出现在少数产品和游戏类的产品中,如锤子推出的系列应用,依然保留着这样的风格。在超质感拟物风格和抽象的扁平风格之间进行取舍,便出现了微质感的设计表现形式,也得到很多设计师的青睐。

ICON设计

优点:光影与质感的处理使得图标设计展现出更多的细节,还原真实场景。

对很多刚入行的设计师来说设计成本较大,在如今快节奏的生活中使得整个产品不够轻快。

总结

应用图标的设计表现形式很多,以上总结仅为个人所见部分,希望大家能发现更多的表现手法并加以总结归纳。设计的方法与技巧需要不断的总结与分享,才能发现不足与进步的方向,希望能与同样热爱设计的朋友一起进步,做出美感与可用性兼备的ICON设计作品。