（设计艺术学专业论文）来自机器的语言——数字化产品人机界面艺术设计研究.pdf

摘要 摘要 随着科技的发展，机器的独立性和智能化程度大幅度提升，出现了归属于它们的区别于人的“机器语 言”。这也带来了人与机器之间交流障碍的问题。人机界面，作为实现转换机器语言和人类语言的重要媒 介，依靠其自身的“界面语言”，发挥着越来越重要的作用。 数字化产品的人机界面设计，基于数字技术的虚拟性和数字化产品发展的微型化等特点，界面设计的 内容和方法也与传统人机界面有很大的不同。 首先，在微软“开拓”的图形用户界面广泛使用的基础上，界面不断向着多样化和人性化的方向发展。 多点触摸技术在苹果公司的领军下，广泛使用在了消费类数码产品中。基于触控形式的图形界面带来了界 面交互元素和设计方法的多样化。以日、韩、美等i t 企业为代表，界面设计也越来越多的加入趣味化成 分，不断向着更加人性化的方向发展。其次，文字、图形、图像、动画、声音等多媒体元素，成为了界面 内容构成的重要部分。这些元素借助代码语言编程技术的支持，实现了综合的交互效果，增加了界面的生 动性和复杂性。再次，丰富的界面元素和数字化虚拟、动态的特点，也带来了设计方法上的多样化。因此， 面对数字化时代的特点，需要对已经存在的方法进行系统化分析和归类，让它能够对界面设计的发展和应 用做出大的贡献。最后，人机界面正在向着手势识别，语音交流和虚拟现实的方向发展，这也为界面的艺 术设计工作带来了新的思路和挑战。 论文从数字化产品界面的发展现状和特点入手，详细分析了界面艺术设计的内容、原则和方法，并对 其进行了较为系统的归纳和总结，提出了一些探索性的思路。最后，对未来人机界面设计的发展提出一些 建议并做出一些设想。 关键字：人机界面，图形用户界面，数字化产品，艺术设计 东南大学硕士学位论文 a b s t r a c t w i t ht h ed e v e l o p m e n to ft e c h n o o g y , ag r e a ti m p r o v e m e n tw a sm a d e ，b ec o m m u n i c a t e dw i t ht h e i n d e p e n d e n c ea n di n t e t l , i g e n t i z i n 8o fm a c h i n e r y a n dt h eu n i q u el , a n g u a g eb e l o n g i n gt ot h em a c h i n e r y c o m e s ，w h i c hl , e a d st ot h ed i f f i c u t t y b e t w e e nh u m a nb e i n ga n dm a c h i n e r y h u m a n - m a c h i n e i n t e r f a c e - - t h em o s ti m p o r t a n tm e d i u mb e t w e e nm a c h i n el , a n g u a g ea n dh u m a nl a n g u a g e ，p l , a yak e y r o l , eg r a d u a l l y , b yi t si n t e r f a c el , a n g u a g e a i 【t h ed i g i t a lp r o d u c t sc o m m u n i c a t ew i t hu se v e r y d a y , b o t h t h ec o m p u t e r sf o ri n q u i r i n gi nl i b r a r y , m u s e u ma n da i r d r o m e ，a n dt h ep r o d u c t so fi n d i v i d u a l s u c ha s c e i l p h o n e ，m p 3a n dp c ，w e bp a g ea n ds o f t w a r e h i g he f f i c i e n c y , s i m p l , e ，b e a u t i f u l a n dc o n v e n i e n t h u m a n - m a c h i n ei n t e r f a c ei sn e e d e d n o w a d a y s ，t h ed e s i g n o fh u m a n - m a c h i n ei n t e r f a c eo f d i g i t a l p r o d u c t s i s d e v e l o p i n g t o d i v e r s i f i c a t i o na n dh u m a n i t y , o nt h eb a s eo fg r a p h i cu s e ri n t e r f a c e i n t e r f a c eo fd i g i t a l p r o d u c t sp a y m o r ea t t e n t i o nt ot h ed e s i g no fs o f t w a r ei n t e r f a c e ，i n c l u d i n gg r a p h ，c a r t o o na n dv o i c ee t c ，b e i n g d i f f e r e n tt ot h et r a d i t i o n a l d e s i g n i tc o m e st ot h i sc o n c l u s i o n ：a i ic o n t e n t sa n dw a y sc o m m u n i c a t i n g i n f o0 fi n t e r f a c ea r ei m p o r t a n te l , e m e n t so fi n t e r f a c el , a n g u a g e c o l , o r f u if a c t o r so fi n t e r f a c ea n d d u m m y , d y n a m i ca t t r i b u t eo fd i g i t a l 1 , e a dt od i v e r s i f i c a t i o no fd e s i g nm e a n s h o wt od e s i g nm o r e s i m p l , e ，b e a u t i f u l ，h u m a n i s t i ci n t e r f a c ei st h eg o a to fa l l , t h ed e v i s e r s ，a n da l , lm e a n so fd e s i g na n dt h e f a c t o r so fi n t e r f a c ec a nb em a d eg o o du s e n o w a d a y s ，r e c o g n i z i n gb yg e s t u r e ，c o m m u n i c a t i n gb ys o u n d a n dd u m m yw o r l , da r et h ea i mo fh u m a n - m a c h i n ei n t e r f a c e ，a n dt h e s ea r ea l , s ot h eb a s i cg o a l , o fc e n t r a l c o n t e n ta n di m p r o v e m e n to fi n t e r f a c ei nt h ef u t u r e t h r e ea s p e c t sa r ed i s c u s s e di nt h et e x t o n ei st h ea n a l y s i so nt h ec o n t e n ta n df e a t u r e so fa r t d e s i g no fi n t e r f a c e ；t h eo t h e ri sp r i n c i p l , ea n ds o m ee x p t o r i n gt h i n k i n ga b o u ti t ；a n dt h el a s ti ss o m e c o n c e i v i n go ni t k e yw o r d s ：h u m a n - m a c h i n ei n t e r f a c e ，g r a p h i cu s e ri n t e r f a c e ，d i g i t a lp r o d u c t ，a r td e s i g n 东南大学学位论文独创性声明 本人声明所呈交的学位论文是我个人在导师指导下进行的研究工作及取得的研究成果。尽我所知，除 了文中特别加以标注和致谢的地方外，论文中不包含其他人已经发表或撰写过的研究成果，也不包含为获 得东南大学或其它教育机构的学位或证书而使用过的材料。与我一同工作的同志对本研究所做的任何贡献 均已在论文中作了明确的说明并表示了谢意。 研究生签名： 主i 塑堕日期： 东南大学学位论文使用授权声明 东南大学、中国科学技术信息研究所、国家图书馆有权保留本人所送交学位论文的复印件和电子文档， 可以采用影印、缩印或其他复制手段保存论文。本人电子文档的内容和纸质论文的内容相一致。除在保密 期内的保密论文外，允许论文被查阅和借阅，可以公布( 包括刊登) 论文的全部或部分内容。论文的公布 ( 包括刊登) 授权东南大学研究生院办理。 研究生签名：查l 三暨导师 嘲念望矿m 垆 签名：一二一日期： 绪言 绪言 0 1 研究背景及依据 中国国务院新闻办公室主任王晨1 2 月3 0 日在北京表示，截至2 0 0 8 年1 1 月底，中国网民数量达到了 2 9 亿，与8 年前相比增长3 1 倍多，网民规模跃居世界第一位。进入2 1 世纪以来，随着越来越普及的宽 带网的建立与应用，全球范围内信息沟通日益迅捷，人们的生活和工作也在发生着巨大的变化。 网络环境中的虚拟现实，以及不断出现的数字化产品，结合多种媒介方式悄然改变着人们传统的交流 方式和生活习惯。电脑、手机等，实现了全球范围内信息的迅捷沟通和互享：m p 3 、p d a 等便携数码设备快 速发展流行，让图像、声音、数字等信息可以随身携带和随时共享；软件i t 业的发展壮大和消费市场的 日益活跃，也使人们对数字化生活的关注愈加密切。这些改变都促使艺术设计从现实的物理载体中走出来， 开始向“非物质”的方向发展，艺术设计的对象在数字化时代的大背景下也更加丰富起来。 人机界面，作为日常生活中我们与机器广泛接触的媒介形式之一，从计算机网络到多媒体信息领域， 到各类数字化产品，无处不在的改变着我们对机器的使用方法。人们每天都置身在各类信息的海洋之中， 每类信息与人们进行交流的时候都有着不同的界面形式。面对如此众多的信息界面，你能够轻松享受高科 技带来的乐趣吗? 或者说，你能够利用日常的自然技能很好地理解和操控这些用户界面吗? 另一方面，随 信息化、智能化、数字化的影响，当前社会的技术发展已经从原有的硬件加工转变为软件设计。再加上生 活质量的不断提升，人们对高科技带来的数字化产品的审美要求也不断提高，更乐于接受舒适、自然、美 观的人机操作界面。在这种背景下，人们对界面设计的要求也不断提高。 本文就是在这种大背景下，对当前数字化产品人机界面的艺术设计做出分析研究，并对其构成元素和 艺术特点进行进一步的探讨，提出相应的艺术设计方法，以对相关理论全面深入的再分析、再研究以及改 进和补充。 0 2 研究意义与价值 0 2 1 研究的意义 信息技术的发展让我们的生活与科技更紧密的结合起来。w i n d o w s 操作系统成了人们网上办公或娱乐 必不可少的工具；手机是人们出门必须随身携带的电子设备；m p 3 可以装在口袋里听歌而不耽误你跑步或 打球：导航仪清晰直观的界面指引你自驾游前进的方向这一切轻松舒适便捷的生活都来源于越来越先 进的数字化技术水平的发展和广泛使用的图形用户界面它让我们可以通过设计精美的界面简单操作 各种复杂的数字化设备。自然友好的人机界面与和谐的人机环境己经成为社会大众关心的焦点。随着电子 技术的日益发展，尤其是科技应用带给人类的愉悦和体验，数字化产品必将更加深入地影响生活的各个方 面，越来越多的关于人机界面的课题也必将涌现。 回参见：中国通信在线删( h t t p ：w w w e z c o m c n ) 1 2 月3 1 | | 消息。 1 东南大学硕士学位论文 人机界面技术的研究是2 l 世纪信息技术进军的重要领域。美国将2 l 世纪信息技术计划中的基础研究 内容分为4 项：软件、人机界面、网络、高性能计算。我国9 7 3 、s - 8 6 3 、十五计划也均将人机交互列入为 主要内容。这切都说明了人机界面的设计研究在当今信息时代的重要性。 0 2 2 研究的价值 该课题研究的价值最终体现在国内相关数字软件设计行业，以及数字化产品的生产者与使用者( 用户) 身上，并对从事人机界面艺术设计的工作者们提出一些建议和意见。 苹果公司的i p o dt o u c h 自上市以来，就以其独特的触摸界面形式在消费市场持续热销。任天堂新推 出的游戏机w i i ，改变了以往人们使用键盘操纵的方式，让使用者直接置身于游戏中，用肢体语言操控游 戏，受到空前欢迎。根据任天堂公布的2 0 0 8 年度财务报表，截至2 0 0 8 年9 月3 0 日，该公司已经售出了 3 4 5 5 万台w i i 游戏主机。而信息化便携设备的界面形式也不断被推陈出新，越来越漂亮的图标设计和动画 特效被广泛的应用在产品中。操作系统的界面开发也一直是微软公司研究的主要方向，包括我们现在使用 的v i s t a 系统，都体现了界面设计在当代的不断发展。 由此可见，在竞争激烈的数码信息相关企业中，人性化的用户界面是赢得客户的重要保证，甚至直接 关系到产品的营销成败。好的人机界面设计可以使用户抛开厚厚的说明书而高效快速的使用高科技产品， 也能够让消费者对新产品产生更大的兴趣，从而帮助企业创造更多的价值和利润。另一方面，消费者源源 不断的需求是动力，企业应该根据消费者的现实需要做到审美与科技结合，不断满足消费者提出的更高要 求。人们对如何与机器进行更好的“对话”，以及对未来界面发展可行性的种种设想，也是人类对自身生 活方式的发展探索。只有认真研究目前的理论与实践成果，总结并提出更高要求的理论知识，才是企业在 激烈的市场竞争中立于不败之地的砝码，也是推动我们的生活向着更好的方向发展的保证。 0 3 课题研究的现状 有关人机界面理论的研究是随着计算机在2 0 世纪7 0 年代后期的出现而发展起来的。随着科技的发展， 工业产品已经大体脱离了机器批量制作的单一、枯燥的形式，人们更加注重产品外形的多样化，以及功能 应用的简单化和舒适化。2 0 世纪8 0 年代初苹果公司首先将图形用户界面( g r a p h i c su s e ri n t e r f a c e ) 引 入微机领域，仿照p a r c 的技术开发了新型m a c i n t o s h 个人计算机，采用了直观的图形界面以及鼠标、下 拉菜单操作等，取得巨大成功。这个事件和1 9 8 3 年i b m 推出的p c x t 计算机、微软于2 0 世纪9 0 年代至 今推出的系列w i n d o w s 操作系统一起，启动了微型计算机图形用户界面蓬勃发展的大潮流。至此，各行 各业大量的工作者和消费者都加入了计算机用户的行列，引起了生产商对人机界面产品开发的重视，另一 方面易操作的图形界面也促使用户队伍快速壮大。他们不断提出各种要求，希望人机界面保持简洁、舒适、 友好。因此，关于人机界面设计的研究也逐渐发展起来。 现今，随着越来越普及的宽带网的建立，以及全球范同内信息沟通的迅捷，人机界面的设计内容也逐 渐朝着非物质化的方向发展。在理论方面，有从人性化的角度对人机界面进行心理细分的研究，比如美国 的唐纳德诺曼的好用型设计、情感化设计等著作；有从艺术结合技术的角度综合对人机界面进行 罗仕鉴人机界面设计 m 机械工业出版社2 0 0 2 9 i j 上 2 绪言 的研究，比如罗仕鉴、李乐山、周苏等的人机界面设计等著作；以及对当前人机界面发展的历史性回 顾和现状调查分析，如国内市场各类研究人机界面设计理论的书籍；还有部分对新一代发展起来的后图形 用户界面时代的多通道用户界面的研究。而专门对人机界面进行艺术设计研究的专著比较少，在国内比较 著名的有清华大学的鲁晓波教授，其著作数字图形界面艺术设计对数字图形界面的艺术设计内容和人 方法等进行了较为详细的研究。此外，近年来也出现了一批学者对网页艺术设计的研究，以及手机用户界 面设计的研究等，但基本都只限于一种或一类数字化产品。而在实践环节，用户界面的设计一直是国内软 件企业的薄弱环节。大学没有开设软件用户界面设计的专业课程，软件设计业普遍缺乏专业水准的用户界 面设计师，通常都是软件工程师或美工设计人员充当界面设计师。从界面的审美角度来看界面的设计，无 论是从人机界面的设计理念，还是当前正在进行的设计工作来看，国内的数字化产品界面设计仍然需要一 段相当长的路要走。同时，在国际上，人机界面的艺术性设计，也是计算机相关行业之间的竞争从硬件转 移到软件之后又一个重要的、显著的领域。如何突破现有的技术瓶颈，实现界面的创新型设计，而不只是 在原有的设计中进行进一步的修饰、美化，也是需要思考和解决的问题。 因此，面对数字化时代的特点，以及数字化产品的迅猛发展，需要一套针对性强的，能起指导作用的 原理和方法研究，来对数字化时代人机界面的艺术性设计进行指导和分析，并对已经存在的方法内容进行 系统化分析和归类，让它能够对数字化人机界面设计的发展和应用做出大的贡献。 人类已经置身在一个全面的数字化环境中。有效积极的信息传播，广泛普及的数字娱乐也带动艺术必 须、也应该在信息社会发生重要的作用。因此，对于信息时代数字化人机界面设计的现状系统的理论与应 用研究是刻不容缓的，也需要通过研究分析找到现今数字化人机界面设计中所存在的问题，并提出相应的 解决方法。数字化人机界面的艺术设计研究，更应当作为一门独立的研究或学科发展起来。 0 4 相关概念的界定 狭义的“人机界面”是指人与计算机之间传递、交换信息的媒介和对话接口，又称“用户界面”( u s e r i n t e r f a c e ) ，是计算机系统的重要组成部分。这里的人机界面( h u m a n c o m p u t e ri n t e r f a c e ，简写为h c i ) ， 是实现信息的内部形式与人类接受操作形式之间的转换。一般通常指计算机“窗口”界面。 广义的“人机界面”是人与机器之间进行交互操作，即用户与机器互相传递信息的媒介。它包括硬件 人机界面和软件人机界面。当前的人机界面设计主要是指广义的“人机界面”，它更加侧重于研究人、机、 环境三者之间的相互关系，对于更好的发挥产品的功能和特点，完善使用者的工作方式和工作环境具有重 要作用。本文所从事的研究主要从广义的人机界面概念展开，并只限定于数字化产品的软件人机界面设计 的研究。 数字化产品是指信息、计算机软件、视听娱乐产品等可以经过数字化表示并可同通过数字网络转输的 产品。数字化产品分为有形产品和无形产品两种。有形的数字化产品是指基于数字技术的电子产品，如 电脑、数码相机、数字电视机、数码摄像机、m p 3 播放器、手机等。无形的数字化产品，进一步又可划分 为工具类( 计算机软件等) 、内容类( 新闻网页、电子仕刊、在线影视等) 产品等。本文重点讨论大众消费类、 罗仕餐人机界面设计 m 机械t 业版 t 2 0 0 2 9 杜江萍，薛智韵，高f 数：# 产品免费价格策略探析 j 企业经济2 0 0 5 0 5 3 东南大学坝士学位论文 日常使用类数字化产品。 数字化艺术设计，是指利用计算机及相关的数字化设备进行的艺术设计活动。区别于计算机辅助设计 的是，数字化艺术设计不仅是以数字化设备为工具，也以数字化设备为传播和展示的媒介，以数字化应用 为目的。回 方兴数字化设计艺术 m 武汉理工大学f i j 版社2 0 0 4 0 7 1 4 第一章数字化产品人机界面设计的现状 第一章数字化产品人机界面设计的现状 进入2 l 世纪，随着计算机硬件技术的迅猛发展，计算机硬件生产成本大幅度下降，个人计算机基本 普及。再加之基于计算机网络和信息技术迅速发展起来的新一代数字化产品的广泛应用，我们与机器之间 的“交流”也越来越频繁。或许，就在你阅读这篇文章之前，刚刚使用过电脑来工作或是娱乐；或许，就 在刚才，你还在使用手机给朋友发送短信或打电话当你留心观察一下身边悄然发生的变化，就不难发 现，数字化生活在当代，从没有像现在这样距离我们如此之近了! 近几年来，越来越多的界面设计与研究开始在各大i t 企业中发展起来。网络与信息化技术的迅猛发 展，使人们已经认识到界面设计作为“软实力”，在数字化产品竞争中的重要性和必要性。而在许多企业 内部，关于人机界面的设计研究也已经从几年前的从属地位发展为一个专门的部门领域。同时，普通的大 众用户对软件界面的可操作性以及软件操作的舒适性等方面也逐渐提出了更高的要求，除期望所用的产品 拥有强大的功能外，更期望产品的操作界面能尽可能的为他们提供一个轻松、愉快、良好的使用环境。这 些都表明，人机界面的画面设计质量已成为一个重要问题，友好的人机界面设计已经成为数字化产品开发 的一个重要组成部分。 现今，数字化产品的界面设计，已经由最初的命令语言哪形式，发展成为“统治”当今人机界面领域 的图形用户界面圆形式。同时，还在图形用户界面广泛使用的基础上，不断向着更加“自然化”和“多样 化”的方向迈进。人与机器之间的交互方式，也由精确、单一的命令语言形式向着模糊、多通道的视觉、 触觉、听觉等方向发展转变。 本章以新一代时尚产品和高科技服务的领军企业为范例，如微软公司、苹果公司等，对现今数字化人 机界面的设计和发展状况，进行一个初步的分析和研究。 1 1 主流应用微软公司与图形用户界面时代 微软公司从d o s 起家，而依靠w i n d o w s 图形用户界面操作系统发展成为一代i t 业巨头。以至于今天， w i n d o w s 几乎成了微软的代名词，而图形用户界面也发展为业界人机界面设计的主流方式，使得现代数字 化世界变成了一个五彩缤纷的“读图”乐园。 但是对于图形用户界面最初的成功设计，是源于苹果公司开发的l i s a 电脑。l i s a 系统的用户界面开 创了众多今天图形用户界面系统仍然沿用的操作理念用图标代表系统中的各项文件，用鼠标拖放图标 进行直观操作等。不过真正推动图形用户界面的不断发展，并带领它走入“寻常百姓家”的，还是微软公 司开发设计的w i n d o w s 系列操作系统。从1 9 8 3 年微软宣布设计w i n d o w s 操作系统开始，就一直吸引着人 们的广泛关注。1 9 9 0 年5 月发布的w i n d o w s3 x 系列操作系统，是微软历史上首个被广泛使用的操作系统， 命令语言界面是计算机系统中最早使用的一种控制系统运行的人机界面形式。命令语苦起源于操作系统命令，直接针对设 备或信息。命令语苦能被人( 用户) 及计算机系统所理解，它由一组命令集合组成。命令语吉的使用一股较为复杂。( 参考： 周苏人机界面设汁 m 】北京：科学版社2 0 0 7 9 ) 毫图形用户界曲( g r a p h i c a u s e ri n t e r f a c e ，简称g u i ) ，是指采用图形方式硅示的计算机操作用户介面。它主要由窗i - 1 、 幽标、按钮菜单等系列幽形组成。 5 东南大学硕士学位论文 它因良好的图形界面设计和易用性而广受用户赞誉。和当时的其它计算机系统的设计相比，w i n d o w s3 x 在图形和对色彩的支持上都有着极大的优势，并首次加入了声音元素，允许用户使用声卡和c d - r o m ，发挥 了计算机的多媒体娱乐功能，由此奠定了图形用户界面设计的基本框架。此后的1 9 9 5 年，w i n d o w s9 5 的 推出又开创了图形用户界面发展的个新纪元。它使得人与机器之间的操作反馈完全不再需要输入繁琐晦 涩的命令语句，一个完整的基于图形的直观界面操作系统使得大部分普通用户也能对计算机进行操作。至 此，图形用户界面开始走出实验室和专业工作室，逐渐走向大众使用者。之后2 0 0 1 年w i n d o w sx p 的发布， 一直到现在w i n d o w sv i s t a 的应用，在计算机出现的半个多世纪的时间里，微软公司对图形用户界面的设 计不断进行完善、逐步成熟，成为现代个人电脑乃至数字化软件界面的主导设计形式。 由微软公司推动并普及起来的图形用户界面，以鼠标、键盘等输入设备作为辅助，以图形化的窗口、 图标、菜单、按钮等为输出内容，让使用者直接在显示屏上进行直观操作。这种基于图形方式，可直接进 行对象的选择操作的人机界面设计形式，现在通常被称为w i m p 界面。唧i m p 界面现在也被广泛地应用在手 机界面、电脑软件界面等的设计中。 图形用户界面是人类历史上最伟大的发明创造之一，它对计算机的普及与崛起，和基于网络与信息化 产业的进一步发展，带来了深远的意义。现在，对于国内外任何品牌、任何架构的计算机而言，图形用户 界面都是时下最流行的操作方式。它完全摒弃了早期用户必须键入文字命令、使用d o s 提示符来查看内容 的复杂形式，让用户直接面向图形对象进行直观操作。 图形用户界面在人机交互过程中更多的依靠视觉参与，在很大程度上提高了视觉目标搜索的效率。界 面中的菜单、图标、按钮等图形表现形式相比命令语言界面更为直观和丰富多彩。它使用户只需确认而不 需回忆系统命令，大大降低了记忆负荷，也使电脑摆脱了呆板、枯燥、生硬而毫无生命力的线条和字符， 给晦涩难懂的命令语句装扮了一层绚丽多姿的衣裳，使计算机这一曾经可望而不可及的高科技“怪物”真 正走向了普通大众。 现今，图形用户界面的运行平台日益丰富，具体运用形式日趋多样化和细分化。除了个人电脑外，互 联网、手机、便携游戏机等新型数码产品的普及，促使传统w i n d o w s 界面又衍生出了网站界面、软件界面、 手持设备界面、游戏界面等新的界面形式。这些具体界面形式在交互与视觉设计和开发上都有各自的特点， 开辟了一个崭新的信息时代，开拓了一片生机盎然的庞大市场。 1 2 多样化发展苹果公司与触控图形界面的设计 根据i s u p p l i 公司最近的一份市场研究报告，2 0 0 8 年触摸屏市场需求总量为3 亿4 千万台，销售收 入为3 4 亿美元。预计到2 0 1 3 年，触摸屏市场将增长到6 4 亿美元。 触摸控制作为人机界面中通过触觉或 手势通道与机器进行通讯的方式，己日渐成为多样化发展的多通道用户界面中，新一代数字化产品最时 尚的界面设计方式。 。w i m p 界血指由窗口、图标、鼠标器、下拉式菜单( w i n d o w s 、i c o n s 、m e n u s 、p u t t d o w nm e n u ) 组成的界面。参考：罗 仕糁人机界面设计 m 机械t 业版社2 0 0 2 1 5 7 售j a k ec h e n i 乜予系统设计【j 】2 0 0 9 0 4 2 7 通过小i 刮通道( 视觉、听觉、触觉、言语、手势、表情等) 与计算机系统进行通讯的用户界面称为多通道用户界面。( 参 考：剧另：人机界面改计【m 】北京：科学i ：版社2 0 0 7 9 ) 6 第一章数字化产品人机界面设计的现状 作为传统物理按键之外的一个操作方式的选择，触摸控制界面旱在几年前就已经开始使用了。它广泛 应用在公共服务领域。我们已经逐渐习惯于用。触攫”的方式来使用银行a t l 自动取款机取钱；在电子售 货机上选购商品；在卡拉o k 机上点播歌曲；在图书馆、机场等查询自己需要的信息。触控界面完全 抛弃了使用输入设备的限制，基于图形直接触摸埠作，在使用上的优势和好处已经得到了行业的认同和消 费者的买单。现在，它正在传统图形用户界面的主流使用中快速发展起来，触摸操作正以高速的步调融入 我们的生话。 不过，从简单的屏幕点选到让用户拥有更多的屏幕触摸操控方式这样的改变来自于苹果推出的 i p h o n e 等系列触控产品。与平时的 删取款机等单一触摸技术不同，i p h o n e 使用了多点触控( m u l t i - t o u c h ) 技术可以同时处理多个触摸点。比如人们可以用两根手指在屏幕上“捏”一下，就能对窗口和图片进行 缩小操作就像你真的把它。捏扁”了一样。同样，放大操作也是用两根手指把它“分开”即可( 图1 - 1 ) 。 更有意思的是，它还可以允许人f 用好几根手指同时在屏幕上随意地“弹钢琴这一切有趣效果的实现， 都建立在触摸屏技术不断发展的基础上 放大摊作鲻小操作 圈1 - 1 t 多点拦技术的发晨带来了攥图形界面的黝发羼 触摸控制界面的发明应用打破了传统图形用户畀面需要定位设备帮助使用者进行精确定位的限制， 提升了用户操作的效率。尤其在进行大范围的菜单选择等操作时，触控操作可以让用户的手指始终处在同 一个平面当中，快速的移动和点选也不会产生疲劳感。另外，触摸操作对于产品本身来说也存在有使用寿 命方面的优势，相比传统按键操作，触摸操作能够很好地控制产品损耗，减少故障率。当然，采用触摸显 示屏设计的产品让设计师可咀有更太的空间对产品本身进行设计和创意，让产品更加的时尚和具有魅力， 迎台更多消费者们的口味，也大大扩展了界面设计方法的自然性和设计形式的灵活性。比如i p o dm p 3 中 c o v e rf l o w 功能的蹬计它是一个可经由唱片封面来形象化地翻壹音 乐数据库的三维图形界面。即在音乐收藏夹中通过显示音乐专辑封面 的图片，将不同的音乐进行分类。这样当 们在选挥音乐的时候，就 可咀在带有动画特效的音乐收藏夹中，用手指划过专辑的封面“翻开” 目录来寻找音乐带给使用者如同在家中的c d 架上翻找c d 一样真实、 自然的感觉( 图1 2 ) 。 圈i - 2 ：用手指“翻嘲。来寻找音乐 现在触控界面设计已经在便携式数字化产品中广泛应肘起来。 它能够让州户的操作更加直观和简单需要操作哪里就用手去触碰哪里。在技术e 逮发展的现在，我们也 已经能够享受到“拖拽”、“缩放”等手势操作教果，这对_ 丁数码产品等麻用的意义不于x 多出了儿个功 8 青：4 4 “科“9 ：7 几“”1 “耻0 1 8 。18 “1 “1 7 。“。1 一1 1 脚 南大学硬士学位论文 能、加入了几个配置。从未来来看，它已经从根本上改变了我们对于界面传统的认识和理解，也为产品的 人性化、互动化趋势奠定了坚实的基础。 2 0 0 8 年，屏幕触控方式在各大厂商的产品线上纷纷出现，不只是手机或音乐播放器的操作中甚至 在电脑显示屏或电视机中，触摸显示屏的应用已经开始普及。产品如此集中看点如此统一，这样的行业 发展情况推动着触控界面设备必将在2 0 0 9 年达到一个磺峰。可以说触摸操作必将成为未来操作方式的主 流，不仅仅是因为触摸操作对于一敏产品在卖点和整体价值提升上所起的作用，更多的，触摸操作的意义 在于非常实际的使用方面。而基于“触摸”技术发展起来的多样化界面形式，也为界面设计者带来更大的 空间自由，以发挥刨新和想象。在“解放”了按钮、鼠标等硬件设备之后，新一代图形界面。以更加自然、 直观的优势快速发展带领界面设计者不断挑战创新思维，进行丰富多彩的设计。 1 3 人性化发展l g 电子与界面设计的趣味化倾向 紊斯比特曾说，我们周围的高技术越多，就越需要人的情感。我们正走向高技术与高情感的两个方向 人类试图给每一种新技术都配上一种起补偿作用的反应以追求一种高理性与高感性、高人性的平衡。o 产 品在情感层面上的设计，就是要遵循人的情盛活动规律，把握消费者的情培内容和表现方式，用符合情缚 体验的产品设计去求得消费者在心理上的拭鸣，产生喜欢和愉悦的态度，唤起人们对新的生活方式的追 求。 在信息化时代的进程中，技术领域的飞速发展带动着工作、生活方式剧烈地变化人与产品之间的关 系日益密切。在多样化的产品所营造的世界里，这些变化在简单、快捷之外也给人们带来了新的烦恼，如 情感的涣漠、生话乐趣的丧失等。而现实的精神压力越大，人们越倾向于追求和捕捉一点一滴的生活乐趣。 因此情趣化生活的愿望和需求促使着产品设计逐渐从以纯粹的理性设计为主导转为以感性设计主导，为人 的精神世界而设计的宗旨成为当今产品设计探索的核心问题。 就界面设计而言，趣味性与人的认识和情感密切相联。人们通过对界面的操作感悟到产品形态意味中 新鲜有趣的文化涵义，激发出人们的使用乐趣，获得情绪上的快乐，从而对产品产生积极的带有倾向性选 择的态度。因此，对于界面趣味化的设计，一是体现了 机界面设计中 更加“人性化”的一面，另外也充分体现了不同消费者的需求特点，引 导和满足丁消费者独特的“个性化”需求。 目前在日、美、韩等为代表的企业中，趣味化设计在产品设计理念 中所占的比重越来越大。比如l c 电于的手机产品l gy , f 0 0 0 ，就是 对界面趣味化设计的全新探索和尝试。它在传统陈旧的手机撵控方式上 做出了大胆的创新，使用了“i n t e r a c t p a d t m ( 灵趣屏) ”设计开创了 界面设计的全新方式( 卧n 弧m 手机的显示屏幕自上方的土：，1 麓：；篙i ： 显示屏和下方的“灵趣屏”组成。其中“灵趣屏”界面的显示可咀依 据主屏幕显示内容进行实时的变换，从而与主屏幕实现自由互动，为手机的使用带米了很多新鲜的乐趣元 ：是：i ；：要，裟。n a is ) ”“。“”“剐性活的i 十新”1 “”普及“。”4 ” 8 第一im 孚化产日 # l 界面设计现状 素。在平时的特机状态下，主、副两个屏幕是相通的，待机界面会从主屏幕延伸到副屏幕。当随着手指在 “灵趣屏”上自由槽动时，手机的主操控界面就会根据用户当前的功能选择瞬时变换，而主控屏幕的各种 操作状态也会引发灵趣屏与之相呼应让使用者在对界面的操控过程中感受到无穷的趣味。其中手机采 用的简练而有趣的涂鸦风格的背景图案，通过显示屏和“灵趣屏”的上下交互演绎，f l a s h 动萄惟妙惟肖 的在手机里跃动着。灵动的乐趣呼之欲出，带给使用者新奇的赌受。 “趣味化”设计是立足于满足人们“爱玩的”的心理，在界面中融入可让 玩赏的、游戏的娱乐元素， 以调动人的脑力、体力活动参与其中而获得快乐。娱乐不仅是一种最古老的体验之一，在当今仍是种最 普遍的体验。尤其对于在卡通文化中成长起来的新一代庞大的消费群体而言他们崇尚的正是一种娱乐化、 游戏化的产品设计风格。如三星公司生产的t i o 音乐播放器，就是利用一只动态卡通造形的小狗s a m y 。 作为界面控制的4 导航者”。操作过程中的音乐播放、视频播放、图片浏览、系统设置等功能都由小狗s a 田y “带路”( 图1 _ 4 ) 。每个选项圈标都借鉴手机菜单风格制成了简笔动面的形式。用户在切换不同功能时， 卡通小狗都会从左至右进入界面，其各种不同的形象，在趣味性和人性化设计方面，都有着较大的创新， 深受广大青年消费者的喜爱。 田1 - 4 ，小狗$ 唧的导航设计方法，使用者轻梧使用的同时带来了更多乐趣 现代生活中，内心压力大和脑力劳动强度高的现代人糟神上的倦意远远胜下体力的疲劳，此时的“趣 味化”设计作为一种调剂生活的活动，打破了使用者一贯长时间面对静止画面的沉阎搏，可帮助人们解除 精神上的倦息，找寻一种轻松、快乐的心情，还可培养丰富的情感表述人高尚、美好的精神气质，为丰 富生活创造条件。这种互动式趣味界面的设计，通过使用产品刺激尽可能多的感觉器官，建立一种使用者 与产品使用之同互动的积极的情感联系，产生美感。它作为人机界面人性化和个性化发展的一个方向，也 为数字化随身设备的界面设计变革开启了一扇新的大门。 1 4 小结 从以上著名i t 业对数字化人机界面设计的探索来看，现夸的人机界面已经从传统命令语句复杂、单 一的基础上，发展成为更加直观，简洁的图形界面。同时基于数字拄术的进步，对结合了动画、手势等多 媒体视觉、触觉元素的新一代多通道幽形界面，也在界面设计者的不断尝试探索中，向着更加美观化、人 性化的方向前进。 旨先是技术发展带来界面形式不断更新，人们不但可以通过鼠标、键盘等定位设备对界面进行操作， 也可以通过手指触摸的方式，直接进行界面的控制甚至还可以通过听觉、语音等与机器进行简单的互动。 9 东南大掌坝士学位论文 这些都是建立在不断发展的高科技基础之上的。界面操控形式的不断发展，带来了丰富多彩的体验效果， 也带来了界面设计方式的不断丰富，为新技术下界面的艺术性设计带来了更大的挑战和机遇。 其次是对人性化探索带来界面设计内容的丰富发展。设计的核心是以人为本，设计的目标是使人的身 心获得健康发展。人性化的界面设计需要结合科技与人文的关系，通过设计来达到产品的人文关怀。设计 师的设计理念也不仅限于用户的感官层面，更加深入涉及用户的生理、心理感受。同时，在物质技术发展 到一定程度的今天，人们对教化功能的单一追求逐步转向对审美、娱乐为中心的多种功能的诉求，强调审 美的效应、娱乐性，新的审美观念和审美意识正在重构。借用马斯洛的需求层次理论，人们的欲望总会向 比自己高一层极的方向看齐。较高的审美情趣可以引发个人的积极态度，甚至会让用户对机器产生感情( 如 喜爱、忠诚、耐性) ，催化用户的创造性思维。 因此当前界面设计一方面要求产品功能齐全、高效，适于人的操作使用，另一方面又要满足人们的审 美和情感精神需要。在未来的界面设计中，设计人员也要牢固树立“以人为本”的观念，并用这种独到的 设计理念来观察事物，深入研究不同消费者的心理特点、审美情趣，以消费者在使用产品时的感受及产生 的新需求作为设计重点，不断设计出更加自然、人性化的界面。 1 0 第= 章舁面设计的构成元素 第二章界面设计的构成元素 人机界面是人与机器沟通的“桥梁”，它包含了车富的文本、图形、动画、视频、音频等多种视、听 觉信息。这些元素借助代码语言编程技术的支持，实现丁综合的交互效果，增加了界面的生动性和复杂性。 成功的界面井不是将图片、文字等多媒体元素简单堆积在起，而是要设计出恰当的表达方式和手法 实现界面元素的协调和美感。对于各种元素，界面设计者需要考虑不同的捧列与优化设计，以呈现出不同 的美化效果，这样才能符合界面表达的主题，方便用户的操作。 本章将从界面构成的各种元素 手结合现实设计例子，对界面构成元囊的设计进行研究探讨。 2 1 界面设计中的文字 文字作为视觉传达中最直接的方式在界面设计中主要应用于标题菜单、信息提示、控制命令、内容 说明等方面表达抽象的概念或者刻画具体的内容与细节。无论是早期的命令语言界面还是目前的图形 用户界面文字一直担负着传递大部分信息的功能，有着其它元素无法取代的特殊地位。 2 1 1 文字应用特点分析 首先，文字作为语言符号，具有语言的袁选特点和优势是一种将思维和意识可视化的表现方式。文 字对描述的对象具有高度的概括性，能够在信息表述中，很快使受众抓住内容的中心。尤其是在界面主题、 网页标题等核心内容的设计上，对文字做适当的变形，运用创意美术字或加粗等手法对文字材料进行精心 处理，可以不借助于任何图形。而表现出强烈的视觉冲击效果。 其次文字在界面设计中，不仅仅可咀传达信息，同时也是一种高尚的艺术表现形式。它具有传达感 情、展示视觉关感的功能。支字形态的变化与统一、编排的节奏与韵律、字体的对比与和谐等都是实现和 谐画面的具体手法。设计巧妙的支字能使人感到愉快，留f 美好的印象，从而获得良好的心理反应。文字 还可以通过自身形象的个性与风格给人以黄的享受使界面更加美观。 比如香港的创作网站s i x s t a t i o n ，就是通过对文字进行抽象排列组台，使其在二维平面上显示出立体 交错结合的感觉，给 带来截然不同的视觉感受( 图2 - 1 ) 。而英国心脏基金会网站界面的设计将不同英 文字母组台搭配，设计成为一个心的形状来表达主题。鼠标滑过文字颜色会变浅，带给人一种心脏跳动 的视觉冲击敏果( 陶2 2 ) 。 圈2 2 ：英目。脏基盘台两站界面 双 廿v石_臀- | 八舸小 税蒺& 东南大学碰学位论文 第三，中国的传统文字汉字也具有抽象的美感。在界面中台理应用能够起到画龙点睛的作用， 汉字既是中国文化的象征，又具有极强的图形感。汉字的结构形态、书写方法、显示风格等不同，会 给洲览者带来不同的心理印象。如宋体呈方形或扁方形态，横细竖租起落笔及笔划转折处讲求顿挫装饰 变化，字体均齐大方，具有古朴、稳重、规范和严肃之感多用于标题及重点文字；黑体横竖笔划粗重一 致，起落笔及转折处成直方形态，醒目而强烈，富于力度和份量够，有较强的视觉冲击力，多用于标题、 副标题和强调性文字 行书字体具有不同的性格特征风格变化多样，节奏明快强烈具有行云流水般的 形式美，在文字设计中可以突出、强调和装饰重点词句，达到引人注目加强画面的视觉表现效果；草书 格谓清新洒脱流畅，活泼自由，富于神韵，在容易辨认的前提下。适当的使用能产生画龙点睛的效果， 也能提高设计的格调和风采。 汉字的选择要以文字信息的内涵和设计意图为依据使字体的形态、心理效应与要传达的主题相致， 达到内容与形式的统一。文字设计不能和界面的风格特征相脱离更不能相冲突否则。就会破坏文字的 诉求教果。比如图2 - 3 中左图的何园网上电子接书的设计，界面整体风格就具有中国传统水墨特色因此 对于文字的搭配使用了毛笔书法，在突出主题的同时与界面背景融为一体而右圈界面中。齐泉”字体的 隶书式设计，结合了阿页界面内古典镜框的形式美感，戚了画面中的