常用手机APP启动图标的色彩复杂度分析

来源：核心期刊咨询网时间：2022-03-17 11:4012

摘要：关键词：启动图标 色彩 图标复杂度 HSB 图标设计 引言 随着界面尺寸的增加及存储容量的提升，智能手机承载的功能应用不断增多。移动互联网行业数据研究报告显示，2020年第二季度15至19岁网民群体人均手机App数量达83个，20至29岁网民群体人均App数量达了2个。手机应用

　　关键词：启动图标 色彩 图标复杂度 HSB 图标设计

　　引言

　　随着界面尺寸的增加及存储容量的提升，智能手机承载的功能应用不断增多。移动互联网行业数据研究报告显示，2020年第二季度15至19岁网民群体人均手机App数量达83个，20至29岁网民群体人均App数量达了2个。手机应用数量的增加，一方面可实现用户多层次的需求，但另一方面也扩大了用户点选交互的选择范围，致使图标视觉搜索效率降低。用户在关注图标时，留下的第一印象就是图标的色彩设计。目前，与图标色彩因素相关的研究中，Kyungah Choi等采用图标矩阵分析可识别度高的色彩属性;杨冷泠等基于色彩的诱目性理论分析应用界面的色彩元素对视觉的引导作用;宫勇等研究颜色数量和颜色一致性对图标视觉搜索效率的影响;Ya-HsienKo研究色彩组合对品牌图标易读性的影响;蒋雨妤等通过一项视觉搜索实验考察图标间色相差异对儿童视觉功效的影响。针对日趋复杂的应用环境，本文基于HSB模式量化分析手机App启动图标的色彩语言，为今后启动图标的色彩设计提供了理论指导。

　　一、图标复杂度

　　在图形用户界面中，图标是一种代表某种事物的符号，通过抽象的图像语言提取代指事物的本质特征，具有信息传递和引导操作的基础功能。McDougall等人提出计算机图标的五个分类标准：具体性，语义距离，熟悉性，复杂性和美学吸引性。其中图标的复杂性与用户感知强相关。图标越复杂，用户在交互界面中就越难理解和使用，图标设计要尽可能降低在应用场景中的复杂性，减少用户在操作过程中的认知摩擦。张雄飞从三个维度对图标的复杂性进行判定：视觉复杂度、认知复杂度以及环境复杂度(如图1)。视觉复杂度从整体和细节两个视角展开，从图标的整体风格来看主要包括拟物化风格和扁平化风格，从细节风格来看包括颜色、造型以及元素等，目前国内外关于图标细节因素已有许多实验研究;认知复杂度划分为先天和后天两部分，先天是由于图标认知受到人种、年龄、国家以及性别等因素的限制，而后天则包括图标的具体性、语义距离以及使用的熟悉度;图标的环境复杂度从外部和内部来分析，外部环境可能有噪声、光照、压力等，内部复杂度主要源于界面的背景、布局和负荷等。本文以启动图标为研究对象，探究图标的色彩因素与图标复杂度的内在联系。

　　二、启动图标色彩

　　(一)启动图标色彩的演进历程

　　早期的手机界面启动图标呈黑白色，随着彩屏技术的发展，开始出现色彩点缀。进入21世纪后，界面启动图标的视觉风格逐渐从单一趋向丰富，拟物化图标和扁平化图标较为常见。2007年，第一代iPhone的发布向用户展示了真实感强且具有隐喻意义的拟物化启动图标设计。拟物化图标主要特征是模拟真实世界的装饰效果，包括高光、阴影、渐变、材质纹理等，实现高光、阴影等立体样式，具有更丰富的视觉层次。如图2(c)中借用指南针象征搜索引擎的功能意象。2013年，微软的Metro系统图标大量采用鲜明色块和二维图案，推动扁平化风格的应用热潮，带给用户崭新的操作体验，如图2 (d)所示。扁平化图标的色彩鲜明，简洁清爽，矢量化的设计能更好地适应不同的操作系统，具有更强的实用性。目前，市面上的启动图标设计大多沿袭扁平化的风格，并且适当地融入了近似色搭配、互补色搭配、双色渐变、轻量渐变和投影等方式来实现视觉上的新意。

　　(二)啟动图标色彩的认知效应

　　启动图标是代表系统应用核心特征的一组图标，是打开应用功能的第一窗口。在人机交互界面中，用户与启动图标的一般互动模式为目标视觉搜索行为：首先，在潜意识中形成目标图标的行为导向，查看主界面时完成视觉信息输入、认知加工、认知决策的视觉认知流程，最终确定目标对象并促发点击行为(如图3)。视觉认知流程中，降低用户和界面图标之间的交互摩擦的关键过程在于图标的信息输入。针对常见的手机应用启动图标，图标的基本信息已经通过不断的练习在大脑皮层形成视觉记忆。但实际在认知决策的过程中，用户不仅需要提取图标基本信息的记忆，同时还需筛选掉其他图标产生的干扰信息，色彩是主要的视觉信息之一。

　　启动图标的色彩认知效应包含三个层面：色彩感知、色彩联想与色彩象征。在色彩感知层，用户通过感知色彩信息对图标辨色，形成图标的初期色彩记忆。色彩信息指色彩的色相、数量及色块面积等。有研究指出高饱和、强对比的色彩能显著提高图标的可识别度，与其他颜色形成较强的视觉差异，可促进用户的识别与点击。在色彩联想层，色彩的冷暖感、轻重感和强弱感传递给用户不同的情感联想。例如在国内，红色和黄色常用于网络购物模块用于刺激人们的消费欲望(如图4)。在色彩象征层，色彩可以作为品牌平台文化的传递符号，例如国内的爱奇艺视频应用，图标颜色对应奇异果绿(如图5)，联觉一致的品牌形象帮助用户记忆与识别。

　　(三)启动图标的色彩复杂度

　　1.按颜色数量分类：启动图标按照色彩数量分为单色图标、双色图标以及多色图标。单色图标和双色图标主要呈现扁平化的设计风格，多色图标既有扁平化风格，也包括轻量立体风格以及拟物化风格。对单个图标而言，图标的色彩复杂度随着颜色数量的增加而增大，如图6所示。

　　2.按色彩设计形式分类：启动图标按照色彩设计形式可分为纯色图标、渐变色图标。对单个图标而言，纯色图标的色彩复杂度较低，渐变色的色彩复杂度更高，后者会占用更多的视觉注意，产生一定的认知负荷，如图了所示。

　　三、启动图标色彩特征的研究方法

　　基于手机互联网应用的用户规模和使用频率，提取常见的手机App启动图标，建立样本图标库。样本图标包含两组特征，分别为不同地域属性(国内/国外)以及不同功能属性(功能1/2/3/…)。选择最接近人眼辨别的HSB色彩模式，通过色彩频率表现法对样本图标的色彩展开分析。色彩频率表现法是根据图形中某种色彩出现的频率高低，使用饼状图或柱状图来表现图形中色彩的组成与比例的方法。运用Windows平台的色彩分析软件Colorlmpact提取样本图标的色彩以及色彩占比。最后量化分析样本图标在色相、饱和度以及明度三个要素的特征值，归纳和总结在不同地域属性和不同功能属性下的手机App启动图标的色彩特征。具体研究过程如下：

　　推荐阅读：互联网+背景下高中数学教学融合策略探究

转载请注明来自：http://www.qikan2017.com/lunwen/dzi/22782.html