图标整体设计中的图形语言与情感设计

图标整体设计中的图形语言与情感设计姓名邹丽莎学号 1112582院系文学院艺术设计系年级 11级课程名称平面设计史任课老师崔克刚摘要：图标作为表象图形符号在城市交通，建筑和网络等方面承担着指示，引导，警示和强调等作用。

本文首先对图标的概念进行了较详细的阐述,并对图标的产生和发展过程进行了梳理。

通过查阅资料和相关的文献。

在了解环境设计，建筑设计的基础上,从整体化设计的角度探讨图标设计与环境的关系;最后,提出大胆合理的构想。

探讨研究图标设计中的图形语言和情感设计。

关键词：图标历史发展图形语言情感设计一图标的概念界定“图标”这个词语起源于英语的表达,记作<icon0>,希腊语为<EIKON0>,意思是图像所以,可以这样定义图标是所代表真实事物抽象化或简单化后的符号 ,相比图示的比较严格的形式和规范而言,图标是不用受到规范的制约,可以自由构形的图形符号,所以在图形符号的造型方面具备更多自由选择的空间,允许有较高的娱乐效果,甚至可以通过趣味化的图形传达信息,同时图标也能在电脑,手机,或其他数码产品上具有一定的约束和指导作用。

图标主要应用于计算机，手机和网站的界面上,它的构思都来自日常生活中的实物，动作，表情等,并用直观，娱乐的手法表现出来,让使原本机械，冷漠，不真实的计算机虚拟世界变得更利于人们理解和操作本质而言,图标承担着一个复杂过程简单化过程中接口的作用,比如对于计算机初学者来说,面对一台不会说话的机器不免会不知所措,但是有熟悉的图标指导操作就能够比较轻松的熟悉和适应计算机的使用。

图标在继续承担传达信息这个主要功能之外,越来越表现出图形语义的多元化和娱乐性，图形语义所表达的含义受到观者自身理解的差异而呈现出多义性的特征，多义性导致观者对图形的解读的结果具有不确定性。

在现今的信息社会中,随着科学技术的发展以及电脑的普及,图形语义被注入了信息时代的更多特征:例如表现出更加高度浓缩的内容。

更加具有强烈的视觉传达效果。

更加具有多维的空间感!更加蕴含丰富的感情色彩等等,这些都使得现代图标的图形语义更加多元化，为了更加吸引观者的眼球并且满足人们渴望轻松愉快的心情,图标不再呈现出冷冰冰的功能性,而是出现了Q版，高仿真，卡通等娱乐化倾向,如原本的鼠标指针就是个黑色边框的白色箭头,逐渐出现了音乐指挥手势，恐龙卡通形象，羽毛形状，花形等,提供给人们更多的选择,满足了不同的需求。

二图标的产生和发展进程图标的产生比较晚,可以说是伴随着社会的数字化进程产生和发展起来的。

现在我们可以在所有的机器操作界面，按钮，计算机或手机界面上看到图标。

最初,这些地方只有文字符号协助人们完成操作任务。

随着全球科技的发展和普及,文字符号受到了国家语言的限制,以及不容易辨识等原因给用户带来了操作上的困难。

所以,就需要一种能够满足国际上通用需要的视觉传达手段,图标这种更加直观，易懂的新型表达方式就应运而生了，著名设计师苏珊.卡勒为苹果公司设计的图标操作系统可以算是最早的图标设计。

由于当时计算机的图像是黑白像素组成的小网格,图标在表达形式上不可避免的受到了像素网格制约,但是并不影响它成为冰冷的计算机与使用者之间的桥梁,给计算机使用者在操作方面带来了便利和支持。

现在,黑白像素网格已经发展成了百万像素网格,图标的形式也呈现出不一样的感觉。

三图标整体设计及应用分析3.1计算机操作系统中图标的整体设计图标所处的环境相对图示来说,更加的具体和单一,因为图标主要出现在计算机，手机，数控设备以及其他数码媒介的用户界面上。

随着人们审美水平的普遍提高,对时尚!趣味的不断追求,图标设计也在不断推陈出新。

无论是计算机操作系统还是各种软件中的图标设计的越来越精美和富有想象力。

可是,从另一个重要的角度一可用性的角度来看,并不是图标设计的越花哨就越被用户接受,因为过度精细或者复杂的纹理会分散使用者的注意力,从而使其需要花更长的时间来处理图标想要传达的信息,从而降低图标本身的可识别性,适合图标所处环境的设计才是真正的好设计。

目前常用的计算机操作系统有window XP系统，vista系统，苹果电脑IMAC系统等。

3.2网页中图标整体设计的应用分析随着社会信息化的不断推进,网络渗透到都市现代人工作和生活的每一个角落。

通过调查得出这样的结论:人们查看网页的方式已经由阅读式变成了扫读式,也就是说人们的视线首先不会关注大段的文字,而是根据页面中活跃元素对其视线的吸引程度来决定是否继续停留在该页面，网页中的活跃元素包括了图标。

图片，以及优秀的版式等。

其中图标是一个既简单又有效的吸引用户的方式。

网页中的图标多为导航性图标,它能帮助浏览者进入网站的任何不同的区域,通常这类图标都带有链接,点击图标后会打开相关的页面。

还有一种网页图标属于状态类图标,用来表示网站中某种特定变量的状态。

例如购物网站中卖，买家的等级用五角星图标和皇冠图标来表示:或用图标的形象感描述文字信息等。

使用图标是为了帮助人们更有效地吸收和处理信息,更好地丰富内容,而不是削弱或者取代了网页内容。

对比可以发现,每个信息内容的标题前方添加一个图标的网页要比没有图标的网页更利于人们视线扑捉到信息,页面呈现的效果也更加清晰和丰富。

3.3软件中图标整体设计的应用分析软件中的图标多为操作命令式图标,即点击图标会执行一种命令例如,Office办公软件界面中的操作图标(见图1),图标从左到右分别代表了新建空白文档,打开(某文件),保存,(自由访问)的权限、电子邮件、打印、打印预览,(检查)拼写和语、剪切、复制、粘贴、撤销键入、插入超链接、插入表格、插入Microsoft Excel 工作表命令。

聊天工具成为网络用户的必备软件。

聊天软件通常拥有小巧的用户界面,这就要求不能有太多的文字,这种情况下图标的设计和合理运用就成为其主要的考虑因素。

其中,表情图标让图标的娱乐性有了更加淋漓尽致的表现。

四图形语言的合理运用4.1合理大胆的运用抽象图形和意象图形作为沟通手段,图形语言是一种跨越国界的语言,它克服了不同地域因为人类语言差异而带来的许多沟通交流上的障碍。

图形语言和文字语言相比,无论是从传播速度还是从承载的信息量来说,都远远优于文字信息的传播。

由于两者都是传达信息或意义等的方式和载体,所以在某些方面也有相似之处，语言体系中有一定的构成要素和语法规则,那作为非语言系统的图形语言来说也有类似的要素或规则,即1.组成图形的元素,如点、线、面、颜色、形态、空间等。

2.元素的组合关系及方式;3.图形的结构、形式法则和视觉形式的基本规律的应用。

由于图标的特点决定了它们不能像广告或插图那样包含大量的内容,据研究表明,图形语言传达的视觉信息越集中和单纯,就越能够在较短时间内引起观者的视觉注意和心理反应,并起到迅速传达的效果。

所以,图形语言运用在图示和图标中必须做到:1.合理大胆的运用抽象图形和意象图形,保证信息传达的清晰和准确;2.鲜明而独特的色彩效果也能提高图示和图标的视觉可识别性;3.关注隐喻性对图形语言与信息之间表达的影响。

图形语言的表现形式从视觉图式的角度分为:具象图形、抽象图形和意象图形。

具象图形是可以通过科学的方法,通过对客观世界可被认知的具体事物(包括自然物和客观物)和形态的真实描绘,用最直观的形式让人一目了然,一眼就能了解它表达了什么,其特征是容易让人由已知的经验,直接引起识别及联想。

具体图像的表现形式通常以摄影图片、绘画图形为主要表现手段。

图标中相对多以现实生活中实物的具象图形出现,形象的表达抽象的含义,这样更利于理解。

现代汉语词典对“抽象”一词的解释为:从许多事物中舍弃个别、非本质的属性,抽出共同的本质的属性叫做抽象,它是形成概念的必要手段。

抽象图形一般多用点!线和面变化组成有间接感染力的图形"抽象的点、线、面变化可以成为联想表现的手段,引导观者的联想感受。

它可分为两类:一类是对自然具象进行加减"提炼或重构解析,如毕加索的5公牛6,就是图形从具象向抽象变化的过程,画家将公牛的现实形态通过简化等手法,提取出最本质的要素,完成了极简约的抽象图形;另一类是完全用远离自然和现实的一些形式元素构成的抽象形态,如蒙特里安变现的“冷的状态”抽象图形表现自由、丰富多样,从手法上有人为抽象圆形!偶发抽象图形、抽象肌理、电脑辅助设计几类。

意象则可以理解为人对客观世界的感知和转化而来的意念之象。

意象离不开想象,想象是意象世界创造的动力。

意向图形多用夸张、想象、象征、变形等表现手法。

4.2鲜明而独特的色彩效果可提高视觉的可识别性全球化进程的加快,人们跨国间的交流也更频繁,联合国一个专门机构为了统一全世界的交通图示,调查了现有的交通图示制度,根据调查结果进行试验得出色彩方面的统一标准:红色用于表示禁止、规定等含义,色用于表示警告等含义,蓝色用于表示提示等含义,绿色用于表示安全、解救、通行等含义。

为了更好的达到图标整体设计的目标,强调色彩的一致。

这里并不是要求一组图形都使用一种颜色,而是在根据图形表达含义的不同,结合自然环境和人文环境特点的同时,选择一种或两种颜色作为整组图形的主色调,部分图形的特殊细节可以使用少许其他颜色以示区别。

4.3隐喻性影响着图形语言与信息之间的表达图形符号从设计完成到被完全接受,要经历设计师的初次艺术加工和受众的二次理解这两个过程共同完成。

受众的二次理解是需要去联想。

去体味图形符号要表达的含义。

也许由于人类思维本身具有隐秘性以及图形语言的隐喻性,决定了受众在调用自己的文化背景、知识结构和创造能力解读图形时,需要透过图形去发现和感悟图形语言背后所传递的潜在含义,并且随着对其意义的深入理解而逐步加深认识,从开始不太明白到逐渐明白其中的真意,直至与设计者产生情感上的共鸣,在获取信息的同时也获得了美的愉悦和享受。

图形语言与所表达信息之间的关系称为“隐喻”,也可以说成是映射关系。

它需要运用象征、比喻或联想等手法表达不同形象之间的关系与含义,让受众在解读图形语意过程中了解它丰富的内涵。

五图标的情感设计历史车轮滚滚向前,人文思想不断充实、发展。

传统文化中的情感积淀能让我们的设计充满了感染力和亲和力,与不同的观者产生了共鸣“Google”的图标设计一直以来备受大家的关注,作为一家大型跨国网络公司,为了更好的开展不同国家的业务,它会根据所处国家的文化特征,在每个节日或大事件时更换当天的fogo。

原本只有6个英文字母的fogo,经过与富有情感的图形结合变得格外的生动,很好的吸引了人们的注意力。

Google这种做法得到了广大网友的认可和推崇,其他网站也开始竞相效仿。

分析之后,不难发现这其中最大的成功之处就是Google更关注情感因素在设计中的运用,深入挖掘出了受众潜在的情感动力,使人们产生一种对本民族传统文化的体验和对作品的强烈归属感。