手机界面图标的视觉设计探析.docx

手机界面图标的视觉设计探析摘要：文章探讨了手机界面中图标的重要性以及图标与文字的差异性；另外为了达到图标可用性与美观性的并存还探讨了图标符号具有的认知和交互的功能。在此基础上深入从形态、色彩、材质和空间布局方面探析对图标的设计的原则和方法。关键词：手机界面图标可认知交互性视觉设计对于现代人来说手机是一种集通讯、娱乐和体验的综合体这就决定了手机要具备更多的人性化和趣味性。手机界面作为用户与手机交流和互动的直接媒介其设计的好坏关系到用户对手机使用的持久度和信赖度而在整个界面中最重要的元素则是简单直观的应用图标。通过对图标的设计可以形成手机与人以及其他数码产品、环境和文化等之间的相互关系。一、图标概念及手机界面图标的特征分析：“lcon”这个词起源于希腊的“Ejkon”原意为图像在字典里被定义为宗教的图腾图标概念引入到计算机以后被认为是图像、图片或者是表示概念的符号。图标以图形符号的形式来规划并整理信息内容方便人们的记录和交流。随着手机应用领域和需求用户的无限扩大增强手机图形界面的视觉设计是很重要的。图标作为手机用户界面中重要的表现元素承载大量信息量的同时还必须达到简洁表意的作用。在这么小的界面里要用简单的造型准确表达含义是比较复杂有时对于简单的图形不同用户的理解也不一样。如果手机图标的设计只是将着眼点放在表面视觉因素的“好看”上就失去了最初用图标代替文字的目的。因为较文字而言图标的优势在于：概括性和可认知性强大大提高了界面的易用性；形象生动、醒目提升界面的视觉效果但唯一不足的是不如文字表达准确大量手机图标的设计常常使得用户存在误解导致错误的操作和不便的使用。而图标的最主要作用是功能性其次才是美观性。若片面的追求高精细和质感则会忽视图标的可用性和易用性。图标的可用性与精细度的变化可形成一个峰状的曲线。可用性会随着提高精细度而上升当达到一定精细度后图标的可用性往往会随着图标的精细度而下降。二、图标符号最基本的功能是认知与交流1、设计中的一项重要原则即认知性这也是手机图标语言的生命所在。正确的操作部位必须显而易见而且还要向用户传达出正确的信息。图标的符号特征之所以得以辨认和理解是依赖于用户在长期的生活经验中形成了对图形的联想感受和心理感受。因此图标的造型应与用户已知的象征性符号相对应要保证两点：可识别：诺曼认为之所以在设计者和使用者之间出现偏差是在实际的设计过程中设计者往往认为自己的概念模型以及系统表象正确地代表用户的心理。而实际上这些概念模型与真正用户的心理模型相差甚远。因此作为符号性的图标在设计师进行图形联系和编码时需要考虑到所指代的对象、用户解码后可能产生的各种理解以及图形的使用情景和与其他图标之间的关系。使用户在最小歧义的情况下能够识别各个应用程序这是图标设计中最重要的一点。以图3为例与生活相关的游戏手柄其指代的对象是在手机中游戏应用程序的图标用户看到后的解释也必然会与游戏、娱乐相关；加减乘等号也是计算器此类的应用程序的一种隐喻的表现。美观：图标的美观不仅要体现艺术形式的美更多的是在人机交互中带给用户的愉悦体验。手机图标需要尽量的简单化、整体化并注意图形与背景的关系。同样的场当它是图形时要比当它是背景时看上去更加色彩鲜明一点。现在越来越多手机的界面都采用深色背景和鲜亮图标的对比在深色背景下的图标会显得更为突出和活泼方便用户即使在昏暗的环境中也能清晰的辨认各个程序图标减少错误点击的可能性。2、如今手机的消费除了实用性用户还在意手机的品牌价值和情感归属性。因此图标作为视觉符号所形成的传递性和交互性也就显现的尤为重要。手机通过增强界面图标所带来的交互体验方式使用户的操作更具趣味性。用户可以通过旋转图标直接选取目标程序；围绕Home图标的色环颜色表明是否有未接电话或未读信息；在天气设置应用程序的图标中加入色环(绿色、黄色、红色)提示当前的气候舒适度和人体适应度；用户通过拖动图标以撕破蜘蛛网的方式才能解锁。这一系列的设计增加了用户的参与提高了图标作为一种交流符号的互动性。三、手机界面图标的视觉设计图标的视觉设计包括其形态(form)、色彩(colour)、材质(material)、布局(1ayout)为便于表述与记忆可提取各英文单词首字母而缩写为“F.C.M.l。1、形态手机界面图标的形态丰富又具有概括性在界面中形成了对称与均衡、统一与变化、动态与静止的综合体现。因此图标的形态要尽量简洁现代避免过度使用象征性的隐喻符号用简单的图形作为整体象征性的代表(例如音乐图标以扬声器为代表)。作为图标的重要元素之一形态是传达意义的载体。随着手机技术的发展和用户情