UI设计中的图标设计与标志设计的异同

摘要：随着科技的发展，人们需要更简单地使用更强大的功能时，介于产品终端与用户之间的UI设计的重要性也就日益明显。UI中的视觉设计与其它平面设计分支联系紧密却也各有不同。本文从 UI设计中图标设计与标志设计两点切入，通过对标志设计和图标设计的横向对比，揭示两者之间的联系与区别，甚至延伸至整个 UI设计与其它平面设计分支的差异，正确看待各种设计实践类型，把握不同设计类型之间的要求。

关键词：UI设计；图标设计；标志设计

一、研究对象

（一）研究对象的界定

本文的研究对象为当代标志设计与UI设计中的图标设计的联系与区别，以及以后的发展趋势。

（二）概念解析

UI设计（user interface）：字面意思为用户界面设计。“界面”即人机交互界面。广义的用户界面是指用户和系统进行交互的方法合集：从用户的角度出发，满足用户和计算机之间的人机交互。

图标（icon）：广义上是指所有有指示作用的标志，狭义上时指计算机显示屏，等电子设备上引导用户进行各种操作的图像。UI设计中的图标按照功能分为启动图标和功能性图标。启动图标为应用在手机主页面和启动窗口或电脑桌面上的图标，也会出现在应用商店里面。功能图标是应用程序中指示各种交互功能和步骤。帮助用户实现操作。随着IT产品的不断普及，图标的作用在UI设计中越来越重大。

标志设计：具有象征意义的视觉符号。标志从原始社会单纯记录信息，到现代社会商家利用标志进行商品识别，提升企业形象等。现代标志是经济时代的产物。在企业形象传递过程中，是应用最广泛是最关键的元素。

二、研究背景

互联网产品的设计包括功能和可用性。在计算机发展初始，更多侧重于功能，人机交互就显的不是那么重要。随着科学技术的发展，当互联网产品的使用者越来越多的由普罗大众构成的时候。人们需要更简单地使用更强大的功能时，介于产品终端与用户之间的UI设计的重要性也就日益明显。

UI设计包括用户研究、交互设计、视觉设计三个方面。UI中的视觉设计与其它平面设计分支联系紧密却也各有不同。UI设计与传统平面设计同为发现问题，解决问题，作为企业与用户沟通的桥梁。在国内目前UI设计发展不充分的情况下，一部分人将UI设计与传统的平面设计一概而论；另外一部分则过度将UI设计神秘化。

通过对两者的对比了解两种设计，甚至延伸至整个 UI设计与其它平面设计分支的差异，更为深入地了解几种设计类型的联系与差异，正确看待各种设计实践类型，把握不同设计类型之间的要求。

三、UI中的图标设计与标志设计的联系

（一）UI中的图标设计与标志设计“源流”相同，标志以形象符号的方式，形成人类长期的一种视觉化的传达工具，在我们的生活的各个方面。如今，人们更是进入了“读图时代”，UI中的图标设计同样以形象符号的方式在互联网中展现，两者所使用的表现方法一致。UI中的图标设计可以看作是标志设计在互联网的“演变”。将以形象符号作为视觉化传达的方式推向高潮。

（二）UI中的图标设计与标志设计具有相同的功能。这个两种设计存在的根本点。

1.具有识别功能。图标设计和标志设计，最基本的功能都是能够准确传达信息。通过标志，人们能够在品类繁多的商品中区分来自不同的品牌。而图标的意义也在于在众多的app中得以脱颖而出。

2.具有相同的传播功能。无论是标志设计还是UI中的图标设计，都是通过传播达到客户认可。好的设计可以在人们心中留下美好而又深刻的印象，促进人们对于产品，企业的认可。

3.具有相同的审美功能。一个图标或标志在设计上是否具有美感，会直接影响产品或公司的形象。一个设计美观的标志，常常是人们对于产品或企业的第一印象。对于越来越注重“颜值”、淘汰率更高的互联网产品尤甚。

4.同样具有延展功能。一个标志或图标都不会孤立的展示在大众面前，它需要配合不同的元素在各种环境中展示。

四、UI中的图标设计与标志设计的区别

设计具有两个基本属性：一是功能，即存在的价值；二是存在的形态。UI中的图标设计与标志设计虽然同源流，但出于不同媒介，必然导致存在形态的差异。

（一）UI中的图标设计更为“以人为本”。用户研究是UI设计开始的第一步，并始终贯穿。这种设计手段将逐渐成为流行，并影响到各行各业。

（二）交互性不同。互联网技术的发展使人的认知由传统的读、写转变为到视觉、听觉、嗅觉、触觉共同作用的认知方式，更加全面地了解事物。图标设计需要充分满足用户的全方位视听交互体验。

（三）复杂程度不同。图标设计也经由复杂到简单的过程。iphone4将拟物化图标设计推向高潮，但随之而来的 windows8界面中的扁平化风格和ios7，打开了扁平化的大门。抛弃诸如阴影、透视等的装饰效果，以最为简单直白的方式传达所要表达的东西。设计从形式回归内容。究其原因在于，各类互联网产品，所包涵的信息量越来越大，扁平化图标能够减少用户在交互中的障碍，让用户去接受更多的内容。相比之下，标志设计的复杂程度则远远高于图标设计，涵盖的内容也远远多于图标。

（四）图文关系不同。标志设计相对于图标设计，图文关系更复杂。标志设计中文字设计甚至于图形设计更重要，在标志传播中起到更大的作用，这是由两者的使用载体不同所决定的。

五、UI中的图标设计应与标志设计相互融合

（一）首先标志设计应从图标设计上吸取优点，在互联网时代中获得新的改变。回顾历史，标志设计也经历由复杂到简单的过程。互联网技术的发展，新的媒介的产生，标志设计也必须适应新时代的变化需要。首先，标志设计应该从二维空间的束缚中解脱，向多维空间发展。其次，标志设计中图形应该由理性，抽象向个性，感官化转变。设计的变化发展要符合人精神追求的不断变化，只有越来越富有人情的设计激发人们的兴趣。

（二）UI中的图标设计与标志设计源流相同，价值相同。同可作为品牌对外展示的“面”。如果能正确区分图标设计与UI设计在不同媒介上的优劣，并合理使用。两者相结合一定能够打造出全方位的文化传播。

六、结语

从UI中的图标设计与标志设计两者之间的横向对比来看，两者有联系，同时又有区别。到了科学技术日臻成熟的今天，UI中的图标设计越来越脱离标志设计，自成一类设计分支。正确把握标志设计与UI中的图标设计的联系与区别，并且能够做到融会贯通，正确完成具体的设计实施。由此对应UI设计与传统平面设计。在新时代，对传统平面设计做出改变和突破，适应时代的需求，以无限的变化适应不同时代的要求。才能真正做到发现问题、解决问题。这才是设计之本质。

【参考文献】

[1]牧婧.当今标志设计的发展趋向及方法探究[D].清华大学，2007.

[2]周煜啸，罗仕鉴，陈根才.基于设计符号学的图标设计[J].计算机辅助设计与图形学学报，2012（10）.