互联网背景下用户界面图标品牌化视觉设计研究

姜春媛

摘要：文章通过对当下互联网背景下用户界面图标设计背景与未来设计趋势分析，根据现时用户对图标设计的需求和要求，以及市场竞争优胜劣汰的规律，结合具体实例和设计原理，提出图标品牌化视觉设计的方式方法，希望能对当下图标设计有一定的参考价值。

关键词：互联网；界面圈标；品牌化；视觉设计

检索：www.artdesign.org.cn

中图分类号：J0-03 文献标志码：A 文章编号：1008-2832（2016）04-0047-03

用户界面即User Interface（简称UI）。UI设计是指对软件界面人机交互操作逻辑、界面图标设计、界面版式等整体设计。优秀的界面设计是具有个性和品位，又不乏简练、自由和舒适。而用户图标设计是区别于他企，使企业品牌形象凸显个性的最佳手段之一。

界面图标是既以整体形象产出体现用户品牌形象，又以单独形象出现吸引观者眼球的一种特殊的信息传达媒介，这种媒介以横向的、纵向的、二维的、三维的、四维的、静态的、动态的形式被广泛应用于手机、电脑、网络、系统以及其他软件等用户平台。

一、当下用户界面图标设计背景与未来设计趋势分析

（一）当下用户界面图标设计背景分析

这是一个被互联网统治的时代。随着经济、科技的快速发展，计算机、手机、导航仪、Ipad等用户设备种类层出不穷，人们随时随地都会利用身边设备，通过互联网解决所有感兴趣的问题。据有关资料显示，2013年1-6月，我国互联网用户为1.8亿，移动互联网用户8.04亿（其中包括手机网民4.64亿人）如此大的用户需要利用互联网调查资料，需要利用互联网建立关系网，需要利用互联网打发时间……

这是一个被客户端用户高要求的时代。随着用户文化水平的提高，对物质和精神需求提出了更高的要求，人们对界面图标设计的美感、品位和技术表现力等要求也越来越高。他们希望图标能让他们精神愉悦，他们希望图标能让他们压力得以缓解，他们希望图标能让他们精神生活需求得到满足……

这是一个被市场竞争牵制的时代。根据市场需求，合理改变图标视觉形象和技术表现力，以最优秀的品牌形象，使企业立于双赢（打败竞争企业，赢得市场效益）局面。在界面图标设计方面，首屈一指的当属微软和苹果。微软和苹果都是随着时间推移和时代需求进行了数次变化。正是这种紧跟市场需求，懂得与时俱进的策略，才使其品牌形象深入人心。

（二）未来用户界面图标设计趋势分析

1.图形、色彩元素隐含意义更简练直接

图标通过图形、色彩等表象元素的重组再设计必然趋于极简主义。从当前电子产品界面图标的设计动态来看，图标设计风格正向更加简练和直接趋近，设计风格会更加的国际化。从功能和审美等方面来说，更具易识别性的极简风格更迎合现在乃至将来市场需求。

2.点击转换链接形式美轮美奂

点击、转换、链接后的效果会随着市场消费人群的需求更加的美轮美奂。未来的图标设计会通过声音、技术使其更具时空化和动态化，图标个性充分得以彰显，从而更加地吸引观者注意。

3.图标质感表现更趋于趣味性

未来图标设计会以质感表现为企业竞争的必要手段之一。通过点、线、面、体、色彩、透视、阴影和技术等设计元素为图标赋予通透性、可触摸性和仿真性等质感效果，制造一种虚拟虚幻空间，增强图标趣味性，吸引点击量。

二、打造用户界面图标品牌化视觉设计基本原则

（一）文化性原则

图标设计要依据企业文化、品牌文化、商品文化进行设计，这是图标品牌化体现最根本的要求，也是企业、产品赋予图标最本质的精神层面的支持。没有文化内涵的图标设计，是不会吸引用户眼球的；没有文化内涵的图标设计，是不会将品牌价值向至高至上推进和转化的。

（二）识别性原则

图标设计要利用有限的空间，在第一时间向用户表达业务内容和图标设计理念。所以图标设计要通过简单直接的语言符号向大众传达信息。图标不能隐含意思太多、语言含糊不清、传播意图不明确、意义混淆等，这样的图标设计会让人疲劳和厌倦，从而转移目标。

（三）醒目性原则

现在的图标设计市场竞争异常激烈，各大媒体企业想尽一切办法让自己的图标形象挤进大众的眼球。如何使图标在现在乃至未来媒介上具有醒目性，是值得设计者深思的问题。也许阈限的使用，会解决这个问题，但是在大家都注意到要通过图形阈限、色彩阈限、文字阈限等手段解决问题时，竞争是不是又要改变策略？

（四）差异性原则

差异性原则，是使设计区别于其他，使大众记忆深刻的一种必要手段。在进行界面图标设计时，要利用图形、色彩、肌理、效果等元素，使图标具有区别其他，使观者记忆深刻的属性。图标具备了这个属性，势必具备了吸引用户兴趣的个性，从而达到了企业客户策划营销的目的。

（五）严谨性原则

严谨性原则不仅体现在比例尺寸上，还要体现在图标图像设计细节上。在设计图标和使用图标过程中，要本着实用和适用原则，严格把握图标设计和使用的科学性和规律性，不能肆意改变其比例和色值关系。

（六）导航性原则

图标在界面中起到空间链接和指示导航的功用。所以一级图标、二级图标等阶梯图标之间链接要自然，要一气呵成；方向指引要明确，定位要准确。

（七）协调化原则

图标设计要与所处环境相协调。无论是手机、还是电脑，界面最初始的背景都是蓝色，所以，在对图标设计时可以先以蓝色背景为衬托，根据色彩原理，使图标与用户背景相协调。另外，通过技术和艺术手段设定几种备选方案，方案中设定图标可以根据用户背景色彩自行变色，自动使图标改变与背景色对比相对明显且又相对和谐的色值。

（八）原创性原则

图标作为企业向市场推出新产品第一道形象门脸，要与众不同。界面图标设计项目应严格建立在5W标准中“Who”的文化背景调查研究基础上，精准定位，设计出能反映公司文化、品牌形象的不可替代、独一无二的作品。

三、用户图标品牌化视觉设计属性分析

（一）图标承载的品牌文化分析

图标作为企业品牌标志，不仅仅要具有审美和功能意义，还应承担传承国家和企业文化义务。设计师应该积极利用契机，有计划、有目的、有针对性地将企业文化、国家文化植入图标设计中，使得图标更具文化品味和精神内涵。

（二）国标的比例尺寸分析

界面图标设计要简练概括。无论电脑、手机、还是其他什么设备，界面上图标纷杂，针对如此多的图标，比例尺寸都应根据设备特点形成统一的规格，一般为16×16、22×22、32×32、48×48、64×64、128×128、256×256，其中32×32作为常见。图标的比例基本都以1：1为主，造型多以圆形和方形为主。

图标因所需承载的设备尺寸和性能不能，图标呈现的效果也不同。设计人员要多方面全方位考虑已经存在或将要发生的因素，以提高图标在各种设备上的显示效果。

（三）图标的色彩表达分析

色彩是设计中最重要的一个要素，是最具冲击力、最具敏感度的视觉元素。这因为色彩的有效视距远远高于图形和文字，还有色彩产生的情感体验比图形和文字更容易激起观者的联想和情绪波动。色彩本身有明度、纯度、色相、色温等属性。各大属性要依据色彩原理和产品本身诉求要求科学搭配，有机统一利用，才能使界面图标视觉效果和美观程度达到美学要求和用户要求。巧妙利用色彩阈限，提高市场竞争力，使得图标在竞争激烈的互联网背景下，提高其视觉冲击力，吸引用户注意，从而提高点击率。

（四）图标的造型特征分析

造型具象的图标具有易识性，通过人物、动物、植物或器皿等客观事物的自然形态，直接阐述品牌图标所要表达或所要传达的信息和含义。具象图标以其直观的语言形式使人能在第一时间了解图标业务内容。但是，如果失去了技术性和艺术性，也会使人在第一时间失去点击兴趣。

造型抽象的图标具有象征性，即通过点、线、面、体等几何图形，标新立异，组合形成具有理性思维和秩序感的图标，这些图标可以引发人们思考和联想，也能大大的吸引观者眼球的。抽象图标是建立在设计者对生活对事物高度概括的基础上的，这种来源于生活而高于生活的设计形式，会使人产生高大上的精神享受，进而提升图标品牌文化品位。

还有的图标造型以文字和数字形式表现出来。以本族化文字作为图标主体图形，会使图标具有可亲近性和直接性。文字图标可以将文字图形化，或字母化，或象形化，会使图标更让人依赖、亲近和信服。数字式图标具有数据可靠性。以数字为主体的图标设计，从心理学的角度上讲，会增强观者对品牌图标、对企业机构的信赖程度。

四、用户界面图标品牌化视觉设计表达

（一）图标设计项目前期调研

图标设计前期调研需要几个关键点即“Who”（客户企业）理念、产品基本信息、产品网络营销方式、客户企业文化、客户目标市场、客户目标消费群。

1.“Who”（客户企业）理念

企业理念是企业发展的核心，是视觉图标设计的指导思想。所以在图标设计之初，要对了解企业目标、经营方针、制度法则、企业精神等作以详实调查、研究和分析。

2.产品基本信息

无论是网络商城（例如天猫、淘宝、京东等）、网络财经类（新浪财经、东方财富等）还是网络游戏类（4399，7K7K等）产品，都有其独具一格的产品特色，只有充分了解产品信息，才能使图标设计具有点睛之笔的灵魂。

3.产品网络营销方式

现在网络营销已经越来越受到大、中、小、微型企业的重视。各个企业在竞争异常激烈的形势下，纷纷根据自身的优势，选择产品ul策略进行市场营销，以获得市场最大化收益。

4.客户文化

了解客户文化，是使图标在视觉设计上得到很好诠释的基础。客户文化包括企业领导价值观、审美倾向、管理水平、工作风格等等内容，随着时间的推移逐渐积累而成的具有独特风格特征的精神层面的东西，恰恰是指导图标设计鹤立鸡群的策略之一。

5.客户目标市场

市场政策、竞争对手、市场发展趋势等信息对于图标设计定位的准确性把握有着至关重要的引导意义。市场对于设计的宏观管理政策或要求、竞争方图标设计市场效应、市场整体设计趋势等等信息，对于图标设计在信息传播途径、力度以及准确性把握等方面都有正确的引导作用。

6.客户目标消费群

设计者要针对企业在市场细分后确定的固定消费群体年龄、民族、性别、文化素养等信息进行调查研究和分析，根据调查数据，合理选择图标设计方式、样式、手段或者效果。

（二）品牌化设计定位

依据调查分析结论，进行多方位、多方向的创意，选择最恰当的品牌营销方式、精准的品牌调性对于企业发展至关重要。要从企业文化、企业标准色彩、产地、销售地等元素着手，精准定位，使设计风格系统化、品牌化。

1.企业文化定位

依据企业文化特征定性品牌化设计风格。通过具象或抽象的设计元素以设计重组的形式概括企业文化包括企业经营哲学、价值观念、企业精神、企业道德等内容，这也是图标品牌化设计定位的一种可行方式。

2.交互技术定位

以往界面图标的链接技术只停留在将图标以应用编写程序的方法简单给予技术性的功能属性链接转换阶段。图标设计者和技术人员相互交流不紧密，使得每一环节都相互脱节，特别是艺术与技术的脱节，相互之间没有联系或联系不大。

3.消费者定位

图标设计以企业指定产品潜在的消费群体进行定位，展开设～fo研究指定消费者心理，寻求能够满足消费者需求、聚焦消费者视线、吸引消费者点击浏览的设计风格。

4.产品定位

如果以产品调性指导下其外在形式表现作为品牌化设计定位的话，应根据《专利法》等文件规定，结合产品形状、图案、色彩、材质等元素，使设计风格一体化、一致化，以此提升品牌及产品竞争力。

（三）提案

1.多角度提交初案

可以企业文化定位、交互技术定位、消费者定位、产品定位等多角度、多方向提交初案创意，从中选择一至三个自己认为相对优秀的方案向企业方推荐，于企业客户方交流，听取客户建议和意见，让客户参与到整个设计项目中来。

2.严谨正确提交正稿

通常设计项目是以竞标或委托设计来完成提交初案，初稿经过竞标审核或委托设计确定方向后，设计就进入正稿阶段。

正稿需用Photoshop等制图软件对图标进行绘制，比例、色值分配要严谨，要充分考虑到图标使用在媒介上的效果。为减免失败几率，设计者可以预先在电脑或其他媒介界面上模拟推演，以检验图标从二位空间上到三维空间上是否符合设计初衷。

3.深化与完善正式稿件

正式稿件的提案要经过反复研究和评稿，看看设计创意是否能在一定时间内把握客户的想法和要求付诸实施，是否准确表达客户营销策略和文化精神等。

当大体创意思路与方案经过设计者与企业客户相互沟通、体会和研讨而确定时，设计者还要对设计方案图标图形比例设定、色彩工艺、交互技术等细节进行深化和完善。