探索图标设计的微观世界:从符号学说起

文章描述:浅析图标的微观世界——从符号学说起.

自图形用户界面这个概念诞生于1970年施乐完成的第一个WIMP演示以来,使得计算机用户界面从字符发展过渡到了图形时代。经过不足半世纪的迅速发展,纵观受人瞩目的苹果系统与大众化受益者的微软视窗系统,图形用户界面呈现出层出不穷的变化。面对这些精彩纷呈、感性与理性兼备的图形界面设计,图标元素无疑起着不可忽视的作用,想在此与大家一起探索下图标的微观世界。

首先,先从符号学说起。

什么是符号学?

随着人类社会的发展和文明的与日俱增,符号世界日渐丰富完善。早在过去的原始时期,符号交流就产生于结绳记事、图腾仪式、象形文字的人类文明中。从具体质朴的物理世界到抽象丰富的符号世界,人类精神文化中所有形式都是符号活动的产物。

“符号”——记号、标记、信息的载体,是一种感官系统所感知的对象,对象代表一定的事物,集体所认同的公共约定。 利用简单的代号代表复杂事物或概念。同时它具有认知与交际的功能,通过符形来传达信息。

符号学自19世纪以来就以语言学为源头出现,随后源于结构主义语言学、逻辑学、文化哲学和美学这三种学术领域探索,现代符号学由此诞生。针对语言的符号性质,在我国先秦时期就对其投入关注,数千年前的《易经》堪称符号学史上一大奇迹,它建立了包含今天所说的语构学、语义学和语用学的完整符号系统。

符号学在图形用户界面中的表现属于应用层面,在符号学应用研究领域的探索,国外涉入较早。符号学的传播方式有三种,其一适用于互联网环境下的传播方式为:共同经验传播模式。这种模式基于编码者与解码者之间的共同经验范围所交集形成的共同认知,最后促成我们所说的具有约定俗成特性的符号。

符号学部分理论学

索绪尔与皮尔斯是符号学研究领域的先驱者,索绪尔的结构主义符号学为欧洲符号学研究奠定了基础概念,他将符号学分解为能指(Signifier)和所指(Signified)即指称物和被指称物两个部分,也就是形式与内容。

相对于索绪尔的研究方法是围绕能指和所指两个侧面展开的二元化,皮尔斯则是三元化的研究方法。他认为符号学含有符号、客观对象、解释这三项,弥补触及了索绪尔没有涉及的部分。皮尔斯是美国的实用主义哲学者,他的符号学理论建立在对意义、表征、符号概念的逻辑学研究基础之上,概括起来为三种范畴:设计感觉质,人的经验,思维三个层面。即媒介物、对象指涉、解释这三要素构成的三角形关系。他的理论具有普适性,适用于任何领域,被称为“广义符号学”。听到为数最多的要数对象关联层下的三个下位符号:图像符号(icon)、标识符号(Index)和象征符号(Symbol)。

图标微观世界中的符号学自然也有在三个范畴层面上的表现,本文着重围绕对象关联层进行进一步探讨。

图标对象关联层

图像符号的表征方法为对对象的写实或者模仿来表征的,建立在相似性基础上,有明显的可感知特性。比如计算机操作系统中的回收站用垃圾桶来表意;用折了角的纸代表文档;文件夹的含义直接采用文件夹工具图标来表征。图像符号的设计让用户在使用认知过程中带有愉悦感,一方面形态语义比较直观易懂;另一方面在身处非物质化时代下,对虚拟世界的认知能立刻联想到现实中的物理世界,这也是为什么如今的图形界面中越来越多呈现出“拟物化”设计。

标识符号则不是像图形符号直接描摹对象事物的形态,它与表征对象存在着因果或者接近的逻辑性的联系。人们在日常生活中最为常见的要属公共导向中的指示符号,鉴于导向系统中的建筑物出口处通常用“门”这个图形概念来表征,所以沿用到图形用户界面中网站的首页,通常采用小房子图形来表征用户的浏览步骤一直退后到当前网站的“家门口”,即首页。而图形用户界面中还大量得运用了上下左右不同方向,直线型或曲线型的箭头,它们都来自传统的公共导向系统中。包括界面中常用的“刷新”图标,源于国际环保组织统一认证标识中的“循环利用回收”标识简化而来的。

除此以外,导航、菜单、搜索、等交互控件的链接节点也都是标识符号。

象征符号则与表征的对象没有相似性或直接的联系,它是庞大图形符号中最为抽象含蓄的表意符号。它所指涉的对象与本身没有造型上的相似或关联,而是在性质上有相似之处,它是群体在长期的劳动实践中形成的约定俗成的表征方式。例如公司标识、文字、数字、颜色、姿势、旗帜、宗教形象,这些带有浓烈的社会文化背景的符号都属于象征符号。例如最早出现于微软XP操作系统中的共享图标为一个托手的形态来表征,至今沿用于其他界面媒介共享语义的图标中;又例如竖起大拇指在网页中表征“支持”的语义,这些属于手势象征符号范畴。代表产品或者公司企业形象的Logo,通常作为其网站的导航栏上的“首页”图标,这也是作为象征符号的用法。

在图形用户界面中采用象征符号的情况下,尤其需要谨慎地对待,因为由于各个民族具有自己群体的共识符号,不利于跨国界交流。我们提倡在本地化的语境中强调民族化的元素符号,而在全球化的语境中仍然是需遵循跨地域跨文化的符号运用准则。甚至是同一地域中的文化在不同时期也会出现持有符号意义的变化。

[1] [2]  下一页

时间: 2025-01-01 22:24:16

探索图标设计的微观世界:从符号学说起的相关文章

浅析图标的微观世界——从符号学说起

自图形用户界面这个概念诞生于1970年施乐完成的第一个WIMP演示以来,使得计算机用户界面从字符发展过渡到了图形时代.经过不足半世纪的迅速发展,纵观受人瞩目的苹果系统与大众化受益者的微软视窗系统,图形用户界面呈现出层出不穷的变化.面对这些精彩纷呈.感性与理性兼备的图形界面设计,图标元素无疑起着不可忽视的作用,想在此与大家一起探索下图标的微观世界. 首先,先从符号学说起. 什么是符号学? 随着人类社会的发展和文明的与日俱增,符号世界日渐丰富完善.早在过去的原始时期,符号交流就产生于结绳记事.图腾仪

iOS 7 图标设计的七条黄金法则

你是怎样设计iOS7图标的?如果还没开始上手?不要紧,抓紧练习前,先看看 Craig Grannell 从设计大神那里总结的一些经验. iOS7的图标设计,评论不一,肯定有优点,也有缺点,正如Bjango设计总监 Marc Edwards 说的那样:"不管iOS7好还是坏,大部分应用的图标都根据iOS7的视觉风格进行了调整,我个人怀疑iOS 8的视觉转变可能会更大,但无论如何,iOS7还会存在很久." 从iOS6到iOS7,苹果的转变未免太激进了,这给很多设计师设置了障碍:原来在iOS

揭秘苹果最新操作系统YOSEMITE的图标设计

  @陈子木 上个月苹果发布了最新操作系统OSX Yosemite 的预览版,界面的视觉设计与iOS7的设计语言更加接近了.那些熟悉的模糊背景和半透明材质被添加到UI中,更加的简洁漂亮的界面布局,和全新的图标和字体也都出现新版的系统中. Yosemite的变化是可喜的.我打算在这篇文章中说说Yosemite中的图标设计.在Yosemite发布之前,Apple在Mac系统上的图标设计规范并不明确,只是提出过一组粗略的List,并在官方的人机交互界面准则(HIG)中提出了一些简单的建议.在Yosem

IOS7图标设计的七条黄金法则

  01.使用辨识度高的隐喻 (1)Edwards 首先注意到的一点便是图标通常尺寸都很小,因此图标设计的关键就在于:简单的勾勒出应用的整体概念 "一般的做法是使用一种或两种辨识度较高.能代表概念的物体.然后再用优秀的色彩和流畅的形状来塑造美感" (2)而设计师 Jon Hicks认为除此之外,图标的隐喻性也要强(比如说拍照应用),图标应该是一种能够有所代表的符号,具有一种标识性(不可否认,Safari的品牌塑造就很成功,大部分人一眼都能认出来),Apple的游戏中心以及设置图标的隐喻

聊聊PS图标设计流程及小技巧

  图标设计要求熟练运用软件,涉猎各种矢量特性.蒙板以及构造实体几何,因此,会需要同学们运用不同的软件工具与技巧,今天的译文全都是超实用的技巧干货,周末来补充点有料的. 图形创建 vs 图形样式 我认为,对矢量路径的创建和图形样式的设定作出正确的区分是十分重要的,因为它们需要通过两种截然不同的设计软件来实现--Photoshop 和 Illustrator. Photoshop 的渲染质量和蒙板功能几乎超越了所有的设计软件,而 Illustrator 则囊括了丰富的矢量功能.在我的漫漫图标征途中

移动图标设计教程:快速打造iOS7风格图标

文章描述:我为你准备了一系列指南,能帮你通过简单的步骤打造iOS7风格的图标. 随着近年来iOS7的发布,很多网站和APP都忙于改头换面,来适配这套全新的扁平纤细的iOS设计风格.设计好图标是件棘手的事情,尤其当你要设计一整套时,而设计线条式图标本身又是另一项挑战. 下面,我为你准备了一系列指南,能帮你通过简单的步骤打造iOS7风格的图标. 目标是什么? 凡事分轻重缓急,你设计的图标或图标集是用于你的APP吗(这里的APP也指网站)?对于这部指南来说,都无所谓.因为无论如何你都应当遵循下面这些步

UC8.0浏览器产品游戏中心图标设计经验分享

文章描述:UC8.0诞生记–应用中心图标设计小教程. 应用的时代到来?毋庸置疑的回答是"Yes!".无论是PC.Web还是移动终端,都迎来自己"应用化"的春天.当然,随着UC8.0各线浏览器产品的发布,UC浏览器的粉丝们不难发现,"应用化"的道路上出现了大家挚爱的UC嘞,可喜可贺呀! 找好自己的风格!这是我们开始图标设计之前需要想好的.平面的?立体的?写实的?卡通的?等等.这个过程也许很长,也许会很短.灵感这东西很难琢磨.当我们想好大体的形状,我

图标设计过程中需要注意的问题

文章描述:那么怎么样才能做出一套好的图标?在图标设计过程中需要注意哪些问题? 图标在生活中运用是显而可见的.例如:男女厕所标志和各种交通标志等.在计算机系统或软件方面的应用也是很广泛.例如:程序标识.数据标识.命令选择.模式信号或切换开关.状态指示等.下面的例子更形象的说明这个问题. (图片来源:九铭)外国人A与中国人B,两人在语言上存在差异对文字的认识是不同的,用图标来表示,会缩短语言描述的距离.所以图标更具有快捷传达信息.便于记忆的特性.那么图标被广泛使用的时候,什么样的图标才是好图标呢?好

由CSS3代码生成的图形与图标设计

网页制作Webjx文章简介:这些用CSS3做的标志与图标,很牛吧! 本文中的这些标志与图标都是用CSS3制作而成,看上去似乎很不可思议,其中包括了IE图标,网站图标,奥运会标志等等,都是一些十分常见的标志,而它们之所有如此特别是因为这些标志与图标只是用CSS3来显示在网页中,而并非图片显示. 尽管被批评为走火入魔,CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计,如果你看到本文介绍的这些精美图标,你绝对不会相信它们完全是由 CSS3 代码生成的.尤其是那套由 Louis Ha