...经形成一种经济形态浙江吧
胡莹莹
摘 要：文字形态是文字个性及文字图符化信息展示的主要内容，图符信息又构成了网络媒体界面设计信息传播的核心部分，如何将两者娴熟地应用其中，从而推动文字形态在此领域更好的应用。文章通过从“文字形态”到“图符信息”设计应用的深度剖析，从中归纳出网络媒体界面设计根据表现主题进行创意设计的关键、应用方法和表现方式，并通过实例映证随着科技的不断进步，网络媒体界面设计未来的发展空间与方向，得出将文字形态与图符信息做到内容和形式的和谐统一，并配合新技术的互动表现方式将是网络媒体界面设计发展的主旋律。
关键词：文字形态；图符信息；设计融合；网络媒体；界面设计
检 索：www.artdesign.org.cn
中图分类号：J0 文献标志码： A 文章编号：1008-2832（2014）09-0045-03
Fusion Application of Character Form and Graphical Information in User Interface Design
Hu Ying-ying
（Arts College of Wuchang university of Technology， Wuhan 430223， China）
Abstract ：The character form is the major content of the characters individuality and the characters graphical show， the graphical information is the core of informations dissemination of the network media user interface design， adept application these two in it， to promote the better applications of the character form in this domain. This article through deeply analyzing the application of the design from character form to graphical information， generalizing the key and application method and techniques of expression in creative design of network media user interface based on the theme of expression. By the living examples to confirm the development space and direction of the network media user interface design in future along with the progress of science and technology. The developments main melody of the network media user interface design is letting character form and graphical information are unified harmoniously in content and form， and cooperating with the new technologys interactive techniques of expression.
Key words ：character form； graphical information； fusion design； network media； user interface design
Internet ：www.artdesign.org.cn
从信息传播的角度，网络媒体是依托于Internet，以计算机、电视、移动终端为载体，以文字、图形、声音、多媒体为表现形式的数字化传播媒介①。依据网络媒体产品的内容表现形式来看，网络媒体界面设计所面临的最大的问题就是“字”与“图”的设计创意和融合协调的问题，网络媒体界面设计作品的优劣与视觉信息效果传播的强弱也主要取决于设计者对“文字”与“图符”的把握能力。本文从“文字形态”到“图符信息”设计融合这一角度入手，从中梳理出设计规律，找到一种可供网络媒体界面选择的文字信息传递设计方法。
一、“文字形态”与“图符信息”融合的关键是形式与内容的高度统一
从“文字形态”到“图符信息”设计融合的形成条件和过程来看，首先需要理解“文字形态”的图符化含义。中华文字的起源可追溯到史前时代的刻画符号和陶文，其中甲骨文是我们“古文字”的主要代表，甲骨文的象形程度高，其大部分是象形字或会意字②。所形成的图符往往能以相对固定的形式存在，会以文字图像、语言声音等方式被记录和传播。人们可以通过相对稳定的图符获取信息，实现沟通与交流。如下列举汉字、英文字母、阿拉伯数字三类有代表性的“文字形态”与“图符信息”设计融合的网络媒体界面设计案例，论证了两者的融合在网络媒体界面设计的应用关键是形式与内容的高度统一。
从实例来说明，如图1（汉字）、图2（英文字母）、图3（阿拉伯数字），这3组图例均截取网络媒体界面设计实例局部，他们之间的共同点就是界面中的字体设计是通过字体形态变化，将字形笔划进行图形和符号化创作，使之更具信息内涵和信息传递功能，并通过组合和动态交互形式充分体现出文字形态的视觉信息效果。我们说网络媒体界面设计的基本功能就是信息传播，而“文字图符化”在网络媒体界面设计领域起到重要的作用。endprint
例如图1，网页设计中LOGO设计其汉字的外型结构采用中国古典园林建筑的斗拱构件，其构件单体又以中华书法笔划组成的基础元素。由其文字形态表现出来的图符信息传递了清晰的建筑行业特性的界面设计的信息内容，其文字形态与图符信息所达到的融合效果对界面设计主题展示起到了重要作用。
图2是网页设计，图3是手机界面设计，均属于网络媒体界面范畴，其界面分别是由英文字母及阿拉伯数字为主要设计元素，前者是网页“You Are We”英文YAW的立体缩写，传递了网页主题文字信息，重要的是通过文字形态的设计创造构成了一个全新的视觉图形信息导航，并通过设计融合反映出视觉信息传递的基本要求。可贵的是这个融合形态不再是平面信息，而是可以360度观看的立体多维信息。
图3实例在数字字符的表面穿插或附着了代表不同天气温度特征的图符，当天气温度是23度时用绿叶和枝条缠绕组成数字，体现了温度适宜的图像特征，当天气温度是3度时，在数字字符上覆盖一层厚厚的白雪体现着冬天的寒冷，这需要在文字形态设计上考虑视觉图形和文字信息如何巧妙地融合，从实例看出组成文字的形象富有气候特征，色彩丰富且信息明确，同时借用动态切换的形式展示出更直观的视觉感官体验效果。
网络媒体界面设计需要文字形态具有独特的视觉个性，同时文字图形信息又不能脱离应用的内容要求，做到内容和形式的统一，通过对文字进行形态构建设计是解决视觉图形紧扣界面设计内容要求的最为有效的方法，所以将两者通过设计融合手段是网络媒体界面设计的必然路径。
“文字形态”的图符信息化含义从本质上理解就是将文字的每一个基础笔划设计成一个独立单元，构成字型的原始信息元素，再进行图符化构建。瑞士人厄斯特·凯勒认为设计的问题就是形式与内容的高度统一，而字体图形就是最客观、明确、有效的图形传达语言③字体作为图符信息表现是网络媒体界面设计最重要的构成元素，能向目标人群传递明确的信息，且简要生动，达到界面设计图符与文字的高度和谐。如上3个“文字形态”的图符案例说明了文字在界面设计领域的作用与价值，这个价值需同视觉图符信息应用形成一体并融合到界面设计系统中才能做到设计价值的最大化。
二、图文融合的网络媒体界面设计应用方法
图文融合是“文字形态”和“图符信息”两者在网络媒体界面设计中的相互作用的体现，并由此产生的视觉融合现象，其着力点在于视觉形态的表现力上。这里所谈到的“形态”是两者独立信息的融合体，“文字形态”是可以通过设计构建发展为“图符信息”的。“图符信息”也可由设计造型与结构特性带来，在一定范围内也能传递明确的信息主题。对网络媒体界面设计项目而言，只有让两者有效结合产生融合效果，才能做出优秀用户体验的界面设计。故而，我们说这个主题信息传递是可通过设计融合直接作用于界面视觉信息设计中，图文融合对网络媒体界面信息设计的方法可从下列三个方面来论述：
（一）对文字信息设计形态的把握
根据“文字形态”和“图符信息”融合的设计原则，做到内容与形式的统一，表述的每个网络媒体界面设计的整体形态和设计图形应是高度一致的，向外传递的信息也应该是明确简洁的，只有这样才能在界面的信息识别度起到功效。 图4案例的视觉图形外型就是左上角界面主体的LOGO，是由主页力求宣传展示的成功案例拼合而成，文字信息设计在整体效果上起到了重要作用，作为一个成功的企业导航界面既向用户传达了公司的经营范畴和成功案例又凸显了企业的宣传LOGO符号，此案例将图符信息和文字形态构成了整体一致的融合形态，做到了内容与形式的和谐统一。
（二）掌握全新、全面的设计方法和技术手段
我们说网络媒体产品是以计算机、电视、移动终端为载体，这类终端产品具备艺术设计、信息技术、大众传播和社会服务四种特性④。在艺术设计与现代科技相适应的今天，科技在发展，人们使用的各种智能终端产品需求也日益多样化，人们的感官和体验已不仅局限于平面视觉体验，如信息传播技术、自动化控制技术、图像转换技术、物联网技术等都是更好用户体验的必要技术支撑。所以当我们在设计初期就应该对设计方法和技术手段进行分析与思考，找到最新的表现形式和最适合的技术手段的融合方法。从上面几个案例分析我们能领会到不同的文字形态设计和视觉要求对不同技术要求也是不同的，图1是使用平面绘图软件设计，图2是三维绘图设计制作，图3和图4是通过绘图软件和软件开发系统结合的产物。
因此“文字形态”的图形信息量是需要通过创新设计激发出来，而设计方法和技术手段是激发“文字形态”的重要手段，图符信息量要更好地表现设计主题，设计师需要具有与时俱进的各种绘图和开发技术应用的综合经验，这是优秀网络媒体界面设计创作的必要条件。
（三）交互艺术体验能提升网络媒体界面设计的设计深度
交互艺术认为人们作为用户扮演的角度是多重的、可变的，并把用户看成是设计中不可缺少的一部分，强调受众的积极性、主动性和能动性，用户参与到设计中并通过互动操作使作品本身发生可逆或不可逆的变化，从而产生实时的、可变的艺术效果⑤ 。我们说的交互式艺术“形态”是可以应用到各种网络媒体终端产品界面中，如手机、电脑、Pad、电视等多类网络媒体终端产品，其终端产品都具有展现大容量信息资源的条件。依据各类网络媒体界面设计的不同需求，“文字形态”交互式体验应用可通过多种现代科技创新成果和技术支持来实现，文字图符信息的激活最直接的路径就是创新设计，并结合动态人机交互式深度体验设计，与用户产生互动，在这样的设计创意环境中的“文字形态”本质上就有别于普通艺术设计对文字的要求，对文字设计的静态和动态交互式应用也就自然将网络媒体界面设计提升到一个新的高度。endprint
三、网络媒体界面设计的文字及图符的互动表现方式
网络媒体界面设计项目中，文字应用形态表现首要条件并不是文字字体本身设计多么的花哨，而是给人感官上的整体用户体验，其中互动体验在网络媒体界面设计的应用极其出彩，如下通过文字在网络媒体界面作为图形的融合应用的实例，从多维感官的用户体验角度入手，阐述互动体验在网络媒体界面设计上的四种表现方式。
（一）图像触控交互表现方式
图像触控交互，即图形与影像的交互式触发。图五是以文字作为网页主体，同时也是网站的LOGO图符，用户通过鼠标滑过、点击文字后形成不规则的文字碎片化的图形动态交互表现，模拟物理力学不同的动作和力度将文字图符的局部形状打散成意想不到的碎片化图形效果，碎片在空间中同时也有前后关系，让用户有一种游戏参与感的用户体验，从而对网页主题的文字字符记忆深刻，此案例就是通过交互式触碰对字体产生的新的视觉图形造型模式。图6则是鼠标移动在界面区域时触发经过时的版块影像即开始播放，动态影像的交互方式更加耳目一新，给人以深刻的印象。两事例文字与图形的整体视觉效果统一，主题深刻、文字信息量与交互动态展示融合和谐。
（二）综合信息交互表现方式
综合信息交互包括用户参与改变网络媒体界面中图形和字符的明暗、颜色和属性等互动性的交互操作方式。图7是以多个文字聚散构成的图形作为网页的动态交互背景存在，用户可以参与改变背景右上角的字符飞出的频率、大小、颜色等交互式体验，此案例是文字形态与视觉图符又一动态交互式应用的生动展现，此界面不仅能通过用户不同力的大小，干预字符在空中自然翻滚飞出的轨迹，没有任何辅助图形，只通过文字在空中的聚散构成交互式动态背景图形信息，并能让用户自由选择变换黑白背景、字符颜色、字符信息等综合信息，通过改变局部字符的综合信息，由变化的字符元素构成了丰富多彩的图像变化，让用户参与在动态的交互式的界面中，获得独特的参与性体验的信息传达的效果，感官体验上非常独特。
（三）无形感官体验的交互表现方式
此方式是展示动态式交互界面不可或缺的无形感官交互体验，它涵盖除视觉感官外的所有无形体验，如听觉、触觉、味觉等感官体验。
视听感官是在满足视觉感官的同时，满足听觉感官的视听体验。不仅能通过音效烘托界面主题，而且有些音效在某些特定界面起到功能性作用。界面中点击按钮反馈发出的音效就是最原始的听觉交互方式，还有网页的背景音乐，虽然音效是无形的但在烘托界面主题方面起到了很大的作用。图8即是通过点击界面中的耳机图符，示意用户点击按钮以了解空中飞舞的字符的阅读发音，配合字符背景在界面的文字识别上起到了发音指导的功能，这样功能性的音效交互方式在一些英文学习网站也比比皆是。所以音效表现是当今主流视觉感观网络媒体界面最主要的补充形式。
科学技术在不断进步，人们的体验需求也会提升，在满足视觉和听觉交互的用户体验的同时，现阶段触觉和味觉感官交互装置的研究已初见端倪，增强交互体验的三维虚拟现实技术也日益成熟，这些都已为未来交互式全方位感官体验的开发提出了重要研究方向，并为网络媒体界面设计的动态交互表现提供全息的感官体验。
项目来源：湖北省教育厅科研计划项目，项目编号：B2014133.
注释：
①张铭芮.著.数字媒体导论[M].北京：人民邮电出版社，2013：100-101.
②刘方义.主编.字体设计[M].南京：江苏美术出版社，2013：4-5.
③王汀.编著.版面构成[M].广州：广东人民出版社，2000：3-4.
④张铭芮.著.数字媒体导论[M].北京：人民邮电出版社，2013：97-98.
⑤李四达.编著.交互设计概论[M].北京：清华大学出版社，2009：231-232.endprint
