认识达内从这里开始

图标设计是许多ui设计师需要熟练掌握并应用的一种设计方法，而本文我们就简单来了解一下，图标设计常见图标类型都有哪些。

1、应用场景分类下的图标

应用场景分类下的图标我们主要先来说一说应用图标(AppIcon)。

因为应用图标和我们在App界面内自定义的图标不同，App内的图标我们可以根据产品的视觉风格随意创造规范，但应用图标需要符合平台的上架规定，我们必须要遵守平台规范。

实际上iOS和MD规范中的应用图标视觉规范其实还是有所差异的，但因为在国内很少有项目会独立设计双平台应用，所以大多数时候我们还是会一图适用双平台。

所以在设计应用图标时，不用过分拘泥于某一方平台规范，只需要注意简单借助辅助网格。重要的还是不同终端要求的不同输出尺寸。

应用图标不仅仅出现在桌面上，iOS还会在通知栏、Spotlight、设置等地方;安卓也会在状态栏、消息push中出现。这些场景下的应用图标尺寸根据设备的不同，显示的尺寸也是不同的。为了保证应用图标的显示效果，需要单独对每个尺寸进行调整，尽可能避免出现半个像素等情况，以保证边缘显示的锐利。而单纯的缩放并不能解决这些问题。

2、视觉效果分类下的图标

在日常进行产品UI设计时，我们更多会涉及到设计各式各样自定义视觉风格的图标。许多小伙伴认为图标类别太多，难以具象地描述它们。实际上目前常见的图标类别大致可分为8种：

线型图标：通过线条勾勒出来的图标。

在越来越以“LessisMore”为审美的时代，线性图标已经普及到了许多的应用程序中。一般通过描边粗细、图标细节来打造产品图标的区别。

面型图标：采用填充和负空间结构的图标。

面型相对于线型来说更加具有视觉重量，更容易吸引用户的关注，识别度也更强。所以面型图标经常被设计师用于区分线型图标的选中状态。

渐变图标：采用渐变色填充的图标。

渐变图标算是面型图标的一个分支，但因为细节丰富，弥散阴影的运用更偏向于年轻化，和传统的面型图标还是有所区别，所以常被单独作为一种分类定义。

线面混合图标：线型与面型的结合。

线面混合图标因为视觉层级更加丰富，所以显得更加活泼。通常用于打造视觉调性。

扁平图标：采用扁平插画形式的图标。

扁平图标对于普通的面型图标，更加注重细节表现，视觉层级丰富，所以常用于营造产品氛围和视觉调性。

拟物风格图标：通过光影模拟真实物体质感的图标。

拟物风格图标一般都会在节日活动或游戏中更为常见，更加有气氛烘托。并且更贴近现实物体的真实只敢，所以可以降低用户的人之成本。

实物贴图图标：采用真实摄影物体的图标。

和拟物风格相似，但实物贴图图标更加直接地采用真实的摄影作品。一般常用于电商和超市、生鲜类产品。

2.5D图标：2.5D立体图标。

2.5D图标曾在UI界刮起一阵风，所以有不少设计师认为这将成为未来图标的一个趋势，但是这阵风好像很快又刮停了…可能是因为设计成本过高，且风格过于鲜明，难以被许多产品驾驭。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。