UI设计中图标设计的应用

龚晓敏

【摘 要】图标设计在UI中要展现其良好的视觉美感和人性化的用户体验。本文主要通过对UI图标设计的表现形式类别，图标设计的规范要求，图标的图形视觉形式，图标的色彩要素四个方面来论述UI图标设计的应用。

【关键词】UI设计 ;图标设计;应用

中图分类号：J524 文献标志码：A              文章编号：1007-0125（2019）34-0134-01

图标设计在UI 界面设计中要具备个性化、独特化。在 UI 图标设计中最直接的作用就是便于用户识别和记忆。图标设计中需要考虑的有元素，有图标的形状、大小、色彩、表现形式等。在 UI 设计中，图标设计往往不是单独在界面中呈现，而是多个图标并列存在，一般以同色系、同轮廓、同表现形式等形成系列风格。出色的图标设计既可以全面地体现软件的功能，也能保证与界面整体的和谐性，图标设计中美观性与功能性是同等重要的，只有这样的设计才是符合市场标准以及用户需要的。

一、图标的表现形式类别

近年来图标设计风格的主要有拟物化风格、线性风格、文字风格、扁平化风格等。现在APP的图标设计流行的是以拟物化风格和扁平化风格为主，无论是针对哪种风格的图标设计，都需要根据UI设计的设计原则、配色原则，加以恰当运用才可以切合如今对UI界面的需要。

本文主要以分析拟物化风格和扁平化风格为例。拟物化追求的是与物品本身的相似度，让人通过造型、质感、阴影等效果的运用一眼认出是什么事物，有的可以体现得很完美，有的会给人感觉过于细节化，以及装饰感太强。拟物化的设计也会有过分注重形式和缺乏功能性展现的缺点。

扁平化设计是指通过抽象、简化、符号化的设计元素舍弃高光、阴影和透视感的效果。整体界面给人感受是极简的。交互的核心就是对功能本身的使用，所以省去了繁杂的界面设计。扁平化的视觉语言是偏向于整体造型的形式美感，图标主要以简洁的线条、形状、渐变配色和适当的元素来展现。如图所示

二、图标设计的规范要求

图标设计原则要符合设计规范，必须要考虑到不同系统的界面要求也不同，例如手机屏幕的尺寸和分辨率都有所区别。市场上所常见的图标通常是以圆形或者方形为主，这样的形状能够很好地与界面相融合，也能保证排列时图标显得很规整。图标设计中也会存在某些特异的图形，比如拟物化的轮廓形。

在图标的界面布局设计过程时，需要把控界面里图标的平衡，视觉清晰度和图标的标准效果。界面里图标的平衡就是指图标围绕界面四周的平衡关系，如视觉元素的分布是否合理，图标在界面中是否太分散。图标在界面中所占的比例是有限的，所以设计师要充分考虑图标的尺寸，過小的图标会导致用户容易识别错误信息以及引起视觉疲劳，而过大的图标不美观，显得画面感太过饱和。

三、图标的图形视觉形式

图标的设计要符合界面的整体视觉效果。设计师通常运用简化图标设计，让图标在不破坏整体界面环境的情况下，显得简单又引人注目。但是简洁图标设计的表现力会有所缺失，也会影响到用户的记忆，就如同扁平化风格的图标设计将图标做得更简洁化，所以图标的语言性也表现得更为明显，这也使图标的功能性有了一定的提高。扁平化风格设计主要表达突出主题的内涵，将具体的事物进行抽象化的设计处理，并通过简单的图形、色块与线条来完成。抽象的图形设计在造型上没有具象图形设计的难度高，可以通过夸张等方式来展现画面效果，这既可以节约设计师的时间，又同时能呈现优良的视觉效果，所以扁平化的设计风格如今在市场上很流行。

图标设计在界面呈现时的基本要求是必须能够保证在画面当中的清晰度，设计师在进行设计的时候，图标是可以放大来展现的，但在手机界面中进行查看的时候，图标的大小是一个固定的状态，并不能任意地进行调整，而且图标在放入界面应用之前，会对其进行像素的适当调整，将界面中所运用元素的像素调小，是为了减轻APP的运行负荷，提升软件的运行速度。因此对于图标设计师，要保证既直观又明确地呈现图标的功能。

四、图标的色彩要素

色彩在UI图标设计时需要引人注目，色彩的选择要与设计的主题相适应，同时还要与用户的需求相符，不能用色彩心理的潜在因素去影响用户的使用选择，要避免使用视觉冲击力较大的颜色。例如黑色太过暗淡深沉，而红色会容易导致用户心理紧张，这类颜色尽量不要大面积地在图标设计中运用。

设计师要依照色彩心理的原理，在设计时既要符合功能性，也要满足用户需要。图标设计的色彩选择上要注意整体界面的和谐搭配，要保持统一性，对于不同的类型产品和使用人群的色彩搭配上也是不同的。使用者以年轻人居多的界面设计，在色彩的选择上可以更加缤纷亮眼，而对于中老年人应用的APP界面色彩搭配时要沉稳，可以以同色性的颜色为主。

综上所述，本文主要从图标设计的表现形式类别，图标设计的规范要求，图标的图形视觉形式，图标的色彩要素四个方面来分析论述UI设计中的图标设计。

参考文献：

[1] 张媛 .UI 设计中的视觉表现 [J]. 大众文艺 ，2014.

[2]李倩.基于用户体验的 UI 界面中图标设计研究 [D]. 沈阳师范大学 ，2018.