界面图标的视觉风格演变

谭利

【摘 要】界面图标是图形化界面中最直观的视觉形态语言，是界面中最重要的组成元素，它的出现对社会的信息化发展起着重要的推动作用。随着科技和时代的发展，界面图标在功能性和识别性上得到了很大的优化，在统一性和个性化的视觉表现上也得到了不断的提升，从像素化到拟物化，从扁平化到半扁平化，甚至到未来的多元化，界面图标在发展过程中经历了不同的视觉风格演变，反映着时代的需要以及人们对技术与艺术的完美追求。

【关键词】界面图标；风格；演变

中图分类号： J524；TN929.53 文献标识码： A 文章编号： 2095-2457（2018）28-0039-002

DOI：10.19694/j.cnki.issn2095-2457.2018.28.015

【Abstract】User interface icon is the most intuitive visual morphological language in the graphical interface，is the most important component of the UI，its emergence plays an important role in promoting the development of information society.With the development of science and technology，the UI icon has been greatly optimized in functionality and recognition，and has been constantly improved in unity and personalized visual performance.From pixelization to materialization，from flattening to semi-flattening，and even to future diversification，the UI icon has undergone a process of development.The evolution of different visual styles reflects the needs of the times and people's pursuit of technology and art.

【Key words】UI icon；Style；Evolution

随着电脑、手机、平板等电子设备越来越多的介入到我们的生活中，终端界面对人们的影响越来越大，它是用户与机器设备之间交流和互动的最直接的媒介，并且影响着用户对设备和相关产品的识别度和信任度。计算机刚问世时，只有少数人们能通过特殊的命令来与计算机进行交流。如今图形用户界面广泛应用到个人电脑上时，大众都可以通过完全图形化的窗口系统实现计算机操作。随着移动互联网的发展，各种智能和移动设备产品的迅速普及，浏览界面已经成为人们生活中的一部分，是大家获取信息的主要的方式之一。晦涩难懂的命令语言被图形界面取而代之，用户的操作体验变得简单而舒适，界面图标在这其中起着关键的作用。界面图标是图形化界面中最直观的视觉形态语言，是界面中最重要的组成元素，它的出现对社会的信息化发展起着重要的推动作用。

图标有广义和狭义之分，广义的图标是具有指代意义的图形符号，它不仅能准确而快捷地传达信息，而且便于识别和记忆。例如我们经常可以在公共场合中看到公厕图标、电梯图标和停车图标等。狭义的图标主要应用于计算机软件方面，一个小小的图形符号，却代表着一个文件、程序、网页或命令，它能帮助用户进行打开程序、执行命令或是浏览网页等诸多操作。界面图标指的就是这种类型的图标，其最主要的作用是功能性，它要求用简单的造型来准确表达和传递复杂的意义，具备较好的可识性和易读性；除此以外界面图标的美观性也很重要，良好的视觉效果能在人机交互中给人带来愉悦的体验。早在二十世纪70年代，美国的施乐公司为了使用户能更好的使用和掌握设备，研发了一种与设备相对应的图形标识，这可以被看作是界面图标设计的开始，随着科技和时代的发展，界面图标在功能性和识别性上得到了很大的优化，在统一性和个性化的视觉表现上也得到了不断的提升，在它的发展过程中经历了不同的视觉风格变化。

1 像素化风格图标

在图标产生之初，由于受当时计算机硬件设备的局限，显示器的有限像素决定了图标的低像素的视觉表现，高度概括的低像素图形成为界面图标最初的表现形式。在计算机还没有全面普及的时代，显示器只有72每英寸的分辨率，这决定着图标的像素也只有72*72，简单的像素点组成的抽象形态成为界面图标最早的视觉风格。这种早期的图标像素化特征发展到现在，并不是指图标的低像素表现，而是成为了一种像素风格的视觉特征代表，它强调清晰的轮廓、明快的色彩，顆粒感像素的造型比较卡通，画面风格独特。

我们现在依然能在众多的界面设计中看到具有像素化风格的图标，这种低像素风格化图标不再是简陋的画面从它的创意理念和画面制作上，我们可分辨出时代的不同。最初的像素图标只有黑白两色，以颗粒像素的排列组合塑造不同的形状。现在的像素化风格图标依旧保持颗粒像素组成的视觉独特性，但在色彩和效果上都有很丰富的表现。图标的像素化最初源于设备的局限性，最终却发展成为了一种独特的艺术风格，从某种意义上来看，像素化图标具有一定的时代特殊性，同时也被赋予了独特的怀旧和复古气息。

2 拟物化风格图标

随着计算机硬件设备水平的提高，界面图标的表现空间得以扩展。为了让用户能够准确快速的识别和操作界面，界面图标就需要有更清晰的表现场景和识别意义，甚至为了增强其辨识度而去模仿现实世界中事物，利用用户的日常经验去培养对图标的熟悉感。自1984年苹果公司发布了全新的Macintosh图形系统，隐喻开始被广泛的应用于各种桌面操作系统和移动装置，大家熟悉的桌面、文件夹和回收站类似的概念都是源于桌面系统的隐喻。拟物化设计就是源于界面的视觉隐喻，形象生动的文件夹和垃圾桶图标让用户快速清晰的明确它所指代的含义。苹果公司的ios系统的人机界面指南里曾经说到，“当你应用中的可视化对象和操作按照现实世界中的对象与操作模仿，用户就能快速领会如何使用它。”