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

何冬

摘 要：在UI设计中，图标设计是其重要的构成元素，也是不可或缺的重要元素，并且其图标设计往往不是单独在界面中呈现，而是多个图标并列存在，一般以同色系、同轮廓、同表现形式等形成系列风格。因为图标在界面中同用户产生直接的交互关系，也是最直接的视觉表现，所以其设计定位、设计思路、设计技巧等一定在设计之初就明确，然后通过草图、讨论、修改、电脑制图等设计过程完美的将图标呈现，再根据界面的整体效果进行图标运用，这样才能做出优秀的图标设计。

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

DOI：10.16640/j.cnki.37-1222/t.2019.14.213

UI设计已是现代设计领域的重要组成部分，因为手智能手机用户的数量不断突破新高，UI设计的重要性更加受到企业、市场、设计师的重视。当下较为流行的UI设计基本是以审美需求占据主要设计市场，所以很多设计师会将个人的喜好和艺术表现方式运用在图标设计上，往往会忽略用户的体验感，特别是在诸多UI设计中，会让用户产生千篇一律、使用麻烦、识别错误等情况。那么如何在图标设计中既能具备设计师的设计风格，又能保证UI界面的整体视觉，还能让用户产生良好的体验感，以此提升软件的活性和生命力，这是设计师的使命和责任。

当一款APP产品出现在用户手中后，除了其功能的独特性来作为占据市场的因素外，其UI设计能被受众所接受和认可，才是对设计师能力进行确认的标准，也是一款产品在市面上流行的根本。任何脱离受众的设计都是失败的设计，手机APP亦然如此，甚至更为强烈，手机作为当下受众随身放置的产品，受众随时随地都能进行使用，经过长期的接触，其错误设计更是会被发现并且缺点被无限放大，所以和手机相关的产品必须尽善尽美。优秀的图标设计不仅能完美的展现软件功能，还能和界面整体完美的融合，这就需要设计师较为深厚的设计功底和审美艺术，图标的美观性和功能性并重，才能符合市场的需求、用户的需求、企业的需求。

1 图标的表现形式类别

图标设计风格进过近几年的发展主要分为拟物风格、扁平化风格、线性风格、文字风格等，最被市场认可APP其图标以拟物风格和扁平化风格为主，在特定情况下才会出现文字风格，就像在含义复杂的情况下，用图形不能完整且准确的进行表述时，就会直接使用文字来表达。但不管何种设计风格，都必须遵循UI设计的设计原则、色彩搭配原则，然后再进行合理的运用才能符合当下UI界面的需求。

2 图标的规范要求

图标的设计原则首要的就是要了解设计规范，因为不同的系统都有其不同的规范，如苹果和安卓，如手机屏幕的大小、分辨率等，都不尽相同，所以特别是作为UI设计的初学者，首要的任务就是学习并掌握其规范，才能进行更好更迅速的设计。其次是会图标的图形设计定位，一般而言常用的图标图形是圆形或者方形，这两种图形能和界面的融合更加融洽，多个图标排列时也更加规整，当然也有特异图形存在，例如使用拟物化的剪影，拟物化的轮廓图形等，但是从视觉习惯而言，受众还是喜欢规整一点的图形，这也能让图标更加的清晰，也更加符合受众的习惯，因此圆形和方形成為了图标图形的主流设计方式。

3 图标的个性化要求

要想让图标成为一个优秀的设计，还需要注意图标的个性化体现，我们再诸多APP中可以看到很多图标的设计大同小异，例如购物就是呈现一个拟物化的一个购物车、付款就是一个拟物化的钱包，这些设计都欠缺了个性化元素，特别是苹果手机中的图标设计更为明显。一款能准确的表述其功能含义，能完美的和界面融合，能和市面上的同类图标变现出差异性的图标设计才更能抓住受众的心，才能吸引受众的关注。

4 图标的图形视觉形式

除此之外，图标设计还必须符合界面的整体视觉效果，既能做到在界面中醒目，又能不破坏界面的整体设计是非常困难的，一般设计师会使用简化图标设计，用简洁来夺目，并不破坏其整体性，但是这样的图标设计表现张力就会有所不足，用户的记忆也会因为其简洁性而受到影响，就如扁平化风格的图标设计，扁平化风格设计摒弃了传统的设计风格，图标装饰元素、花纹、肌理、复杂的渐变、图形的多样性处理等艺术表现形式都被弃用，让图标更为简洁、图标语言更加明显，图标的功能性得到加强。扁平化风格设计更多的是强调主题含义的表达，用较为简单的图形、线条、色块来完成，并将具象的事物进行抽象化的处理，抽象的符合其严谨性没有具象图形高，呈现的画面效果可以进行夸张等手法，这样就减轻了设计师的造型难度，既能节约时间成本，又能达到很好的视觉效果，因此才会在现在被设计师广泛运用。

5 图标的色彩要素

为了使界面整体视觉效果优秀，图标设计醒目，就必须要做到图标设计的创新，这就要求图标的图形设计、图案设计、色彩运用等都要符合界面内容，还要准确的表述功能内容，以及符合大众审美、色彩诉求等要求，如果整个界面的图形较为自由活跃，图标图形的定位就要活跃，不能死板，图案的设计也要根据界面整体来确定，界面图形简洁，图标图案就要适当的更为充实一点，界面图案复杂，图标图案就要适当的简洁一点，色彩的运用一定要在符合用户的色彩需求上搭配好界面整体的关系，不能因为色彩心理的潜在因素影响到用户的使用清晰，特别是视觉冲击力较大的色彩需要谨慎使用，如使人心理紧张的红色，容易激起用户的清晰，例如深沉的黑色，也不能在图标中大量的使用，根据APP的使用群体不同色彩的使用也不相同，例如女性和男性、年老和年少等。

图标设计完成后一定不能急于使用，一定要多方面的比较，和同类型产品的图标进行比较，和大型企业的APP界面进行比较，或者进行一定时间、一定范围的试运行，并进行公司内部和使用群体的调研，尝试找出界面的视觉问题和交互漏洞，这样才能对产品有一个更好的了解，经过调研查找出问题后进行修正，才能在市场上具备竞争力。

参考文献：

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

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

[3]罗仕鉴，龚蓉蓉，朱上上.面向用户体验的手持移动设计软件界面设计[J].计算机辅助设计与图形设计学学报，2010.