（设计艺术学专业论文）手机界面的视觉语言分析及其风格化设计艺术研究.pdf

摘要 论文题目： 学科专业： 研究生： 指导教师： 指导教师： 手机界面的视觉语言分析及其风格化设计艺术研究 设计艺术学 祝瑜 黄海燕副教授 王毅副教授 摘要 签名：盏经塑l 签名：小纽影坐i 签名：砻运也 签名： 3 g 时代的即将到来，手机界面设计在技术层面已经日趋成熟，越来越多的手机界面 设计者开始关注其的风格与品位。主题风格鲜明的手机受用户的青睐，也是产生购买欲望 的主要因素，因此手机的风格化设计越来越受到生产厂家的重视，其中手机界面的风格化 设计扮演着重要的角色。目前，在产品性能和品质越来越同质化的竞争条件下，国内市场 很多手机界面形式较为雷同、内容单调、乏味、缺乏艺术特点。那么，利用视觉元素对手 机界面进行风格化设计，成为现代手机界面设计的趋势所向。手机界面的整体特征所呈现 出的视觉风格，强调对使用者的主观视觉感受所产生的积极作用，其视觉语言风格化设计 必须达到用户使用愉悦的目的。 本文重点分析了手机界面视觉语言构成要素，从手机界面的视觉语言的特点入手，对 其进行归纳分类分析，且在手机界面的设计过程中将其视觉语言进行符号化，阐述了手机 界面设计的视觉语言的概念、特点、表现方式等等。从手机硬件界面和软件界面两个不同 的侧面，分别探讨了如何利用不同的视觉表现语言进行风格化设计，以及手机界面设计中 图形图符标准化，功能与形式风格的统一化以及手机产品的视觉风格和企业的品牌形象风 格系统化三者进行有机结合，从而达到手机的硬件界面和软件界面在设计风格上的协调统 一，真j 下实现手机界面视觉语言的风格化设计。并且在研究过程中，结合实际案例，针对 不同的人群总结出满足不同的适用人群的个性化的设计思路，从而在整体上把握手机界面 设计的视觉风格。 关键词：手机界面视觉语言风格化设计 a b s tr a c t t i t l e ：v i s u a ll a n g u a g ea n a l y s i sa n da e s t h e t i ci n d i v i d u a t l o n d e s i g ns t u d yo fm o b i l ep h o n e si n t e r f a c e m a j o r = t h ed e s i g n a r t n a m e ：z h u y u s u p e r v i s o r a s s o c i a t ep r o f h u a n gh a i y a n s u p e r v i s o r - a s s o c i a t ep r o f w a n gy i a b s t r a c t s s i g n a t u r e ： s i g n a t u r e ： s i g n a t u r e ： w i t ht h ec o m i n go f3 ga g e ，t h em a t u r i t yi nt e c h n i q u eo fm o b i l et e l e p h o n ei n t e r f a c e ，m o r ea n d m o r ed e s i g n e r sb e g i nc o n c e mt h es t y l ea n dt a s t e m o b i l et e l e p h o n ew i t hd i s t i n c ts u b j e c ts t y l ei s p o p u l a rw i t hc u s t o m e r s ，w h i c hi sa l s ot h ef a c t o rt h a tl e a dp u r c h a s i n gd e s i r e t h e r e f o r e ，t h e p r o d u c e rp a ym o r ea n dm o r ea t t e n t i o no nt h es t y l i s hd e s i g n ，a n di n t e r f a c e sp l a ya ni m p o r t a n t r o l e c u r r e n t l y ，u n d e rt h ec o m p e t i t i o no ff u n c t i o na n dq u a l i t y ，i nd o m e s t i cm a r k e t ，s om a n y i n t e r f a c eh a v et h ec h a r a c t e r so fs i m i l a rf o r m ，d u l lc o n t e n t sa n dl a c k i n go fa r t s ou s i n gv i s u a l f a c t o rt od e s i g nc e l l o p h a n ei n t e r f a c eb e c o m eat r e n di nm o d e mi n t e r f a c ed e s i g n t h ev i s u a l s t y l e ，w h a tt h ew h o l ef e a t u r eo fi n t e r f a c es h o w su s ，e m p h a s i z e st h ea c t i v ee f f e c ti tp l a y so nu s e r s s u b j e c t i v ev i s u a lf e e l i n g s a n dt h es t y l ed e s i g ni n v i s u a ll a n g u a g em u s tm e e tt h ee n j o y a b l e p u r p o s eo fu s e r s t h i sp a p e rm a i n l ya n a l y z e st h ec o m p o s i n ge l e m e n t so fv i s u a ll a n g u a g eo fi n t e r f a c e ，i n d u c ea n d c l a s s i f yi tf r o mi t sf e a t u r e ，s y m b o l i ci tw h e nd e s i g n i n gt h em o b i l et e l e p h o n ei n t e r f a c e ，f o r m u l a t e i t sc o n c e p t ，c h a r a c t e r i s t i c sa n dm a n n e r se t c f r o mh a r d w a r ea n ds o f t w a r e ，t h et w od i f f e r e n t s i d e s ，t h i sp a p e rr e c e p t i v e l yd i s c u s s e sh o wt om a k eu s eo fd i f f e r e n tv i s u a ll a n g u a g et od os t y l i s h d e s i g na n dc o m b i n e st h es t a n d a r d i z a t i o no fg r a p h i ca n ds i g ni nt h ei n t e r f a c e ，t h eu n i f yo ff u n c t i o n a n ds t y l ea n dw i t ht h es y s t e m a t i z a t i o no fm o b i l et e l e p h o n ev i s u a ls t y l ea n de n t e r p r i s eb r a n d i m a g e ，t h e nt og e tt h ec o o r d i n a t i o no fh a r d w a r ea n ds o f t w a r ei ns t y l i s hd e s i g na n dm e a n w h i l et o r e a l i z et h es t y l i s hd e s i g no fv i s u a ll a n g u a g ei ni n t e r f a c e i nt h ep e r i o do fs t u d y ，d e s i g n e r sr e s e a r c h s o m e i n s t a n c e s ，t a r g e td i f f e r e n tc r o w d s ，s u m m a r i z es o m ei n d i v i d u a li d e a st os a t i s f yd i f f e r e n t c u s t o m e r s ，t h e r eb yt og r a s pt h ev i s u a ls t y l eo fi n t e r f a c ed e s i g ni nw h o l e k e yw o r d s ：m o b i l et e l e p h o n ei n t e r f a c e ；v i s u a ll a n g u a g e ；a e s t h e t i ci n d i v i d u a t i o n ；d e s i g n 独创性声明 秉承祖国优良道德传统和学校的严谨学风郑重申明：本人所呈交的学位论文是我 个人在导师指导下进行的研究工作及取得的成果。尽我所知，除特别加以标注和致谢 的地方外，论文中不包含其他人的研究成果。与我一同工作的同志对本文所研究的工 作和成果的任何贡献均已在论文中作了明确的说明并已致谢。 本论文及其相关资料若有不实之处，由本人承担一切相关责任 论文作者签名：叠豆2 瑜 2 卵萝年唯月7 日 学位论文使用授权声明 本人耋! 型至立在导师的指导下创作完成毕业论文。本人己通过论文的答辩， 并已经在西安理工大学申请博士硕士学位。本人作为学位论文著作权拥有考，同意 授权西安理工大学拥有学位论文的部分使用权，即：1 ) 已获学位的研究生按学校规定 提交印刷版和电子版学位论文，学校可以采用影印、缩印或其他复制手段保存研究生 上交的学位论文，可以将学位论文的全部或部分内容编入有关数据库进行检索；2 ) 为 教学和科研目的，学校可以将公开的学位论文或解密后的学位论文作为资料在图书馆、 资料室等场所或在校园网上供校内师生阅读、浏览。 本人学位论文全部或部分内容的公布( 包括刊登) 授权西安理工大学研究生部办 理o ( 保密的学位论文在解密后，适用本授权说明) 论文作者签名：窆盟益当导师签名运i 塑垫：皇垄凌2 9 口9 年v 月了日 1 绪论 1 绪论 伴随3 g 时代的即将到来，手机界面设计在技术层面已经日趋成熟，越来越多的手机界 面设计者开始关注其的风格与品位。风格鲜明的手机受用户的青睐，是产生购买欲望的主要 因素，因此手机的j x l 格化设计越来越受到生产厂家的重视，其中手机界面的风格化设计扮演 着重要的角色。目前，在产品性能和品质越来越同质化的竞争条件下，国内市场很多手机界 面形式较为雷同、内容单调、乏味、缺乏艺术特点。那么如何通过界面的设计达到增强手机 的风格化是众多企业关注的问题。 1 1 课题研究的背景 中国的模拟手机时代，大概可以从1 9 8 7 年中国移动通信集团公司开始运营9 0 0 m h z 模拟 移动电话业务算起，到2 0 0 1 年6 月3 0 日，中国移动通信集团公司完全停止模拟移动电话网 客户的国际、国内漫游业务截止。模拟移动电话系统主要采用模拟和频分多址( f d m a ) 技术， 属于第一代移动通信技术。凡号码以“9 字开头的手机都属模拟网。模拟蜂窝移动电话通 过电波所传输的信号模拟人讲话声音的高低起伏，因此这种通信方式被称为“模拟秀式”。 模拟移动电话系统的质量完全可以与固定电话媲美，使通话双方能够清晰地听出对方的声 音。但模拟移动通信与数字移动通信相比保密性较差，极易被并机盗打；只能实现话音业务， 无法提供丰富多彩的增值业务；网络覆盖范围小且漫游功能差：模拟手机体积大、重量沉、 样式陈旧，加之手机供应商早已停止生产模拟手机，使模拟手机的维修与更新受到严重制约。 中国移动通信集团公司将于2 0 0 1 年1 2 月3 1 日后关闭模拟移动电话网，停止经营模拟移动 电话业务。2 0 世纪8 0 年代，全球移动电话业务发展非常迅猛。8 0 年代后期，全球使用无线 电话终端的用户数年增长率为4 0 ，远远超过同期有线电话用户的年增长率。在9 0 年代前 几年中，无线寻呼用户的年增长率达3 0 - 4 0 ，无绳电话用户的年增长率为3 0 左右，而移 动电话用户的年增长率则高达4 0 - 5 0 。移动电话已由模拟转向数字发展，包括g s m 和c d m a 制式的数字移动电话正在世界范围内高速发展。n 1 笔者在这里主要拿g s m 制式手机来做一分析。按照用户对手机界面的视觉审美可分为以 下三个阶段( 如图1 - 1 所示) ： 西安理工大学硕士学位论文 国外国内 功能大于审美“砖块” 萌芽状态 黑自屏的简单图形界面 对审美有一定的要求双屏、彩屏 模仿、借鉴 图形外观及版面结构较为统一 功能和审美的整合 技术层面成熟、风格化形成“过度设计” 图卜1 国内外手机界面设计研究现状分析图( 祝瑜绘制) ( 1 ) 、( 】9 9 7 年- 1 9 9 9 年) 功能大于审美 这一时期，人们对手机的追求在功能方面大于审美方面。由于手机硬件技术的限制，手 机的显示屏也仅仅只是由一两个简单的图形界面，黑白两色构成。这个阶段对手机基本功能 的追求是第一位的。手机屏幕从只能显示单行或双行，发展到支持滚动窗口方便访问者看到 更多的信息，同时，开关机的画面开始具备了黑自动画，文字与图标也开始运用简单的动画。 与此同时，我们国内在这方面起步较国外晚，国产手机全国销量还不到2 。 ( 2 ) 、( 2 0 0 0 年一2 0 0 1 年) 在功能完善的基础上，人们对视觉审美有一定要求 随着手机市场化竞争同益激烈，人们除了手机功能的完备外，开始对界面的视觉审美有 了一定的要求。此时，技术层面已经可以实现一屏显示对行文字的要求，于是彩屏、双屏应 运而生，第一款“三星”双屏手机的问世使得手机屏幕使用更加科学。在区分主屏和外屏的 基础上，传达了更加人性化的概念。这个阶段的软件界面多采用绚丽的色彩，加速用户领会 和操作界面信息的程度，各种手机界面的设计日益统一，拥有了较为统一的图形外观及版面 结构。 国内的模拟移动电话网完全关闭，f 式进入g s m 时代。国产品牌手机开始迅速发展起来。 包括c d m a 等制式在内的2 g 技术占据手机市场主流。 ( 3 ) 、( 2 0 0 2 年一2 0 0 6 年) 功能和审美整合 这一阶段，全球信息网络发展迅速，手机界面设计在技术层面已经r 趋成熟，与之相应 的是软件界面的向应时间、显示速度、显示色彩均大幅提高，许多手机将音乐播放、游戏、 j = n 冲浪等功能加入手机，使其与人的使用习惯结合。各类绚丽多彩的图形交互菜单使得手 机软件界面更易于理解和使用。这又为手机界面的发展提供了更大的空间。 2 1 绪论 1 2 课题研究的目的和意义 1 2 1 课题研究的目的 ( 1 ) 本课题拟对国内外具有代表性的手机品牌，对其界面设计的版式、色彩及图符在视觉 风格上进行对比研究，了解界面设计的视觉风格在国内品牌手机上的应用状况。 ( 2 ) 针对国内在手机界面视觉风格上的设计不足，并结合国产手机的实际现状，对不同职 业、不同年龄层次的适用人群从购买意图和认知心理上做深入的调查研究，总结出满足不同 的适用人群的个性化的设计思路，从而在整体上把握手机界面设计的视觉风格。 1 2 2 课题研究的意义 随着科技的不断发展，手机的功能愈之强大，基于手机系统的相关软件应运而生，手机 设计的人性化已不仅仅局限于手机硬件的外观，手机的软件系统已成为用户直接操作和应用 的主体，它应以美观实用、操作便捷为用户所青睐。用户在对产品或界面的第一往往是基于 最直观的审美层次的。简单的、千篇一律的手机界面已经不能满足各类适用那个人禚的视觉 审美的需要，界面越形象，越能体现不同读者的心理需求就越能令用户愉快或着迷，相反， 如果界面缺乏想象力、杂乱无章、没有统一的视觉风格，那么它就是乏味的，无法引起用户 的兴趣。如何把它们冷酷古板的面孔变得友好，如何改变单调的操作方式，使其容易操作并 降低出错率，成为一项重要的研究课题。因此，笔者认为手机界面风格化设计对手机的现实 意义主要有以下三个方面： ( 1 ) 手机界面风格化设计有利于用户对其实用性的评价 如何使用各种色彩、图标、文字和图形元素可以强化界面的视觉整体识别感，即所谓的 图形界面风格。我们要知道手机的外观和系统界面已经是由手机制造商根据用户审美习惯定 制的，它应该有他们的审美群体，我们要给这款手机做软件就应该有效地利用制造商基于此 款手机的审美特征，以赢得喜爱此款手机的用户，使他们对系统界面的肯定和喜爱有效的转 移到我们的产品上来。当然合理地结合系统界面进行设计还包括图标、按钮的风格及在不同 操作状态下的视觉效果。界面的美观程度将影响用户对其实用性的评价。 ( 2 ) 手机界面风格化设计能够满足受众审美的需求 界面作为沟通传递信息的媒介，它的设计是否易用、可用、并唤醒使用者的审美情感， 这是设计师肩负的重任。界面设计也逐步成为数字化社会的重要设计领域，新技术革命提高 了社会生产力水平，同时也培育了人们的思维能力与审美能力。在传递设计信息时，人们也 要求信息本身具有美感，犹如欣赏高雅艺术品般的审美享受，这种客观要求势必导致了设计 信息艺术化的发展，现代设计信息已呈现出一种艺术化发展的必然趋势。 ， ( 3 ) 手机界面视觉语言风格化有助于企业品牌风格的建立 产品的视觉形象是企业品牌形象的载体，消费者对品牌的认识是从具体的产品开始的， 3 西安理工大学硕士学位论文 通过对产品的有型要素如造型、功能、材质、色彩等构筑起来识别的个性特点。那么与产品 相关的联系都是品牌识别的重要组成部分，直接联系受众对品牌的选择和使用经验。设计师 的要做的就是通过对产品的视觉语言加以创意，使产品界面的形态、色彩、结构布局等表达 出一种感性的状态和易接近性，成为其品牌形象的支持角色，使产品的品牌更加的真实化， 从内到外的构筑了企业的品牌形象。所以从一定程度上讲，产品的视觉风格与企业的品牌形 象风格是密不可分的。 1 3 课题研究的界定 基于研究的目的和i 客观时间、人力与物力条件的限制，研究范围界定如下： ( 1 ) 选取品牌接受度高、用户认可度高的手机产品作为研究分析的对象。 ( 2 ) 手机界面设计是一个涉及到多学科、多工种，多行业的复杂工序，一个人的力量 显得非常单薄，前期的调研工作不可能大范围的进行，只能在特定范围内的使用人群中进行。 ( 3 ) 对于后期的没计评价，只能将对定位手机所做的界面风格化的设计放在在互联网 上的手机论坛上，做小范围的网友对该作品的认可态度调查。 1 4 课题研究的方法 本课题的研究需要综合运用分析法、比较法、个案研究法、方法借用和理论融合等多种 研究方法。 ( 1 ) 针对几款在国内外用户较为满意的手机界面设计中用户较为满意的案例做调查研究， 主要从主体界面的版式结构、色彩应用、导航系统的功能性、主题图标的整体设计以及主题 界面的造型风格上入手，对不同品牌、不同型号、不同主题概念的手机作调研比较。 ( 2 ) 并对不同职业、不同年龄层次的适用人群的心理认知和心理需求做调查，具有针对性 的研究几款比较成熟、受大众欢迎的手机界面的视觉风格，系统地研究其个性特点，总结出 值得我们借鉴的优点和可取之处。 ( 3 ) 在调查研究的过程中，适时的总结调研结果，理论联系实际，针对国产夏新品牌的手 机从整个主体界面的版式色彩、导航系统、功能图标的整体设计几个方面，对其整体的手机 界面设计的视觉风格进行系统的分析，对不同的适用人群设计出具有个性化的视觉风格的手 机界面，让其满足适用人群的基础上更能牢固的树立其品牌形象。 4 2 手机界面设计概述及发展现状 2 手机界面设计的概述及发展现状 2 1 手机界面设计的概述 2 1 1 界面及界面设计 在人和机器的互动过程( h u m a nm a c h i n ei n t e r a c t i o n ) 中，有一个层面，即我们所说 的界面( i n t e r f a c e ) 。是人与机器间传递、交换信息的媒体，设计词典对界面的定义： 是对两种不同的物体间交流手段，交流过程的整体设计，使系统地优化人的操作，提高人及 交流的效率为目的，亦称用户界面设计( u s e ri n t e r f a c ed e s i g n ) ，随着计算机相关技术和 数字消费产品的提高，产品的非物质化进程日益加快，产品的体积造型将不再是问题，同时， 产品功能日益复杂化、多样化，用户需要更易于理解的信息，要求产品具有友好和简单明了 的界面设计，从而要求设计者考虑到用户的人群属性、心理需求、认知水平和文化背景等相 关性能嘲。 广义的人机界面是指，人与机器进行交互操作的方式，其中包括信息的输入和输出；狭 义的人机界面是指，用于用户和计算机系统之间，是人与计算机之间传递信息的媒介，是用 户使用计算机系统的综合操作环境口1 。从心理学意义来分，界面可分为感觉( 视觉、触觉、 听觉等) 和情感两个层次h 1 。 ” 界面设计的范畴很广，是一个有不同学科( 包括认知心理学、设计学、语言学等) 参与 的工程，其中包括u e ( 用户体验) 、u i ( 用户交互设计) 、g u i ( 图形界面设计) 、u t ( 界面 测试) 、s u i ( 实体用户界面) 、a u i ( 声音用户界面) 等一整套过程1 。从设计角度而言，界 面设计可以理解为视觉传达设计与工业设计之间的交叉性学科。 2 1 2 手机界面设计 图2 1 手机界面与用户之间关系分析图( 祝瑜绘制) 西安理工大学项士学拉论文 手机足一种能提供信息服务或通过恻络系统交互信息的消费类电了产品具有信息服务 功能。其主要功能便是为用户提供一个信息交流的平台。如图2i 所示手机界面与人之间 的关系。手机界面不仅限于传统意义h 的、显示屏里的软件界面那么简单，它本身就是一种 界面，每一个部件和每一根线条都含有人机界面的信息，每一个按键、接口、屏幕图标都会 “说话”。通常手机的界面可以分为硬件界面和软件界面。也就是人们通常所说的广义和狭 义之分。 a 广义的手机界面 从广义的手机界面的角度分析其实整个手机本身就是一种界面，通过这个界面使我们 接触和享受到物化了的高科技的交流方式。手机界面不再限于传统意义上的、显示屏里的软 件界面那么简单，手机的每一个部件和每一根线条都含有人机界面的信息，人们依靠视觉线 索去理解产品界面所传达的信息，每一个按键、接口、屏幕国标都会“说话”，它们通过结 构、形状、颜色、材料和位置来象征自己的含义，表达和传递自己的操作方法。 手机的每一个都分都为用户提供了小蚓的操作信息。随着手机功能的多样化与电了技术 _ _ _ 一一 罔2 - 2n o k i a 手机硬件界面图解( 源十 诺基亚官方网站、祝瑜绘制) 的快速更新，手机产品所拥有的功能部件也不断丰富起来，如果按照这些部件在人一机系统 中所处的功能区域柬进行分炎的话，那么这些功能可以分为：输入部分包括按键、操纵杆、 o t 键( 导航键) 、手写笔、触摸屏幕、爵筒、旋钮、并式插楷、摄像头、红外接口等设备输 出部分包括显示群幕、听筒、显示灯、蓝牙等设备。( 如图2 - 2 手机硬件界面图解) b 狭义的手机界面 从狭义手机界m 1 的角度来说，手机的人机界面是指手机1 ，人发生关系的“作_ 【f j 缸”。手 机显示屏里信息的任何变化都反馈给用，实现机向人的信息传递，而用户看到显示屏的数 据变化或听到铃声，通过视觉和听觉等感官接受信息后经过人脑的加工决策，做出反应， 使用交互设备完成人机交互的一f 。步，阻实现人i 柚机的信息传递。 2 手机界面设计概迷厦发展现状 显示屏幕尺寸大是当今手机市场占领的一犬优势手机硬件界面宵一半或者一半以上都 是显示屏幕所占的区域，那么，用户的视觉焦点大部分时间都是停留在显示屏幕上的，尤其 是现在触摸屏幕技术被人量地运用于手机上，使得用户输入与手机信息输出的功能被一同整 合在显示屏上，这样就导致了用户的 操作与信息获得基本上都围绕着手 机的显示屏幕进行。而手机的显示屏 幕所显示和反馈的信息所依赖并为 之存在的形式就是软件界面。因此， 狭义的手机界面一般是指手机的软 件界面，即与用户直接进行信息交流 的平台，如图2 - 3 所示。 作为人机之间的信息界面，软件 界面甚至比硬件界面还要来得重要， 需要合理地设计和管理人机之间的 对话机构。对软件界面的设计最主要 是设计手机与用户之间的对话结构， 这里就要考虑到在真实情况下，用户 与用户之间的对话形式和习惯，越是 图2 3 索爱k 7 5 0 主题界面设计欣赏 接近于真实的对话习惯，用户就更加易于学习和适应这种对话机构。如图2 - 4 人一机之间的 对话结构分析图。 手机的硬件界面直接与人接触，我 们都可以用眼睛看，用触摸来感知，如 接键、充电器接口、显示屏等等都属于 外在的实体硬件。它是通过外观形态、 色彩、材质等视觉语言来展现其界面的 风格化设计艺术。手机显示屏是软件界 面反馈的信息所依赖并以之为存在的形 式。好的手机界面是者在形式上的统 一，风格上的一致，交互导航上美观易 懂、操作简单且具有引导功能，使用户 感觉到愉快，增强兴趣，从而提高使用 效率。那么为了更好的实现“以消费者为 图2 - 4 人。机界面对话结构分析图( 祝瑜绘制) 中心”的人性化设计目标，手机界面设计的 原则是：置界面于用户的控制之下；减少用户的记忆负担：保持界面的一致性；满足不同用 户日的的创意需求。 西安理工太学项士学位论文 2 2 国内外手机界面设计发展现状 2 2 1 国外手机设计发展 - 政美手机的界面设计 欧美的手机新品的研发过程中比较注重人性化的一种设计理念，把“人”的目 穿在整个界面设计的过程中，充分的考虑 到了手机界面与整个既定主题风格的统一 性。欧美的手机界面设计，虽然严谨归整， 延续性很强，但始终变化不多，图标也大 多足常见的九宫格、十二宫格排列，图形 大而醒目，背景屏幕足常见的深蓝或黑色。 如图25 所示，a p p l e 公司0 7 手打手机 i p h o n e 的界嘶设计，i p h o n e 的软件导航系 统具备高逻辑性导向，如在待机画面有一 个箭头图案，用户很自然会把它在屏幕上 用手指一推，这就是取消屏幕锁的方法， 进入主日录，整而是罔案最底f 是 i p h u n e 的几大重点应用，包括电话、电了 邮什、上网及i p o d 按下之后相关的功 能便显示出来，操作简单直觉。 b 日韩的手机界面设计 图2 - 5 a p p l e 公司0 7 土打手机 p h o n e 自 展示圈( 泉源h t t w m o b i l e 叫c o mc n 6 8 6 8 日本手机界面设计时很注重信息的传 达。相较于其他国家，甘本手机使用者中利用手机传送电子邮件、l 网的比例相! 市场另一个主要的特缸是消费者的使崩习惯。所以2 点2 英寸左右，3 2 0 x 2 4 0 分制 使得用户看后有种赏心悦目的感觉。主菜单常运用剪影式的图杯处理手法。借以优 画面简洁大方，却又不乏精致细腻。并不是屏幕质量好，就能达到精致细腻的视i 键是要看界面的统一性。统一性其实是个很宽泛的概念，在手机界晰上可以具体i 和外观的统一、图形勇己色的统一、图标透视的统一、表现手法的统一等等。” 2 手机界面设计概迷厦发展现状 日率手机界面并不是一味的简洁，多元化发展是符合不蚓的人群定位需求的。门本p d c 手机人部分都有两套界面图形，一套简洁的平面化处理处理、一套绚丽的3 d 立体效果。就 单个| 生| 标图符的设计上和韩固都达到了丰h 当高的意个设计水准，但是同本手机界面在图标的 组合和整体布局上，更重视视觉流程的顺畅和信息传达的无误，总体感觉较之韩国手机界面 史为保守，严谨。立体图杯这时再配以强人的图形协处理器，也许就手机界面而言，的确 图2 击日本的手机软件界面设计图示 ( 源于g o o g l e 图片搜索) 是一种视觉享受。 同本的手机界面让人感觉到更多的是新意。比如有些手机界面，在功能键的排列l 就 把手机的主要功能和设置分成了四个类别分别对应四个方向键排列，米简化用户记忆菜单和 操作点击菜单过程中的麻烦。在视觉冲击上，日本手机界面设计比较注重装饰不仅拥有诸 多三维立体图标上的设计，还有一些可爱的手机界面，如：米老鼠、唐老鸦、维尼熊等动画 形象和动画场景来丰富用户的视觉体验。如图27 ：d i s n e y 主题。维尼熊、白雪公主这些童 h2 7d is n e y 主题的手机软件界燧示 ( 源f 。9 0 0 9 l e 图片搜索) 西安理工大学硕士学位论文 年记忆中可爱的确形象，也被授权一一搬上了手机界面。单个卡通造型作图标，动画场景作 背景，很大程度上丰富了用户的视觉体验。 2 2 2 国产手机设计的现状及不足 我国手机行业从无到有，到目前的拥有指定g s m 生产厂家3 0 家，c d m a 生产厂家1 9 家，还有一些配套产业，已形成了相当的生产规模。最新统计表明，我国国产手机的市场占 有率已达5 0 以上，目前已形成了数目大、品种多、竞争激烈的市场竞争格局。 在手机界面的丌发和设计的过程中，国外企业通常把创新作为产品开发的核心，与之相 反的是，大多数国内企业以跟随、模仿战略为主，在现今这个体验式消费的时代，如何更好 的满足人的需求变成了产品的核心要素，调研是设计出优秀产品至关重要的自玎提。然而跟国 外企业相反的是，没有多少中国企业愿意在这上面花费财力和人力。不了解消费者，优秀的 产品设计也就无从谈起。 一些手机制造商为了满足市场对新款手机样式的需求，极力缩短手机从研发制造到上市 的时间，导致部分产品质量不稳定，返修率较高，用户关于手机质量的投诉不断增加。此外 还有贴牌、变脸等因素。专家指出，虽然目前手机投诉的相对量还较小，但绝对数量却在不 断增加，其投诉量已列居各电子类产品之首。国产g s m 手机的市场份额仅已跌至2 0 多，达 到了历史最低点。 目前，大部分国产手机厂商警报频拉，波导、夏新、康佳、东信等众多国产手机厂商纷 纷报出了巨亏。根据中关村i t 产品消费调研中心近期推出的品牌关注l l f f , j 显示，受到最大 品牌关注度的是诺基亚手机，占4 6 ，第二是索爱手机，占1 4 4 ，第三是摩托罗拉，占l1 8 ， 第四是三星9 3 ，接下来的分别是联想( 3 3 ) ，多普达( 3 ) ，l 6 ( 2 7 ) ，c e c t ( 1 7 ) ， 飞利浦( 1 4 ) ，夏新( 1 2 ) ，从这个排位表可以明确地看出，用户除了对联想、多普达和 夏新稍有关注之外，对其它品牌的国产手机很少关注，这便况明了中国国产品牌的手机缺少 品牌竞争力。7 3 中国手机企业曾经凭借工业设计夺得了国内超过一半的市场份额，但从2 0 0 5 年起国产 手机哀鸿遍野，也度创下了跌破3 0 的历史冰点。其原因也是多方面的。通过对比国内外 手机的设计流程，我们可以看到它们之间存在的巨大差距，在流程的关键几个环节中，国内 企业普遍非常薄弱。而国外企业令人震撼的作品正是在对这几个环节的精心经营中诞生的， 这些作品同时也会产生出巨大的市场效应，形成了良性的循环。 在现今这个体验式消费的时代，如何更好的满足人的需求变成了产品的核心要素，调研 是设计出优秀产品至关重要的前提。然而跟国外企业相反的是，没有多少中国企业愿意在这 上面花费财力和人力。不了解消费者，优秀的产品设计也就无从谈起。笔者在对国产手机调 查研究的过程中发现国产手机界面主要存在这样一些问题： a 在新产品开发的过程中创新性不够 l o 2 手机界面设计概速厦发展现状 在新产品的界面设计的过程中，国外企业通常把创新作为产品开发的核心，与之相反的 是大多数国内企业以跟随、模仿战略为主，如图7 一l2 0 0 7 年6 月国产c b c ip 1 6 8 爱丰手 机，外观几乎和苹果公司2 0 0 7 年1 月1 0 同在旧金山的m a c w o r l d2 0 0 7 上，公司( a p p l e c o m p u t e ri n c ) 总裁兼c e ( j 史蒂夫乔布斯( s t e v ej o b s ) 隆重推出苹果公司的第一款手机产 图2 - 8 右图为a p p l e 公司的h o h o n c 于机界面， 左为国产c e c tp 1 6 8 爱半 机( 源十刚络手机论坛) 品i p h o n e 完全一样，连开机的画面和操作界面的图标也足一样的，这样也就无法产生出原 创性的具有震撼力的作品。不仅如此，r p 围仓业长期以来以工程帅为中心的“技术主义”， 使设计师处处受制于工程师。 b 。以人为本”的t 耍性不謦 疏于考虑“人”在设计中的重要因素。 国产手机行业以低端价格切入市场，虽然低端价格可能会促进销量的增大，但是这只是 短暂的、暂时的现象，想要获得市场的认可，还是在于品牌价值和用户忠诚度。国产手机的 品牌得不到用户认可的原因除了技术这类因素之外，疑大的问厢便在于国产手机疏于考虑 “人”的因素，小注重用户体验，不关注用户的需求，盲目的品牌意识或者简单的对外观的 改进是不能触动用户的心灵，进而增强用户忠诚度的。 c 氢略受众的审美需求 在软件界面开发的过程图形用户界面设计师的介入时间过晚。 尤其是对于手机的软件界面来说，这是直接与用户进行交流的区域，但是大部分国产手 机的软件界面制作粗糙，只是在全部的设计过程结束的时候，请些设计师甚至技术人员草 草地完成。用此，很多国产手机的软件界而非常不易于使用，界而不美观，用户需要额外的 西安理工大学硕士学位论文 学习和记忆才能找到自己需要的功能，界面的反馈不及时，操作过程不能为用户带来惊喜感。 这样的软件界面是不能吸引用户使用的。通过对国产手机软件界面的调查，发现除了一些品 牌例如联想、多普达等等对软件界面很关注，并且投入了大量的精力开发等等，大部分品牌 都没有对软件界面注入很大的关注。 1 2 3 手机界面设计的视觉语言分析 3 手机界面设计的视觉语言分析 手机界面的视觉风格是由一系列的视觉语言来实现，本章节从视觉语言的概念入手， 分析了视觉语言的基本特征，在此基础上将手机界面中的视觉语言进行符号化的分类研究。 3 1 视觉语言的概念及基本特征 3 1 1 视觉语言的基本概念 “视觉语言 这一名词来源于英文“l a n g u r a g o fv i s i o n ”，而“视觉语言”这一概念 早在1 9 世纪2 0 年代的时候包豪斯时期就开始形成，当时从教于该校的艺术家们在研究视觉 艺术的规律方面进行了很多积极的探索，如对视觉心理产生的情感问题、表达这些情感的视 觉语言和涉及的关联性等等。阴1 而“视觉 一词真正广泛见诸于设计类刊物及词典上，还 是近几十年来艺术与科技飞速发展时代的事情，它一般被人们定为形象思维的范畴，限定在 艺术造型的审美领域。 视觉语言其实源于科学的造型理论，在造型艺术领域早，这种可以传达情感、理念和信 息的形象以及图形、色彩等因素所构成的视觉样式，被称为“视觉语言 或“视觉形象语 t ! = ， 口。 视觉语言属于无声的语言，但是它包括的范围却很广，它是国际性的语言，无国籍之分， 属于“观念的语言”。当人们用声音语言不能了解和沟通的时候，常常可以借助视觉语言立 刻会意。视觉语言与其他各种感知语言相同，也是作用于人知觉的客观存在，是由视觉形式 存在的符号与符号系统来传递特定的信息内容。是由视觉基本元素和设计原则两部分构成的 一套传达意义的规范或符号系统。其中，基本元素包括：线条、形状、明暗、色彩、质感、 空间。它们是构成一件作品的基础。相当于建一栋房屋所需要的砖、瓦、水泥、钢材等等。 也类似于文字语言中的字和单词。视觉语言的设计原则包括：布局、对比、节奏、平衡、统 一等。设计师可根据各种各样的不同的造型需要，选择相应的材料和表现形式，运用的原则 和方法，在一定的范围内控制各种视觉元素之间的关系，最后形成能够传达特定信息的图形、 图像及造型。 3 1 2 视觉语言的基本特征 时代的进步发展，设计的应用己经深入到人们生活的各个领域，同时它也通过其精炼、 速达的视觉语言达到信息设计交流和传递的目的。在设计艺术中恰当地使用视觉语言较之其 它语言来说，能收到更好的效果。作为设计领域的视觉语言它需要满足以下几个基本要求。 8 可认知性 认知是指视觉语言、视觉形象要能引起人们视觉上的可识别性。这种注意同视觉形象的 结构、大小、方位、环境、色彩因素有关。现代社会环境，变化万千，信息流动性强，使人 西安理工大学硕士学位论文 们的注意力不易集中，那么在设计时往往采用概括简炼、生动鲜明的视觉语言，通过对图形 或色彩的创意变化，将用文字或听觉语言都难以表达清楚的含义表达出来，这种表达方式利 于吸引视线和注意力，可以产生事半功倍的效果。作为设计中的视觉语言，要非常重视现代 社会的特点以及受传者的生理、心理因素，从尊重人们的习惯心理和公认原则出发，体现出 可认知性特征，如果视觉语言运用中没有考虑到体现这一特征，就会出现形象和色彩设计的 随意性，影响到信息传递过程中的统一和连贯 b 明确性 人的视觉、听觉等感官，都是人们心理活动的触发点。视觉语言发挥作用就是按照这一 心理活动的规律，借助简洁的形象和色彩引导观者向一定的方向集中注意力从而产生正确的 认识。所以，视觉语言应该明确、简炼，要防止信息误导，图形构成也要力求删繁就简、以 少胜多，一切分散用户注意的图形、线条，可有可无的装饰都应该被摒弃，使参与构成的诸 元素均与设计信息的主要内容有关。造型元素的编排应该简明、清晰。形象繁杂、构成紊乱 会降低视觉冲击力，传递信息的效果得不到应有的发挥，从而降低了视觉语言作用。 c 易记忆性 所谓记忆性是指形象能长期地记忆于脑中，并能形成一定的条件反射。它充分利用各种 构成因素，通过均衡、调和、动静对比、视觉诱导、结构比例等关系要素设计，使其成为强 有力的图形构成。简洁、概括、通俗的视觉语言给受传者提供正确而印象深刻的视觉信号， 并赋予设计作品新颖、醒目的艺术魅力，引起公众对视觉形象的注意和长久的记忆。 3 2 手机界面设计中视觉语言符号化及其分类 3 2 1 手机界面设计中视觉语言的符号化 符号是负载和传递信息的中介，是认识事物的一种简化手段，表现为有意义的代码和代 码系统。当然，符号这一概念的外延相当广泛，设计中的符号作为一种非语言符号，与语言 符号有许多共性，使得语意学对设计也有实际的指导作用。通常来说，可以把设计的元素和 基本手段看作符号，通过对这些元素的加工与整合，实现设计所要传达信息的目的。咖 一切的文化现象都是符号现象，所以，设计现象也是意中符号现象，那么将设计的视觉 语言符号化也是设计是为了传达该作品信息功能的目的n 引。在手机界面设计中笔者把其硬件 界面和软件界面设计中所涉及到的视觉语言进行符号化，也是为了刚好的传达设计信息和设 计理念。 a 视觉语言的简明性 产品的视觉语言不像绘画那样有具体性，而是依附或从属于该产品的设计理念进行信息 的传达，在表达方式上与其它的视觉语言一样，既要简洁明快又要易识易记。 b 视觉语言的生动性 生动优美的语言比一般的语言更能打动人心，同样，运用生动的视觉语言对手机界面设 1 4 3 手机界面设计的视觉语言分析 计来说更足能够起到突m 设计主题，传达设计信息的作用。产品设计作为设计信息1 # 达的 种视觉形式，为r 能更好地表达设计主题，在视觉语苦的使用上可以不受色彩、形象等的限 制，采用不同手法的表达方式任意组合、搭配，使产品能够更加具有生动性。 c 视觉语言的时代性 国际联网创造了科技、经济、文化的新纪元。在网络时代在手机界面的设计中必须 正确掌握运用视觉语言，并且要使视觉语言具有时代性，使之与价值观念多样化、生活结构 多元化、审美意识即时化相适应。在现代平面设计中只有用具有时代性的视觉语言进行设计 表现才能将设计信息准确地传选卅击，达到设计的目的。 d 税觉语言的民族性 民族风格的形成是一个民族或一个国家在漫长的历史岁月中，人们在共同的地区，使 用共同的语占，过着共同的经济生活，有着共同的心理素质所形成的与其它民族1 i 同的语 言、习惯、信仰、道德情操和审美观。同样小同国籍，小同民旅的审美要求不，在其设 计语言表达中使用了自己民族特有的兀素作为视觉语言来进行设计信息表达，而越是富有 个性和民蕨性的设计，越是受到更多的关注和欢迎。 3 2 2 手机界面设计中视觉语言的分类 e l 文字符号 文字是手机界面设计t 扣重要的视觉语言符号，困为文字具有很强的个性化特点和稳定性 特点。一方面，具有个性化特点的文字可以引起观者的视觉注意，另一方面，作为视觉语言 符号的文字本身又具有稳定性的特点。当听觉语言只是靠声波负载时，它是一个看不见的、 不好捉摸的、易于流失的东西，然而，一旦当我们使用文字将不断流动的语言记录f 来后， 它就成了一种可视的、稳定的东西它的 信息可传达时间和能力就被加强了。但是 由于文字自身具有的局限性，所以还可以 把图形符号与文字符号结合在一起，重新 构成字的新的概念，赋予文字特定的含义 或重新来诠释它的字面意义，进行文字的 意象化处理，使沟通真正形成依靠文字 扪 符号准确完整地传逃设计信息，使设计思 维过程真正圆满和完整起来。 盯 文字是信息最主要的载体手机的文”1酬 。蜃 i 一l 诸。引 。一番l - l 字主要体现在各级菜单名、菜单选项、各类 阅读信息以及状态说明等飙文字内容必文；蹴毳孚= 黧：荨篓? 撇件界酣 须简单浓缩。文字尺寸在屏幕尺寸己定的前 西安理工大学硕士学位论文 提下应该严格按照人机上程学标准进行设计。而且按照