（设计艺术学专业论文）网页界面设计的隐喻要素研究.pdf

硕士学位论文 摘要 本文的研究的重点是探讨如何运用隐喻的概念和方法进行网页界面的 创意设计 目的是寻找好的 新的 有效的界面设计的概念 以解决界面 设计过程中的各种问题 文章首先对网页设计中的隐喻概念进行定义 认 为隐喻不仅仅是一种视觉形象语言 更重要的是它是一种重要的视觉设计 思维 是我们进行创意的思维基础 并归纳了隐喻概念的三个特征 即概 念相似性特征 经验相似性特征和认知思维的特征 隐喻的这三个的特征 即是我们理解隐喻设计方法的基础 同时也是我们进行创意设计的思维基 础 这三个特征使隐喻方法成为一个功能强大的 有效的创意思维工具 如何将隐喻方法应用到界面的创意设计 作者以系统的观点 对具有 隐喻特征的网页界面设计进行分析和评价 并运用t r i z 设计理论和形态分 析方法 策划和构建广东省1 5 1 工程项目 构成艺术专题学习网站的界 面隐喻系统 就案例问卷结果的分析和界面隐喻的设计体验 作者总结了 两个重要的设计理念 分别是基于情感的界面隐喻设计和基于创意的界面 隐喻设计 无论是哪种隐喻方法 一个好的隐喻设计 不仅仅是需要有好 的视觉效果 更重要的是能够满足用户的不同需求 为用户解决界面使用 过程中的问题 并使用户在使用界面时 能够获得更多的 愉悦感 关键词 网页设计 隐喻 认知 思维 界面 情感 用户需求 网页界面设计的隐喻要素研究 a b s t r a c t t h i st h e s i sf o c u s e so nh o wt oc o n d u c tw e bi n t e r f a c ed e s i g no fo r i g i n a l i t y v i ac o n c e p ta n dm e t h o do fm e t a p h o r t h ep u r p o s ei st os e a r c hg o o d n e wa n d e f f e c t i v ec o n c e p to fi n t e r f a c ed e s i g n a n dt os o l v et h ep r o b l e m so fp r o c e s s i n g i n t e r f a c ed e s i g n f i r s t l yt h et h e s i sd e f i n e st h ec o n c e p to fm e t a p h o ri nw e b d e s i g n i ts a y st h a tm e t a p h o ri sn o to n l yak i n do f v i s u a ll a n g u a g eb u ta l s oa n i m p o r t a n tv i s u a ld e s i g nt h o u g h t a n di t i st h eb a s i ct h o u g h to fo u rc r e a t i o n t h e t h e s i sc o n c l u d e sm e t a p h o r st h r e ef e a t u r e s c o n c e p ts i m i l a r i t y e x p e r i e n c e s i m i l a r i t y a n da c k n o w l e d g e m e n t t h ef e a t u r e s a r et h eb a s i co fo u r c o m p r e h e n d i n go fm e t a p h o rd e s i g na n dt h eb a s i ct h o u g h to fc r e a t i v ed e s i g n a n dt h ef e a t u r e sm a k em e t a p h o ra sap o w e r f u l l yf u n c t i o n a la n de f f e c t i v e c r e a t i v et h o u g h t h o wt oa p p l ym e t a p h o rt oi n t e r f a c ed e s i g n t h ea u t h o rs y s t e m i c a l l y a n a l y z e sa n da p p r a i s e s o ns o m ew e bi n t e r f a c e sc h a r a c t e r i z e dw i t hm e t a p h o r w e u s es y s t e m i ct h o u g h t t r i zt h e o r ya n dm o r p h o l o g i c a la n a l y s i st od e s i g na n dm a k e g u a n g d o n gp r o v i n c e15 1p r o j e c t c o n s t r u c t i o na r ts t u d yw e b s i t e si n t e r f a c em e t a p h o r s y s t e m b ya n a l y z i n gt h er e s u l t o fc a s e sq u e s t i o n n a i r ea n dh a v i n gt h ed e s i g n e x p e r i e n c eo f i n t e r f a c em e t a p h o rs y s t e m t h ea u t h o rc o n c l u d e st w oi m p o r t a n td e s i g n s t h e o r y t h e ya r ei n t e r f a c em e t a p h o rs y s t e mb a s e d o ne m o t i o na n di n t e r f a c em e t a p h o r s y s t e mb a s e do no r i g i n a l i t y w h a t e v e rw h a tk i n d so fm e t a p h o r ag o o dm e t a p h o r d e s i g n n o to n l yn e e dg o o dv i s u a le f f e c t t h em o r ei m p o r t a n tist h a ti tc a n m e e t u s e r s v a r i o u sr e q u i r e m e n t s a n ds o l v et h ep r o b l e m sw h i l eo c c u r r e di nt h eu s i n g o fi n t e r f a c e i ta l s ob r i n g sjo yt ot h eu s e r s t h et h e s i sa l s od i s c u s s e ss o m ed i f f i c u l t i e sw h e nu s i n gm e t a p h o r s u c ha s d i f f i c u l t i e so nu n d e r s t a n d i n ga n da c k n o w l e d g i n g t h a tw i l lm a k et h ei n t e r f a c e c o m p l i c a t ea n dr e d u c er e a d a b i l i t yo fi n t e r f a c e t h e r e f o r e w en e e dc o m b i n et h e e l e m e n t so ff u n c t i o n c o n s t r u c t i o n c o n c e p ta n dv i s u a lf o i t nt oc o n s i d e ra n d d e t e r m i n et h eu s eo fm e t a p h o r i fw ec a nf i n ds u i t a b l em e t a p h o rt h e nt r yt od oi t h o w e v e r w es h o u l dn o tc o n s t r a i nt h ei n t e r f a c ed e s i g nt om e e ta n ym e t a p h o r k e yw o r d s w e bd e s i g n m e t a p h o r a c k n o w l e d g e t h o u g h t i n t e r f a c e e m o t i o n u s e r s r e q u i r e m e n t 湖南大学 学位论文原创性声明 本人郑重声明 所呈交的论文是本人在导师的指导下独立进行研究所取 得的研究成果 除了文中特别加以标注引用的内容外 本论文不包含任何其 他个人或集体已经发表或撰写的成果作品 对本文的研究做出重要贡献的个 人和集体 均已在文中以明确方式标明 本人完全意识到本声明的法律后果 由本人承担 作者签名 日期 年月 日 学位论文版权使用授权书 本学位论文作者完全了解学校有关保留 使用学位论文的规定 同意学 校保留并向国家有关部门或机构送交论文的复印件和电子版 允许论文被查 阅和借阅 本人授权湖南大学可以将本学位论文的全部或部分内容编入有关 数据库进行检索 可以采用影印 缩印或扫描等复制手段保存和汇编本学位 论文 本学位论文属于 1 保密口 在年解密后适用本授权书 2 不保密团 请在以上相应方框内打 4 作者签名 导师签名 日期 o 口刁年j 殷7 日 日期 d d o 7 年 彤 日 硕士学位论文 第1 章绪论 1 1 论文的研究背景 作者在做 1 5 1 工程 构成艺术专题学习网站的策划和设计时 翻阅了大量有 关网页设计方面的书籍 并下载 收集 整理了众多的国内和国外的网页资料 通 过深入分析这些文献资料 我们很容易发现两个比较突出的问题 一个问题是 把 网页设计等同于软件技术 而另一个问题是 把网页设计看作是单纯的艺术设计 很少有文章从思维和概念等深层次角度去探讨新的网页设计的理念 这也是作者做 这篇论文研究的一个因素 另一方面 作者认为 尽管网页设计仍然是一个比较新的实践领域 但其它设 计领域或者其它学科的有许多的概念和成就可以为我们借鉴和引用 其实 网页设 计和其他设计领域之间存在有很多的相似点和相关因素 他们最核心的部分往往都 表现在 为用户解决问题这个核心设计理念上 隐喻思维善于用一类概念表达另一 类概念 同时 它也是设计者表达他们设计思想的重要思维方式之一 因此 隐喻 思维可以作为我们在做界面设计时借鉴其他学科知识体系的一个有价值的工具 隐 喻作为一种重要的 有效的设计思维 越来越被设计者的重视 这是我做这篇论文 研究的另一个重要因素 作者希望通过对界面隐喻方法的研究 能够找到一些新的 有效的界面设计理念 1 1 1 论文研究的内容 论文研究的内容主要有三个部分 对网页设计中的隐喻概念的界定 探讨隐喻与网页各要素之间的关系 隐喻方法在 1 5 1 工程 构成艺术专题学习网站上的应用 前面两个部分主要是针对理论的研究 第三部分则是对实践环节应用的研究 1 1 2 论文研究的流程与步骤 第一阶段 首先 确定个人的研究方向与范围 进而提出研究背景与动机 拟定研究目的 与研究问题 并进行广泛的资料收集 分析 归纳与筛选 同时广泛收集各类网页 素材 网页设计的规范与标准 网站人机界面的评估准则等等 作为理论研究的基 础 网页界面设计的隐喻要素研究 l l 匮亟耍亟j 亘强 i 第二阶段 规划研究方法 进行研究分析和策划 对网页隐喻系统的各相关因素进行分析 运用t r i z 设计理论 网页形态要素分析等研究理论和方法 对网页隐喻系统的构 建方法进行初步探讨 并进行用户需求分析 i l 1 匝垂亟叠亘雯至珂 第三阶段 基于案例 1 5 1 工程 专题学习网站隐喻系统的构建 运用问卷法 出声 思考法 观察法 面谈法 启发式评估等实验方法 对该网站隐喻系统进行可用性 和用户需求实验 根据数据分析与处理的结果 提出有益的建议 j l l 2 硕十学位论文 1 1 3 论文的研究目标与组织 由于目前对网页界面隐喻的研究尚属一个比较新的研究领域 还没有形成一个 系统的研究理论和框架 尤其在国内 很难找到这一领域的研究材料 因此 作者 选择从一个比较务实的角度 通过借鉴其它相关学科的研究理论 对网页界面隐喻 这种新的思维方法和设计语言进行初步的探讨 研究的方向也比较单一 主要目的 是寻找新的 有效的网页界面设计的解决方法 以解决界面设计过程中的可能遇到 的各种问题 提高界面设计的质量 1 1 4 论文研究的方法 主要是基于数据 图表和案例等研究方法 1 2 网页设计中的隐喻要素分析 1 2 1 网站界面设计的特征 为了更好理解网站界面 我们可就一般软件工程界面与网站的界面做一比较 以进一步理解网站界面设计的特点 表1 1 网站界面和一般软件工程界面的比较 比较项目网站界面一般软件工程界面 用户群用户人数众多 往往局限在特定的用户群 建置上建置时间短 花费成本低 所参与的人力建置时间长 花费成本高 所参与的 较少 人力往往比较多 更新速度网站的更新要求快速 能够远程操纵和控相对比较慢 制及自动进行 页面特性网站提供大量的信息和超链接 故非常注将重心放在功能的实现 重页面的浏览性 功能 网站的使用相对简单 用户不需经过培训 功能复杂 需要另外提供专门的使用 便能很好使用网站 手册 因此 与一般工程软件相比 网站的构建更加注重界面的设计和界面的使用性 1 2 2 网页设计中的隐喻概念的界定 隐喻原本是在文学领域应用广泛的一种重要修辞格 在文学中 隐喻又称为借 喻 它更多地指的是一种狭义的隐喻的概念 在网页设计中 我们也经常会使用隐 喻的方法 既能够使抽象的概念转换成具体的形象 又能够使我们的设计更生动 网页界面设计的隐喻要素研究 更形象 网页设计中的隐喻概念往往指的是一种广义的隐喻的概念 简单地说 在 描写事物或者说明的道理时 用同它有相似点的别的事物或者道理来打比方 这种 思维方式都可以叫做隐喻 隐喻作为一种重要的创意思维 越来越多地被应用到我 们的设计中 在网页设计中 隐喻经常表现为一种重要的视觉化 形象化的设计语 言 而差别于文学领域中的隐喻概念 这种视觉化的隐喻语言的基本结构只包含两 个部分 即本体 被比喻的事物 和喻体 作比喻的事物 而不需要任何比喻词 并且 本体和喻体很少同时出现 一般只出现喻体 而本体被隐藏起来 在网页设 计中 隐喻概念不仅仅包括了明喻 暗喻和借喻三个常见的比喻概念 甚至还包括 联想 借代等设计手法 因为联想和借代手法经常具有隐喻的性质 从某种意义上 来说 它们可以被看作是隐喻意义的延伸和扩大 隐喻最早被有意识作为一种视觉化的设计语言 是被应用在具有后现代主义特 征的建筑设计中 现代主义建筑先驱柯布西埃在1 9 5 0 1 9 5 3 年设计的朗香教堂 就 具有明显的隐喻特征 如图1 1 所示 图1 2 是黑勒尔 肖肯 h s c h o c k e n 根据 建筑语义学而绘制的朗香教堂的隐喻簇 朗香教堂以古怪的塑性形体 新颖的有机 造型 类似远古洞穴的神秘空间和几乎可以说是意义含混的隐喻 营造出教堂的神 圣性与神秘感 朗香教堂使柯布西埃与他从前所皈依的现代主义建筑的 机器美学 进行了果断决裂 并对之后的后现代隐喻主义建筑产生重要的影响 图1 3 柯布西埃于1 9 5 0 1 9 5 3 年设计的朗香教堂 来源 h t t p b u i l d s d i y m y r i c e c o m a ac n l o r o i e c t vn d d h h t m 4 硕士学位论文 图1 3 黑勒尔 肖肯根据建筑语义学而绘制的朗香教堂隐喻簇 1 1 1 来源 当代西方建筑美学 埃罗 沙里宁的纽约环球航空公司候机楼 1 9 5 6 1 9 6 2 和伍重的澳大利亚悉尼歌 剧院 1 9 5 7 1 9 7 3 在设计构思上采用了与柯布西埃类似的隐喻语言 从大自然中寻 找富有隐喻或象征意义的有机形式 因此 机场可以取像于展翅翱翔的飞鸟 建在 海边的剧院可以取像于风帆或贝壳 这种对自然的拟态或者像看似简单 在艺术上 美学上的意义却非同寻常 因为它们通过一种广受揄扬的有机建筑形态 显示了超 越现代主义僵死的几何美学的无限可能性 1 2 1 3 网页设计中的隐喻概念的三个特征 为了更好理解网页设计中隐喻的概念 我将隐喻归纳为以下三个方面的特征 概念的相似性特征 从根本上说 隐喻的性质是概念的 或者说 隐喻是深层的概念机制 2 它在 不同程度上表达了两个不同概念之间的相互作用 这种相互作用又是建立在某种的 相似性的基础之上 这两个概念之间通过比较来传递它们之间的存在于表层或深层 的某种相似性 可以说 我们头脑中的概念系统的大部分都是由隐喻性的关系构成 的 3 1 通过大量的隐喻性的概念 人类构建起自己复杂 庞大的概念体系 人们正 是善于利用隐喻这种概念手段和工具 用已知的概念来认识和理解大量新的未知的 概念 经验的相似性特征 隐喻概念体系来源于人们的经验 也就是说 隐喻根源于我们的经验相似点 包括已经存在的或体验过的经验相似点 也包括新创造或新产生的经验相似点 4 人们在工作 学习 生活等过程中获得直接和间接的经验 通过这些经验来认识和 构建更加复杂和抽象的概念和知识体系 隐喻有助于我们通过许多现有的经验去认 识和理解新的经验 相对抽象的概念和非结构化的客观事物 网页界面设计的隐喻要素研究 认知和思维的特征 当代隐喻理论扩展了隐喻概念的内涵 赋予隐喻新的诠释和评价 提出了隐喻 的认知理论 5 隐喻根植于人们日常概念和思维当中 与日常生活息息相关 是运 用概念和思维的基础 所以隐喻不能简单的作为一个工具来使用 作为思维的一部 分 它已经成为我们思考和活动的基础 同时 隐喻有助于我们理解新的 复杂的 和难懂的事物和现象 隐喻的这三个的特征 即是我们理解隐喻设计方法的基础 同时也是我们进行 创意设计的思维基础 图1 3 是一个宣传i n t e r n e t 的广告 广告的主题是 空前巨大 的城市 为了更好表现i n t e m e t 的特点 作者运用了城市这个人们熟悉的概念去描 述i n t e m e t 这个抽象概念 在对i n t e m e t 和城市这两个概念进行比较中 我们可以找 到很多的概念上的相似点 例如 城市和网络都被人们赋予了速度和繁忙的象征 如下图 一个城市有很多的标志性建筑 在i n t e m e t 上就被喻为一个个的站点 而 城市的众多的交通线被作者巧妙地想象成了纵横交错的高速的信息线路 把一个个 重要的站点连接起来 图1 3 空前巨大的城市英国议会 美国得克萨斯大学 克里姆林宫 悉尼歌剧院等等全都囊括 进了i n t e r n e t 这个迄今全球最大的城市里了 1 6 l 来源 世界平面广告创意精粹 2 1 2 4 构筑隐喻和隐喻关系 在网页设计中 成功构筑隐喻关系的第一步是准确了解用户的需求 即需要设 计者准确的定位 构筑隐喻的方法很简单 我们可以通过概括 归纳 联想等思维 方式建立起事物之间的联系 但是我们要去真正去实现它确并不容易 例如 我们熟悉的 垃圾桶 概念 一旦我们将其功能归纳成 暂时存放垃圾 文件 在需要时可以再重新找回 在确定不再需要时可以彻底扔掉 这样一个模块 6 硕 学位论文 生活中的垃圾桶形象就自然而然差生了 这个概念一旦建立 怎样找到一个合适的 垃圾桶形象就是比较容易的事情了 但事实上很多时候 我们就是很好地归纳功能模块并建立准确的概念 也不会 像最后结果看起来那样一蹴而就和理所当然 例如 界面中的 菜单 这个概念 即使我们把它归纳为 有条理地管理各种功能 并且可以从中选择某个功能来执行 命令 用户也很难联想到餐馆里的菜单上 因为这是两个不同情境下发生的事情 另外 某个概念具有很多种的意义 例如 o p e n 打开 这个概念 但在现 实生活中 我们完成打开这个动作的情形就多了 打开书 打开收音机 打开手机 等等 s a v e 存储 概念 往银行里存钱是存 往储钱罐里放入硬币也是存 冬 天多买点马铃薯也是存 美洲豹把吃剩的动物尸体藏到树上也是存 因此我们在构 筑隐喻及隐喻关系时 尽量减少不必要的歧义 i 7 1 2 5 网页隐喻设计的原则 隐喻思维是我们在做设计方案时引入注目的一种组织方式 因为它们常常可以 提供一种概念明确并可使用的界面模式 显然隐喻对于网页设计是不无裨益的 但 我们在使用隐喻时必须谨慎 在使用的隐喻时要使表达准确 清晰 恰如其分 隐喻设计的首要原则是选择恰当的隐喻对象 例如文件夹 在日常生活中 人们就利用文件夹进行分类存储文件 可以拿出 来 还能够重新排列 桌面操作系统中的文件夹在功能上与现实生活中相类似 利 用现实生活中的文件夹作为桌面系统文件夹的外形 用户在初次使用时就会在外形 上有认同感 减少认知的困难 在具体的使用中也会觉得顺理成章 我们还可以比 较一下厨房里的储藏罐 它也具备存储功能 我们可能用它来存放食品 调料等 但却没有人用来存放文件 如果非要把储藏罐和文件联系在一起 这中间就跨越了 太多的逻辑 7 l 隐喻并不总是必要的 使用隐喻的一个重要前提是 它必须能够有效降低网页界面的复杂性 否则 不如不使用隐喻 不要勉强使用隐喻去适应网页的功能 也不应勉强使我们的设计 去适应某个隐喻 7 网页界面设计的隐喻要素研究 图1 4 家居页面在充分认识到 桌面 隐喻最适合办公室工作人员后 微软开发了名为 b o b 的居家网页用户界面 但是不久后该方案既被放弃 t s l 来源 w h a ti sw e bd e s i g n 要避免过于复杂的隐喻或者 完全隐喻 所谓 完全隐喻 就是过于强调隐喻对象和图形之间从外形到功能的一一映射 完全隐喻 是隐喻设计中的一个沼泽 这种隐喻思维是企图将整个网站界面设计 包含其中的一种隐喻 过于复杂隐喻和 完全隐喻 都可能带来认知上的困难 1 31 5 1 工程和构成艺术专题学习网站项目介绍 1 3 1 关于 151 工程 教育信息化是深化教育改革的重点 提高我省高等教育信息化程度和现代教育 技术水平是新世纪我省高等教育的重点工作 广东省教育厅决定在 十五 期间 在 继续巩固 应用和发展 九五 电化教育 五个一百工程 成果的同时 重点实施旨在 促进教育信息化发展的现代教育技术 1 5 1 工程 实施现代化教育技术的 1 5 1 工程 即在 十五 期间 建立1 0 0 个专题学习 网站 建立5 0 个专业性的网络教学公共资源库 开展1 0 0 项利用网上资源的教学改 革试验 目的是促进现代化教学手段的推广应用 使全省高等学校教学手段基本实 现现代化 1 3 2 关于构成艺术专题学习网站 构成艺术专题学习网站 是由韶关学院陈德润副教授主持 目的是改革传统设 计艺术教学模式 提高学生自主学习 思考的积极性 本专题学习网站按照 广东省高校现代教育技术 1 5 1 工程的实施方案 具体要 求和指导进行 项目进行过程中得到省厅主管部门和学校相关部门的大力支持 硕士学位论文 第2 章网页界面隐喻系统相关因素分析 2 1 网页界面隐喻系统的相关因素分析 影响网页界面隐喻设计的因素有很多 这里只是概括性分析了几个比较重要的 因素 2 1 1 人的认知过程与隐喻 人的认知过程被认为是主动而积极的 当我们处于清醒状态时 每时每刻都从 周围的声音 光线 感觉 活动或印象中择取信息 通常 由于环境中外在的刺激 远远多于我们感觉器官的处理能力 因此 我们只会把我们认为有意义的信息挑选 出来 而忽略那些我们觉得不重要的 9 1 之后 大脑将选定的声音 影像和感觉等 通过联想 对比 隐喻等方式进行重组 借助于我们熟悉的经验和概念 把它们置 于一种新的 概念 的理解形式中 这一过程也就是我们常说的 认知过程 它经 常具有隐喻思维的特征 o i 一 广金汐 6 商店 图书馆 站 图2 1 关于网站 图书馆 金钱与高血压1 6 i 来源 营销沟通 图中的这些事物看起来毫无关联 但实际上很可能表现为强烈的因果联系 由 一件事情可能会联想到其它事情 可以说 人类的思维活动 是大量由隐喻式的概 念和类别构成的网络所组成 当我们面临新的概念和类别时 便可以运用已有的概 念和类别 来做假设和推论 从而 简化了概念和类别的复杂性 使我们能够用有 限的存储容量 存储大量的信息 2 1 2 人的记忆过程与隐喻 根据医学专家的研究 任何新的信息或刺激都必须经由3 个信息存储阶段 才能被人们长久记忆 9 觚 o 商 o 健 网页界面设计的隐喻要素研究 信息接触 u 信息接收 u 认知反成 信号强度 重演 储嚣 信息流入 ii 感官髓陆 短期记忆存储 ll 长期记忆存 i 隐喻思维 初始 隐喻思维 判断 隐喻思维 回想 图2 2 人们处理信息的流程p j 来源 营销沟通 首先 人们由外部环境选择他们需要的 必须处理的或是因为某些原因引起注 意的信息 感觉或是刺激 这一步骤被称为是 感官登陆 s e n s o r yr e g i s t e r s r 这个步骤有3 个目的 所有流入的信息 无论是听觉 视觉或者其它感官方面的信息 都需要先转化 为可以辨别的形式 然后再和大脑中已有的概念或类别进行对比 这个对比过程是 隐喻思维的初始阶段 感官登陆将信息短暂保留 以供进一步处理 它提醒较高层次的大脑中枢 有新信息存在 以便进一步的转化和处理该项信 息 信息处理的第二个阶段是 短期记忆存储 s h o r t t e r mm e m o r ys t o r e s t s 当大脑进行推理与对比时 信息便先暂时存储在 短期记忆存储 中等待判断 接 收处理或是拒绝处理 因为 短期记忆存储 是正在运作中的记忆 所以容量有限 这里 有一个决定隐喻思维过程的重要步骤 判断 即人们决定是接受还是拒 绝信息的过程 新信息一进入大脑的信息处理过程 就被拿来和原有的概念及类别 进行对比 看看是否符合原有的概念 或是已有的那些概念可以被用来存储这个信 息 例如 人们在使用网络电影时 可能会把网络电影的概念和原有的电影 互联 网络等类别做比较 或者是和声音 影像做比较 甚至是和 科技 做比较 如果 在他们的记忆中并没有这类电影可以符合现有的概念网络 网络电影 的概念很可 能会被排斥 因为人们认为根本不可能有 网络电影 这种东西 这个不断判断 对比的隐喻思维的过程 使得人们能够学习和扩展知识 这个 过程也是网页设计者得以用来扩展用户对界面的功能和结构的知识 同时 也是设 计者与用户进行情感交流的关键阶段 1 0 硕十学位论文 信息处理的第三阶段是 长期记忆存储 l o n g t e r ms t o r e l t s 这是人们 用来存储所有的处理过的信息的过程 长期的存储目前暂时不用的信息和人们想存 储的信息 又称为 长期记忆 l o n g t e r mm e m o r y 或直接称为 记忆 m i n d 长期记忆 可以以两种方式存储人们长期累积的所有概念和类别 第一种是语意组织 s e m a n t i co r g a n i z a t i o n 语义组织属于典型的概念式和层 级式组织 如下图中所示 在 网站 这个广义的类别中 所运用的概念体系是以 隐喻方式和层级顺序进行存储的 在每个结构中的概念 都包含其他一些衍生的概 念 进而增加和扩大其原始概念 州芦 一 浏览器超链接凰幼 一一一一一 一一一一一一一一一一一 控索注册数据库搜索注册数据库 i i 电予商务网站网络嗣书馆 商 锚购物车圈书借阅 一一 一一一一一卜一一一一一 电器产品数缵社会科学拍名 1lli 日用产品价格文学艺术 作者 lili 家具产品 付款方式机械工程衔阅时间 图2 3 网站层级图解 第二种信息存储方式是依时间顺序存储的 人们依据信息和事件发生的先后次 序存储信息 因此 人们能够清晰地回忆以往发生过的事件 情境和活动 我们把 这种依时间顺序存储记忆的能力称为 经验 这种能力使我们能够改变 调整和增 强已经存储的概念和记忆 9 1 事实上 人类用来捕捉 处理和存储信息的信息系统极为复杂 非寥寥数语能 解析清楚 3 5 但是 通过上面的简单分析 我们不难发现一个设计要点 网页传递 的信息首先必须能够被用户判断通过 才能够被用户记住 这也是设计者进行网页 界面隐喻设计时需要考虑的要点 因此 对设计者来说 如果他的网页界面设计能够被用户顺利接收并处理 他 渤层级 ll基本层级 l 1次层级 网页界面设计的隐喻要素研究 所传递的信息应当满足下列3 个要点 所使用的图像 动画 声音等能够被用户轻易地转化成概念 同时能够清楚地被辨认并分类 和人们已有的分类系统相吻合 不容易辨认 不相关 和既有的信息相冲突 或被认为不重要的设计信息 都 难以被用户接收和处理 2 1 3 符号与隐喻 符号与隐喻可以说是一对孪生兄弟 二者相互依互 密不可分 在网络传播中 数字化符号的应用以及在线聊天室 b b s 新闻组 网上公告栏 等虚拟空间符号的运用 把越来越多的人推入了一个人类所从未经历过的数字化 虚 拟世界 中 它是人们网上生活空间 网络互动赖以进行的重要环境 符号是由能指s i g n i f i e r 符号的形式 和所指s i g n i f i e d 符号内容 构成 二 者的关系具有任意性 不论何种符号 都包含着能指和所指构成的二重成分 可感 知的符号形式和可分析的符号内容 能指和所指是人们设法指称世界的一对概念 构成符号的形式 实体 和内容 意义 它们既对立又统一于符号之中 人们从 具有双重性格的符号中感知到的是能指的形式 理解的则是符号的内容 如宴席上 完整地摆放的 鱼 不仅有果腹的实体功能 还有了吃剩有余 富裕 的民俗意 义 1 0 1 这种意义的构建 是人们生活经历的长期积累的结果 符号的传播过程可以理解为一个传达意义的过程 而理解符号的关键就在于理 解意义 符号所要阐释的意义有明示意义 d e n o t a t i o n 隐含意义 c o n n o t a t i o n 之分 分别表达符号外在的意义以及在其所依托的社会文化背景之中的引申意义 隐含意义又通过隐喻和象征等手法表现为符号的深层意义和潜在意义 所以不同的 受众由于 知识沟 的存在 对符号进行理解时差异性很大 符号和意义的关联在 人 人对符号理解是在一个实际的和可能的关系的复杂网络中 与无穷的符号意义 相互关联 因此 符号的内涵是复杂的 理解上是多义的 并带有个性化的特点 所以 一方面符号是观察者可以理解的 另一方面符号又是需要解释的 符号的魅力就在于 它揭示意义 由于符号具有表达上的隐喻性 意义也有可 增值性 意义是信息传播所要阐述的内涵 但符号和意义发生联系要受到很多因素 的制约 而且不同的人对符号意义的理解具有差异性 一方面 在于人的能动性 另一方面 人群分属于不同的社会团体 组织机构 具有不同的价值观 文化修养 年龄和职业等等 因此 在意义的解释与理解过程中 可能引发歧义 如衍生意义 理解不足或被误解 因此 意义的编码与解码之间总会有一个客观存在的间距 使 硕 学位论文 得意义的内涵在解释者和理解者之间不能够完全重合 波顿 b u r d e n g 的 3i i m m e r s i o n i n t e r a c t i o n i m a g i n a t i o n 模式图可以帮 助我们更好地理解网络符号作用于人的感知的过程 图2 3 符号作用于人的感知的 3 i 模式图 l 来源 网络互动 其意义在于 当人沉浸到网络的符号世界中 人的认知与符号发生相互作用 人能够对符号产生感性认识 开启想象 再上升为对符号所表述概念 内涵的理性 认识 从而加深了对现实意义的理解 人的思维也因此得到了启迪 网页界面由一个个符号单元构成的符号系统 设计者通过类比 隐喻等设计手 法 建立起易于理解的 友好的界面符号系统 用户通过界面的使用 可以了解设 计者想要传达给他们的东西 这是什么东西 有什么具体功能 有什么要注意的 背后有什么特殊的意义等等 2 1 4 图形设计与隐喻 人类很早就认识到图形可以传达信息 早在文字发明之前 人们就会利用图形 符号记录思想和事迹 不管是自觉还是不自觉 人们开始发展图形用户界面 图形用户界面的发展 可以说 是当代隐喻理论在实践中的开拓性的创新和应用 具有隐喻特征的图形用 户界面和人机交互过程极大地依赖视觉和手动控制的参与 因此具有强烈的直接操 作的特点 与传统的计算机界面相比 它更加符合人类的认知特点 图形是网页的界面设计的一个重要元素 在图形设计中 隐喻设计经常可以使 抽象的事物具体化 使深奥的道理变得浅显易懂 例如 我们如何用简单的图形去 表达 因特网 这个抽象的概念 有人尝试使用键盘上的 e s c 按键 或者一个印 着美国护照标识的鼠标 或者是键盘上的 上 下 左 右 按键 或者是一根电 缆线 或者是一个食品箱 甚至是一个普通的硬币 进行多层次的创意 如下列一 网页界面设计的隐喻要素研究 系列的隐喻创意图例所示 可以清楚看到 隐喻大大拓展我们的创意空间 圆 图2 4 退出 因特网让您一步到位 回家路上免受洗车之忧 它带来日常生活从未有过的 自由时空 游历从未涉足的领域 1 6 1 来源 世界平面广告创意精粹 2 图2 5 到东京经商 到巴黎购物 到罗马会友 多悠闲的时光 一个鼠标上印着美国护照的标 识 加入了因特网就如同拥有了一本护照 畅游世界易如反掌 1 6 1 来源 世界平面广告创意精粹 2 图2 6 选择您的方向 因特网条条道路通罗马 方向在您手中 1 6 来源 世界平面广告创意精粹 2 f 焉 7 图2 7 如果您对每一个主题都包含数以万计的途径和方法感到欣喜 您需要的电缆线一定是它 因特网 1 6 l 来源 世界平面广告创意精粹 2 1 4 硕士学位论文 图2 8 饿吗 一个象征因特网的食品箱中 摆放着各类可口食物 它们分别代表 教育 艺 术 旅游 等等一切与人们生活相关的事物 想解馋吗 太容易了 只要加入因特网 1 6 1 来源 世界平面广告创意精粹 2 图2 9 农民 依达荷 美国 土豆秘诀 都柏林 爱尔兰 轻轻一触 身在美国依达荷州的农夫 轻而易举地得到了远隔重洋的爱尔兰都柏林的土豆秘诀 何乐而不为昵 1 6 1 来源 世界平面广告创意精粹 2 i 秘j j雾 j 7 7 霉攀饕黔 v絮2堞 誊 图2 1 0 因特网 1 8 0 0 8 9 8 9 0 0 0 即使您有天才的方法擦净这块硬币 也只能接触到一个人 在因特i q 上 片刻之间您能拜访成千上万人 有人会问如果钱是万能的 那么因特网呢 1 6 1 来源 世界平面广告创意精粹 2 2 1 5 情感与隐喻 网页界面是在人 计算机和互联网互动过程中的一个重要媒介 从认知心理模 型来看 网页界面可以分为感觉 视觉 听觉 触觉等 和情感两个层次 7 1 感觉 网页界面设计的隐喻要素研究 往往是一个直观的 具体的概念 而情感是一个深层次的 抽象的概念 是用户对 网页的一切感受的总和 它倾注了用户的情绪 感情 态度以及行为 为了更好理解情感的概念 我们可以运用马斯诺需求层次图进行分析 图2 1 1 马斯诺认为人类的需求从低到高分五个层次 即生理需求 安全需求 社会需求 尊重需求和自我实现需求 马斯诺认为人的需求是逐级上升的 当人类低一级的需 求得到满足后就会产生高一级的需求 再要求得到满足 马斯诺需求层次论基于以 下三个假设 人的需求能够影响其行为的激励因素 只有未满足的需求能够影响行为 满足了的需求不能成为激励因素 人的需求按其重要性和层次性形成一定的次序 从基本的 如食物和住房 到 复杂的 如自我实现 当人的某一级的需求得到最低限度满足后 才会追求更高一级的需要 如此逐 级上升 成为推动其继续努力的内在动力 图2 1 1 马斯诺的需求层次图 1 1 2 1 来源 产品创新设计与思维 网络信息的传播过程是一个双向互动的过程 网络用户需要的不仅仅是更多的 新闻和信息 而且需要他们更多 更有效的交流 不只是与机器的交流 而更多 的是人与人之间的交流 这种交流越来越多的表现为情感的互动和交流 在互联网络这个人类最大的虚拟空间里 隐喻不仅是人类用以表达情感的重要 方式 同时 也是人类创造情感空间和进行情感交流的重要工具 如聊天室 论坛 博客等概念 都是人们对现实生活的抽象理解和概念影射 它们是人类运用隐喻思 维所创造出的网络环境下的另类生活空间 2 1 6 创新与隐喻 使用隐喻的关键是创新 不断追求新的可能 创新 就是一种以不同于以往的 方式或者方法去解决设计问题的思维活动 1 6 硕士学位论文 不管是技术还是设计 都有一个共同点 那就是创新 设计就是一个不断创新 的过程 没有创新就谈不上设计了 只有不断的创新 我们的设计才能不断地进步 不断地超越过去的东西 从而使新的东西不断地取代旧的东西 隐喻思维作为一种 重要的设计思维 其最核心 最本质的东西是创新 也正是有了这种创新思维 才 使我们的隐喻设计具有永无止境的创造力和魅力 以下三图是创新思维在隐喻设计中的巧妙的运用 女神的雕像 苹果和出租车 和城市被设计者创造性的关联起来 耐人寻味 图2 1 2 众所周知 自由女神是纽约的象征 所以她与纽约几乎是同义的 人们已经习惯用自由 女神来隐喻纽约 1 3 l 来源 l a m g e 图2 1 3 设计者用青苹果来隐喻纽约 因为纽约经常被人称之为大苹果 这个称谓源于2 0 世纪 7 0 年代在纽约举行的促进旅游业的广告活动 当时 纽约的名誉不好 为了改变这种情况 人 们以 苹果 隐喻纽约 希望纽约也能像苹果一样新鲜与清新 1 1 3 1 来源 i a m g e 叠 网页界面设计的隐喻要素研究 图2 1 4 出租车是纽约城市景观的一个部分 因此 漂亮的 井然有序的出租车也就被用来隐喻 纽约 1 1 3 1 来源 l a m g e 1 8 硕士学位论文 第3 章网页隐喻系统的构建 3 1 网页隐喻系统的基本概念 3 1 1 网页隐喻系统及其组成 为了对网页隐喻做进一步的探讨 我们引入系统的概念 系统可以看作由多个子系统组成 子系统在空间及时间上有机地联系在一起形 成系统 每个子系统本身也可看作是一个系统 它又可向下分解 一直分解到具体 的一个隐喻设计及一个操作为止 具体的一个隐喻设计或某一个操作可以看作是构 成子系统的基本单元 在网页隐喻系统的设计过程中 设计者需要仔细考虑子系统之间的关系 子系 统与系统的关系 系统与界面之间的关系 系统与人之间的关系 最后使被设计的 系统取得最优的结果 3 1 2 网页隐喻系统的输入与输出关系 隐喻系统往往存在输入与输出的关系 输入来自于某一个系统 操作者操作的 结果或者某一个界面输出到另一系统 人或者另一界面 输入与输出的关系可以是 静态的 也可以是动态的 静态关系 组合输入数大于输出数 相等输入数等于输出数 分解输入数小于输出数 动态关系 不确定关系输出数取决于输入数 易变关系输出与输入之比取决于时间 输入与输出之间的关系既可描述人与界面 人与系统之间的关系 又可描述子 系统之间 子系统与系统之间的关系 3 1 3 网页隐喻系统的操作 操作是实现隐喻系统功能的最基本要素 一个系统可以简单到仅有一个操作 也可以包含成千上万个操作 操作的集合称为操作序列 系统得操作序列分为刚性 与柔性两类 刚性序列 1 9 网页界面设计的隐喻要素研究 操作的具体动作及其之间的链接是事先规定的 具有可重复性 柔性序列 在操作序列中 下一个操作的动作取决于上一个或几个操作的结果 即发生下 一个操作时 它之前的操作必须满足特定的条件 3 1 4 网页隐喻系统的设计目标 隐喻系统的存在有一定的目标 可以用特定的目标或一系列目标表示 系统通 常的目标是寻找为用户解决问题的方法 在设计阶段 设计人员一般假设一些能够 满足用户或市场需求的目标 目标是系统的一种状态 这种状态是可能的 能比较 圆满实现的 目标之间通过分层的关系联系在一起 父目标分解为两个或多个子目标 子目 标是父目标的实现 父目标是子目标存在的原因 分解过程有多种方法 其中 目 标树是最常用的方法之一 图3 1 是可行的隐喻设计的目录树 h 行的翰喻设计 7 弋 擞f 简荦容埸理解税觉愉悦结构合理 爪八 习网 非淞 矧刮 图3 1 可行的隐喻设计的目录树 3 1 5 网页隐喻系统的功能 功能主要是从技术实现的角度去探讨网页隐喻系统设计的问题 为了使问题的 解决简单 方便 我们可以将功能分为分功能 分功能又分解为子功能 一直分解 到基本功能为止 硕十学位论文 图3 2 功能分解树 一个系统或子系统可以有多个功能 其中的一个或几个是主要功能或称为主功 能 系统或子系统存在的意义在于实现其主要功能 其他功能为辅助功能 系统或 子系统实现其辅助功能的目的是为了更好地实现其主要功能 一般来说 系统的大 多数功能都是有用功能 但在实现有用功能的同时 系统或子系统可能会产生一些 有害功能 如增加界面的复杂程度和认知难度 降低界面的可操作性等等 系统或 子系统的主要功能总是表现为有用功能 改进设计中的很多问题是增加系统的辅助 功能 但同时不希望产生有害功能 或能够降低 甚至消除有害功能 但又不希望 影响有用功能 最好是能够增强有用功能 3 2 网页隐喻系统设计过程描述模型 该模型强调在设计的初期产生一个隐喻解 然后逐步完善 如果经评价认为该 解无效 则重新产生另一个解 即设计过程中的思维具有面向解的性质 图4 1 所 示的过程模型将设计过程分为问题分析 隐喻设计 技术设计和详细设计四个阶段 2 1 网页界面设计的隐喻要素研究 图3 3 隐喻系统设计过程描述模型 问题分析是对设计中的对象进行定义 分析 确定各种约束 标准及可用资源 等 隐喻设计是要产生多个隐喻解 并经评价选定一个或几个可行的隐喻解 技术设计是要完成网页的结构设计 数据库及代码的设计等 如有几个可行方 案 还需最后确定一个方案 详细设计是完成整个网站的设计和测试及改进工作 透过以上设计过程的分析不难发现 网页隐喻设计过程的主要分为四个阶段 即问题定义 隐喻设计 技术设计及详细设计 在设计过程中 该四个阶段既可顺 序进行 又可并行进行 如图4 2 4 3 所示 我们更多的是采用