APP图标设计造型研究

祝艳妮

【摘要】图标是任何App都需要的视觉组成，用以传递信息、导航、装饰。当用户在应用商店搜索、浏览应用程序时，一个识别性突出、审美体验好的图标能获得正面的第一印象，建立良好品牌形象。本文研究在移动互联网思维下，图标设计实践探索，以建立优质的设计指导策略，为应用程序图标设计提供新的参考方向。

【關键词】App 图标设计 造型

智能手机和平板电脑大量使用，让移动互联成为媒体和通信研究中一个不断增长的研究领域，App图标也在视觉传达领域研究中有了不断更新的认识。我们提到的App（Application的缩写）， 一般指安装在手机上的第三方应用程序，统称“移动应用”，也称“客户端"。字典中“图”指用绘画表现出来的形象，“标”指记号、标志，可用文字或其它事物表明。图标的解释，可以看作用图形、符号或其它代表对象表示的形象。图标“Icon”这个英文单词，不同的语境有不同含义，计算机领域相关的解释是与计算机有关的图像、图形或符号。

图标在手机界面中无所不在，是几乎任何App都需要的重要组成部分，作为图形界面设计的关键，无论用来传递信息、导航还是用来装饰，图标都是最具有视觉吸引力的功能元素。当用户浏览移动终端应用程序时，一个识别性突出、审美体验好的图标将获得正面的第一印象，帮助实现人性化，受用户喜爱的手机图形界面。随着智能手机和平板电脑普遍介入人们日常生活，影响生活的各个方面，作为手机图形界面视觉化重要体现的图标设计，在指引用户循序操作应用程序的同时，给用户带来视觉享受和良好操作体验。

图标的造型设计应该看做品牌视觉识别的具体表现，在移动互联网媒介连接用户和品牌。通过个性化的图标样式，在目标用户中建立直观美好的品牌印象。

一、移动App图标造型特征分析

1 规范布局强化设计空间

如果不考虑微软手机的操作系统，苹果IOS系统和谷歌Android系统里应用商店的图标都表现为圆角正方形外观。单从视觉效果上看，图标都有一个标准尺寸的外形，它们似乎是一模一样的。

借助图标的规范模版，我们方便控制图形大小、空间安排、结构比例。移动终端体积小，一般是近距离观看。适应这一使用特性，App图标设计应避免使用锋利的设计，轮廓转折一般做小圆角处理。同时图形的圆角设计遵循同一设计原则，大小一致，观感统一，以保持友好年轻的心理效果。在圆角正方形辅助框的外形要求下，图标造型可以重叠外框的四条边，也可以放大图形置于图框内，当然有些图标稍微小一点，图形居中排列。正方形外框的规范版式使不管哪一种构图的图形看起来都一样大，视觉体积更整体、更一致。

在相同的圆角正方形外框中，内部空间的图形形状我们可以归纳为几何形、自然形、有机形、偶然形。几何形的视觉效果表现规整、秩序、理性;自然形视觉效果更为生动，容易吸引注意力;有机形相对柔和，体现情感联结;偶然形变化多端，更具活泼自由的视觉特征。同样是几何形，一个正方形看上去会比一个相同面积的圆形更大，空间占用似乎更多。不同形式的图形具有不同的观感，对视觉冲击的强度也是不一样的。

比较App图标的图形造型，大部分是以"面"为主的图形设计，样式饱满，图形形象视觉吸引力强，更容易在同类型产品图标中凸显出来。另一部分是内聚式图标，尤其是多点形图形设计，集中造型使得力的作用加强，利于强化图标的视觉中心。也有一些以点为主或线型的设计，通常做加粗强化处理，给用户带来不同的视觉观感。

2 平稳视角认知品牌形象

多点造型的图标设计，需要借助对齐所有元素的方式。对齐的作用力非常强大，能够保证图形清晰明确。虽然不规则的形状更容易吸引注意力，然而对齐各元素之间的间隔，仍然是区别图标差异的形式法则之一，并且具有相当的适用性。图形元素之间正确对齐，在各元素周围保持相同的大小间隔，间距精确，是图标设计整合的有效手段。避免在图形内部使用太多不同的间距大小，一般情况下使用2-3个不同的尺寸是合理的层级。如果变体太多，势必破坏图形的简洁，不利于识别。整合意味着稳定，在同一图形中各元素之间保持一致，能建立人们的信任感，图标的视觉效果更专业;对齐及一致性的运用让图标显得整齐清晰，具有平衡的美感，在视觉上更有吸引力。

图形中表现视平线的方式分为平视、俯视、仰视三种基本角度，除游戏以外的大部分类型App，在图形的视点表现上，多采用平视体构图。有些品牌明确在图标设计指南中要求图形视角保持平面的平视，禁止表现任何立体视角。借助图标的视觉角度暗喻其产品的正面、稳定和可靠性，如腾讯App系列，包括腾讯QQ、腾讯视频、腾讯时光、QQ音乐、QQ空间、QQ浏览器等在内的图标设计都是选择正面、平视、平面的图形表现，突出品牌统一的形象特征。 如：图3-6。

3 类型特征实现信息传播

移动App图标从形式上需要表现运营的功能，作为品牌视觉传播的一种指代符号，直接与用户交流，可以简单划分为图形和文字两大类。从符号学的角度，我们又把App图形图标划分为“类象”符号、“标志”符号、象征符号三大类型。

“类象”符号型图标，表现的是对象的模拟，与对象相似度高，一般是图像的形式。例如驴妈妈旅游App图标，是一大一小两只驴子的图形;星巴克App图标是其经典的美人鱼图形。图像是人脑熟悉的形象符号，具有很强的认知性，直观表达丰富而形象的信息，更便于理解和记忆。

“标志”符号型图标，也可看做指示性图标，利用媒介与对象的“接近性”构成的“标志性”符号。例如广州地铁App图标，两条平行线象征延伸的铁轨。标志符号与人的认知习惯密切相关，具有高度的客观概括性与指示意义，用户看到图标就会因为空间性、时间性及因果关系的接近，联想到现实生活中的事物，进而理解其代表的含义。

象征符号型图标，是一种任意约定形符号。由于地区民族、文化等的差异，象征的关系不尽相同。鸽子代表和平，龙是中国的形象象征。

文字图标的表意更为准确，文字可以固定模糊不定的含义，在抽象意义表达上具有更大的优势，可以被优先解读。采用文字图标的有淘宝App、美团App、当当App、小红书App等，直接采用品牌文字标志。如：图3-9。文字通过字体和编排设计，具有不同的形象表现。较之图形图标，文字的信息量較少，形象不够生动，不便识记。

图形和字母类的图标各自具备明显的适用性和传播性，无论是哪一种形式的图标，根本意义是能够被用户认知，并准确理解图标代表的含义，便于品牌传播。

二、关于图标造型的思考

图形是世界通用的语言，不分国籍、种族、年龄或性别。人类最初在传达信息时，就是用图画来表达自己并与其他人交流。远古时期留下来的画作，直至今天仍能被清晰理解。随着全球化的进程，图形语言能超越时间、空间的限制，打破国家和地区之间的差异，成为我们生活中的一个基本部分。图标在方寸之间，承载丰富信息。它们引导我们定位，快速做出决定，在密集的信息中找到我们要找的东西。不管它的造型是哪一种，设计形式是什么风格，图标都能非常快地传递信息。

随着世界变得更加繁忙、喧闹和全球化，人们的注意力持续时间也因受到更多因素干扰而逐渐变短。注意力的指向和集中伴随着感知觉、记忆、思维、想象等心理过程，在充满无价值信息的互联网世界里，快速查看图标，快速得到它携带的复杂信息是图标的基本要求。在浏览、搜索的过程中，我们可以将节省的时间用于获取真正需要的信息。对App图标设计来说，图标要说服用户在短时间内更仔细地查看应用程序，接收功能信息，这是一个很大的挑战。设计师需要了解图标的类型、样式的多样性、大小的差异，并了解网格的使用和图标元素的凝聚力，不管哪一种类型，图标造型不仅仅只被看做表示真实物体的图形符号。

图标既然是传递信息的独特符号，在表意功能上类似文字符号。每个图标都是一个单词甚至一个句子，有它自己的意思，我们使用图标与数字世界进行信息交流。在移动App图标的造型设计中，我们不妨这么做。一、图标可以象形。图标是一种符号，它通过再现对象或引用来传达意义。例如前文提到的驴妈妈旅游App图标，一大一小两只驴子的图形，确保信息简单易懂和易读。二、图标可以表意。虽然图形在表意上具有一定的不确定性，但它也具有一定的通用性。图形的表意不受语言和文字的限制，可以直接认知。象形和表意的表现方式常常一起使用，以传达正确的信息。三、使用基本形状。使用几何形状创建复杂的图标，图标造型越几何化，元素越纯粹，它的适用性就越强。图标不是客观再现，它们带有特定的信息。图标造型设计目的是传递这个信息，使图标含义准确清晰。几何形状不会让图形复杂，是一种基本的造型元素。用“少即是多”的设计理念指导图标设计，不要想着把事情描绘得详细、具体、复杂。尽可能简单，才能正确地传递信息。我们都知道在设计中做减法，比添加繁复的东西更难。考虑到视觉效果和审美的多样性，也不要过分简化，细密复杂的图形相较简单图形，功能表现上会让人觉得更优质。平衡这两者的最好方式，就是把握它们之间的侧重点。

增加图标的辨识度，帮助人们了解图标的重要信息，可以借助图像造型，让“文字”逐渐成为图标配角。图像的视觉语言比文字更响亮，可以获得最佳效果。

三、移动互联网思维影响下图标设计发展

得益于中国互联网发展大潮，出现了许多关于互联网的新思维。中西方互联网规模效益差距显著，一些新兴的互联网名词在中国市场集中涌现。（移动）互联网、大数据、云计算等科技高速发展，国家政策支持移动优先的背景下，产生对市场、用户、产品、企业价值链乃至整个商业生态重新审视的思考方式，我们称之为互联网思维。这种新思维方式，主张媒体融合，以节点彼此连接，形成大小不同的乃至更大的生态圈或系统。

网络中关于互联网的九大思维，指的是用户思维、大数据思维、跨界思维、迭代思维、极致思维、简约思维、平台思维、社会化思维、流量思维。从移动互联碎片化、焦点化、快一步、争夺第一的思维特性来看，在线信息交换随时随地发生，它的传播速度是传统媒体无法比拟的，传达效果是生动全面的。移动互联网思维是一种进化思维，更重要的它是一种创新精神。创新是互联网发展的方向，是企业持续发展的核心动力，也是社会进步的源泉。

利用移动互联网思维特点，重新审视我们的思考方式。移动应用程序图标设计，在现有的技术规范前提下，采用针对目标用户的定位策略，不断追求形式创新。5G网络时代的移动互联有更多样可能，App图标设计的发展，也会因应移动互联技术的飞速发展出现更新的内容与形式。在图标设计过程中应改变传统的思维习惯，从设计的角度出发，坚持用户第一，把握用户需求，强调互动体验，积极跨界，不断创新，做到专业极致。

参考文献：

[1]郎为民.张锋军.初识移动互联网[J].技术交流，2012，（10）：3-6

[2]常明.手机图形用户界面的图标设计研究[J].神州，2017，（22）：181

[3]魏农建.冯叔君.陶伟.移动互联网时代与商业创新——理论思考与框架设定[J].上海大学学报（社会科学版）.2015，（5）：12