应用图标的重要作用


应用图标是运用在智能移动设备上的图标也可以称为logo,应用图标在移动智能设备主要承载以下几个使命。首先它是应用功能的高度概括,承载着传播产品视觉形象的重要使命。自然一个应用图标是否能够被用户记住成为衡量一个应用图标是否成功的关键指标。其次是为了帮助用户在手机上迅速理解并找到需要的应用,提升用户在使用过程中的效率。因此应用图标是否具有辨识度,是否能够吸引用户点击并查看内容是另一个重要使命。所以衡量一个应用图标好不好的标准就是是否能够吸引用户的关注并且快速传达应用含义。



IOS应用图标栅格系统


为了帮助设计师能够更好的设计出足够靓丽和统一的应用图标,ios系统专门制定了一套应用图标栅格系统给设计师使用。这套应用栅格系统是并非是随意定制的而是经过非常精确的比例关系推敲而确定的,在这套栅格系统中完美的运用了黄金分割,√2和三分法的比例关系。那么这套栅格系统到底是如何构成的呢,下边就来解开这套栅格系统的神秘面纱。


桌面图标栅格比例分析


《秩序之美》中的黄金分割,√2和三分法。iOS7的图标栅格是对这个三个比例的完美运用。
以64px为一个单位,即a=64px。那么大正方形的边长的一半=8a,大圆半径=7a,中圆半径=4.25a,小圆半径=3a
8a/(8a-3a)=1.6 小圆与大正方形接近黄金比
7a/4.25a≈1.647 中圆与大圆接近黄金比
4.25a/3a≈1.417 中圆与小圆比例接近√2
整个栅格系统中的尺寸都是通过比例互相联系的。


ios栅格系统分析

企鹅FM图标栅格

 

微信图标栅格




应用图标的设计类型


现在应用市场上的应用图标多种多样,丰富多彩的设计样式让人眼花缭乱。那么在这些纷繁复杂的应用图标设计样式背后有哪些共性的规律,下面我们来分析下先在几个主流的应用图标设计类型。


1.中文字图标


文字图标是最直截了当的应用图标设计手法,一般是以产品的名称首字或核心字眼作为主元素进行设计。这种图标的辨识度非常高传达信息非常直接明确是最容易被大家所记忆的图标类型。这种图标类型的代表产品也很多,例如: 知乎 支付宝 唱吧等。

 


2.卡通形象图标


卡通形象给人的感觉是活泼开朗,运用在应用图标上也是给人非常亲切活泼的感觉,更容易激起用户点击查看的兴趣。同时可爱的卡通形象也更容易让人们快速记忆和识别。例如最被大家所熟知的QQ企鹅的形象。


3.半透明叠加图标


半透明叠加的图标设计手法,是现在比较流行的应用图标设计方式。通过图形的半透明叠加很容易营造出图标的层次感和时尚感。一般情况下会以色彩比较艳丽的色彩作为背景,加上白色半透明图形叠加的效果。


4.线性图标


线性图标设计会传递给人轻快简洁的视觉印象,通常采用比较纤细的线条作为主要元素,搭配色彩比较艳丽的背景色。从而构造出清新简洁的设计风格。这种图标比较适用于突出小清新气质的产品图标。

5.色彩渐变图标
艳丽的色彩渐变营造出超强的视觉冲击力,能够在第一时间抓住用户的眼球。色彩渐变可以是背景色的渐变也可以是图标的色彩渐变,在用色的时候色彩的对比要经过精心选择已达到最好的色彩对比效果。

6.几何图形图标


通过图形的组合裁剪等手法创造出具有独特美感的图形来作为应用图标。通常这种图标设计感很强会传达给人简约现代的视觉感受。图形的组合方式多种多样给设计师提供了很大的设计想象空间。

7.功能专递图标


以表达应用功能为切入点的图标设计称之为功能类图标,功能类图标通常采用轻拟物的设计元素图形表达应用含义,比如拍照应用采用相机图形作为app图标。这样的图标能够跟生活的物品产生联系能够快速直接准确的表达应用功能。例如:美图秀秀  摩拜单车等 

8.英文字母组合图标


英文字母图标设计类型是现在最为常见的图标设计方式,通常以产品的名称的首字母或者英文简称作为图标设计主要元素。这种图标设计手法简洁明了很容易被用户记忆和识别。另外由于英文字母天然的美感很容易营造出国际化的视觉印象。

以上是我们分析的八种主流的应用图标设计方式,这些设计手法都有自己的优势和劣势。分享是一种美德也是一种快乐,希望这些应用图标设计分析对大家有所帮助。


 

亲!小编正在上传资源中,请稍等。

文章来源:UI酷设计

关注UI酷设计公众号

领取100+交互体验pdf电子书