浅谈UI设计中的图标设计技巧与运用

李真?张春涛

摘 要：现代信息技术的快速发展，促使UI设计成为了一个十分热门的行业。对于UI设计来说，图标是重要的组成部分，在UI设计工作中是不可或缺的，同时由于图标设计的特殊性，往往图标会在桌面上排列并存，通过相同色系或者轮廓的方式形成系列的图标风格。在用户的应用过程中，图标是与用户产生最直接的交互关系的部分，因此图标的视觉表现就十分重要，这就需要图标的设计定位、思路以及技巧等十分明确，对于设计师提出了较高的要求。本文针对UI设计工作过程中的图标设计技巧以及运用进行深入探讨。

关键词：UI设计;图标设计;用户;技巧

现代化信息技术的产生于发展推动了现代化设计领域的转型发展，UI逐渐成为了重要的组成部分。随着智能化电子设备的推广与普及，UI设计更加受到企业与市场的重视。就当下UI设计的流行趋势来看，审美需求逐渐成为了设计市场的重要驱动力，因此设计师在设计过程中比较注重突出个人的喜好和艺术表现形式，但是用户的体验感逐渐被忽视，特别是在很多UI的设计情况会让用户产生千篇一律、使用不简便等感觉。因此在当前UI设计的过程中，如何在突出个人风格的基础上提高用户的体验感是当前设计师需要思考的问题，这也是设计师的使命和责任。

对于一款APP来说，除了利用本身的功能性独特来占据市场以外，还需要具有良好的UI设计，只有用户满意度高的UI设计，才是对于UI设计师的肯定，这也是一款APP流行的最基本的条件。用户体验是UI设计优劣的重要评判标准。任何不被用户所接受的UI设计都是失败的。随着智能手机的普及，手机已经成为了人们生活中的重要组成部分，很多人随时需要应用手机，因此在这样长期的接触之下，一旦设计出现了任何小的疏漏，都会被无限放大，因此手机类的产品必须要做到尽善尽美。在UI图标的设计领域，优秀的图标必须要在完美展现软件功能的基础上，能够与用户的手机界面完美融合，这就对设计师的设计功底以及审美提出了较高的要求，图标要做到美观与功能性并重，这样才能够做到符合市场与用户的需求，提高APP的质量。

一、图标的分类

（一）按照属性划分

按照属性，可以将图标划分为启动图标和工具栏图标。启动图标是用户接触时间最长的图标类型之一，可以说，启动图标就是产品的符号象征，用户通过点击启动图标达到运行与打开相关产品的目的，启动图标的设计要点与标志相类似，是产品与企业的形象象征。但是启动图标杜宇可读性的要求更高，而标志则更注重抽象和企业形象的象征性，主要突出深度。启动图标的平台相对单一，电子屏幕是主要的出现场所，而标志的场所则会更加广泛，任何平台都可以。

工具栏图标是出现于软件与产品内部的图标类型，主要起到解说和装饰的功能，是对工具栏文字的图标化设计，主要是为了突出界面的设计感，增加用户在使用过程中的体验感和趣味性。在工具栏图标的设计过程中，简约、概括性和传达性是主要的设计要求，同时工具栏的设计还具有系列化设计的特征。

（二）按照表现手法划分

根据表现手法的不同，图标的设计可以分为拟物化设计和扁平化设计。拟物化设计主要是需要与实物在最直观的印象上尽量相像，并且通过质感、纹理、阴影等效果来对实物进行展现，让观众能够在第一时间了解到图标的具体内容和事物种类，但是在这类图标的设计过程中，很容易出现设计过于繁琐的问题，让人感觉过于追求细节，甚至是装饰过剩。拟物化设计还具有一个比较突出的缺陷，就是形式化过于严重的问题，这会导致功能性不能够被完美展示出来，将大量时间应用于效果呈现上，会导致形式美被忽视。在UI图标的设计过程中，拟物化的设计确实曾经引领过一段时间的风潮，在当下阶段，拟物化设计已经不能够很好适应当前的用户需求。但是不可否认，拟物化设计给设计师们更多的经验，也锻炼了很多设计师的技能，是设计师在进行UI设计工作的过程中必须经历的阶段。

与拟物化设计相对的就是扁平化设计，这类设计摒弃了高光、阴影、透视等效果对于图标的作用，将图标内容通过抽象和简化的形式展现出来，将图标界面变得更加抽象和简洁，通过矩形的色块、大号的字体，使得图标变得更加光滑、更具现代感，让用户去体会图标所表现的元素。而扁平化的设计将交互功能归纳到了使用功能上，去掉了更多冗杂的设计。在扁平化的设计过程中，主要是将图标的语言表现变得更加符号化或者简约化，更加注重造型的形式美，摒弃了过多突出细节的设计。简单来说，扁平化设计就是通过简约的线条、形状以及渐变形式的配色等来突出主要元素，更加夺人眼球，提高用户的关注度。

二、图标设计的技巧与运用

（一）规范化

对于图标的设计来说，了解设计规范是最为重要的原则。由于不同的系统具有不同的规范，比如智能手机应用最为广泛的两种系统类型，Android和macOS，两者在屏幕大小、分辨率等方面均有不同，因此需要采取不同的设计方法。对于UI设计的初学者来说，掌握设计规范是首先要学习的内容，并必须要在第一时间掌握相关规范，只有这样，才能够进行更加规范、更加优质的设计。此外，图标的图形设计定位也是十分重要的，通常来说，UI设计当中的图标都会采用圆形或者方形图标，但是不可否认异形图标的存在，通过相同属性的图标，能够让界面变得更加规整，比如拟物化设计过程中的剪影、轮廓等。就大部分用户的视觉体验来看，采用相对规整的图标往往会更受用户的欢迎，这不仅会让图标变得更加清晰，而且还更加符合用户的习惯，因此在UI图标的设计过程中，圆形和方形成为了图标设计的主要形式。

（二）个性化

对于UI图标的设计来说，个性化也是图标设计的重要因素。从当前应用众多APP的图标当中可以发现，当前大部分APP的图标设计都存在大同小异的问题，最突出的特点就是拟物化的问题，直接将所表现的内容通过拟物化的方式呈現出来，这些设计普遍都具有缺乏个性化的问题，这一点在苹果手机的图标设计当中更为明显。只有能够在准确表达功能的基础上，与界面完美融合的图标才是真正受市场欢迎、能够吸引受众关注的好图标。

（三）视觉形式

视觉形式是除了上述两个要素之外在UI图标设计过程中还需要注意的一个问题。良好的视觉效果是优秀图标必须要具备的要素，既能够在界面中醒目，同时又不会破坏界面整体的质感，这对于UI图标设计来说是十分重要的，这也就对图标设计时的表现张力提出了很高的要求。通常来说，大部分设计师会选择简洁化的设计方式来突出图标，但是过于追求简洁化的表现形式会导致图标的表现张力受到影响，图标过于简洁还会导致用户的印象降低。因此这类问题通常可以用扁平化的设计方式来解决，扁平化设计方式是将传统设计风格进行改良，对于图标装饰的元素、花纹以及复杂的渐变形式进行改善，使图标更加简洁，但是同时又会更加突出图标语言，提高图标的功能性。扁平化设计风格强调主题含义，虽然严谨性上会比具象化的图标稍有欠缺，但是画面效果却可以采用更加夸张的方式，因而广泛应用。

三、结束语

整体来看，UI图标的设计需要设计师投入更多的精力，站在用户的视角上，采用多种方式去进行设计，提高图标的设计感和表现张力，更好的为用户使用。

参考文献：

[1]何冬.浅议UI设计中的图标设计技巧与运用[J].山东工业技术，2019（14）：231.

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

[3]梁亮.UI设计中图标设计探索[J].美与时代（上），2016（06）：76-77.

[4]张旸谷.浅谈图标设计在游戏UI中的魅力[D].福建师范大学，2015.

[5]张亚先.UI设计中图标设计的释义方式[J].机械设计，2013，30（06）：107-109.