数字媒体的视觉新属性
——软界面

2014-09-16 10:14侯瑞明河北传媒学院影视学院河北石家庄051430
大众文艺 2014年1期
关键词:界面设计肌理界面

侯瑞明 王 然 杨 睿 (河北传媒学院影视学院 河北石家庄 051430)

数字媒体的视觉新属性
——软界面

侯瑞明 王 然 杨 睿 (河北传媒学院影视学院 河北石家庄 051430)

在数字技术的推动下新兴媒体层出不穷,具有有许多传统媒体不具有的新特性,其中非常具有研究价值的就是其软界面属性,它是数字媒体的视觉属性之一,并且有多样的视觉交互形式,为用户提供了良好的交互环境。

视觉;软界面;交互

数字技术是一项与计算机相伴相生的技术类型,在它的支持下我们迎来了一个全新的时代——数字时代。它使生存于其中的人类通过数字化手段为自己构建了一个真实的虚拟交流平台。在数字化信息时代,计算机和网络更加经济实惠、快捷精准地帮助人类完成传统传播工具所承担的任务。任何信息对象,从文字符号到图形图像、从新闻报道到影视剧作,都只需要用“比特”来进行承载和传输。数字技术为人类的智慧与想象力的碰撞提供了有利和广阔的平台,它帮助我们突破了现有的逻辑设定,为我们展现了各种无限的可能性,同时又为想象提供了实践的手段。

一、数字媒体的软界面视觉属性

自计算机技术出现以来,原本人与人之间的情感的互动逐渐开始趋向于人与计算机或新兴媒体之间的情感交互。为了满足这种情感的交互,用户界面应运而生,它是人与机器进行交互的一种形式,是使用者与机器相互传递信息的媒介。其中,软界面或软件界面是用户界面中最直观、最丰富的视觉表达形式,也最值得我们研究。

软件界面是一种图像显示界面(Graphical User Interface,GUI),它的职能是信息显示,用户通过此界面可以了解机器执行命令时和执行后的状况。数字软件界面(Digital Software User Interface)属于非物质设计,它是用户与计算机通过软件进行信息交流的重要平台。

计算机图形学技术出现使得图形化界面逐渐成熟并成为软件界面发展的坚实基础。从我们已有的使用经验中可以发现软件界面设计有着丰富的形式和特点,有的软件界面很简洁清雅,给人一种很舒服的感觉;有的软件形象很前卫,有创意,予人一种意外的惊喜和强烈的视觉的冲击。软件界面的设计需要在外观上达到吸引用户的目标,同时也要结合视觉传达设计中图形和版面设计的一些设计原理使其看起来层次分明美观大方。

二、软件界面视觉形式要素:形、色彩、肌理、动态

经过构成主义对抽象艺术的表现形式深刻地探讨及研究,使我们知道各种形或造型的内在关系都可以归结到点、线、面三个要素的身上,同构成相似,软件界面的视觉造型元素也包括点、线、面。首先,我们都知道点是各类复杂形的开始,它是具有空间位置的视觉单位,但并不具有方向性。它是软件界面设计中最基础的形式,单个的文字、图标都是对点的体现。点在界面中有动静之分。静态点,因其不同大小和疏密排列方式的不同,能够形成散点式的效果,它具有跳跃性的特点。动态点,是指点在界面中视觉效果的闪烁,这种动态可以引起用户的注意。线是对点的静态概念的一种突破和飞跃。线是点运动后的结果,所以它具有方向性和张力、时间性和空间性,在界面设计中可以被用来进行方向指示、位置分割、形状构成等。最后来说面,在视知觉上看,面给人以一种安定感、量感,具有充实及均衡性。面在各类软件界面中比点与线信息容纳量更大,容纳的内容多,自然表现力最强。它丰富的表现性体现在不同形态的不同情感特征。平稳理性是集合形态面的特点,温和自然是有机形态面所独有的,任意形的面具有自由活泼之感和很强的艺术气质。可以看出,面在视觉上的充实感、厚重感、整体感和稳定感如果在界面设计中得以恰当的运用,会给观察者以愉悦的享受。例如图1,iPhone中设置功能的如图表就运用了点线面进行了恰到好处地设计。

图1

色彩的情感表现性决定了它与人的生活有着紧密联系。心理学证明,色彩不仅可以引起人们对大小、轻重、冷暖、膨胀、收缩、兴奋、压抑、前后、远近等物理方面的心理知觉,同时还能够唤起人们各种情感的联想。不同的色彩搭配能够产生不同的效果,有的热烈兴奋、有的华丽富贵、有的朴素大方等。由于色彩对人们感情的唤起作用及象征意义使它成为各类设计的重要元素与手段。界面中同样重视色彩的设计。色彩通过色相、明度、纯度等属性营造界面气氛或情境。界面各个组成部分间的色彩协调统一对界面设计的整体效果有着至关重要的作用。应该在设计上注重视觉感受上的统一,同时也要关心用户界面不同内容的识别的问题。色彩作为界面设计的重要元素也具隐喻特征,精准地运用隐喻进行界面的色彩设计能够帮助用户理解和营造舒适使用环境。现在各类设计都强调以用户为中心的设计原则,界面设计要在为用户与设计之间找到平衡。既顾全大局,又不失个性。例如图2,通过设计出丰富的界面色彩预制方案,让用户根据自己的意志掌控界面外观色彩。色彩是情感表达一种视觉语言,“眼睛的诱饵”,它对于界面设计有着至关重要的作用。

图2

通常肌理感或是质感是由我们的触觉所引起的,但视觉也可以通过曾经积累的触觉经验来感知不同的肌理。视觉肌理是利用视觉对事物触觉肌理的心理感受,是联觉的一种。色彩的明度对肌理效果有着显著的影响:光滑柔和的表面其色彩的明度较高,使人感到细腻、柔软、光洁、凉爽等,是令人愉快的肌理感;粗糙的表面其颜色的明度较低,在光照下阴影效果强于高光,给人粗、涩、脏、乱等不愉悦的心理反应。所以在软件界面设计中,通常使用视觉愉悦触感的材质或元素进行设计,因为使用户体验到舒适是设计者考虑的重点问题,通过对光、色的微妙调整,结合人们以往经验,形成视觉质感来传递愉悦的感受,这就是为什么我们把肌理看做界面视觉设计的关键造型语言的原因。例如,iphone的界面图标就给人一种光滑透明的像玻璃一样的视觉效果。(图3)

图3

阿恩海姆为我们指出:“运动,是最容易引起视觉强烈注意的现象。”物理力相互作用使事物产生动态的同时,也能够使人们的眼睛知觉到这种力。在艺术的领域,艺术家正是通过创造力来实现作品的动态虚像,引起受众的知觉。动态虚像在艺术中的作用是表达创作者的情感活动的一种结构模式。在界面的设计中动态元素是不可或缺的表现形式之一,它们在帮助设计师增强界面与用户间沟通的基础作用之上,还起到了增添界面美感与吸引力的作用。软件界面中的动态在形式上主要分为视频动态,交互动态两种。各类动态元素在用户的使用流程中担当引导、展示及娱乐的作用。我们知道视频已经大量的盛行于网络,网络已经从曾经寂静的文字互动发展到了视听互动,甚至出现了像优酷、土豆等这样的专门的视频网站,给广大网络用户提供了新的娱乐形式。交互动态元素是指那些参与界面与用户互动行为的元素,例如,手机中的虚拟键盘、按钮等,它们通过形变、色变以及位移等变化起到信息反馈、引导等比较实用的作用,但是巧妙的设计也可以使这些动态元素极具美感,为用户的使用增添乐趣。

三、结语

数字时代下,新兴媒体更多的是靠功能以及所能提供的交互环境赢得用户市场,美观的硬件界面固然必不可少,但是软件界面承担了更多的实用功能的对应,如何帮助设备提供良好的使用软环境对于交互设计师以及供应商等有着至关重要的作用。软界面已经成为新兴媒体的视觉新属性,是设计师必须要透彻了解的数字媒体的新特性,只有了解它所包含的视觉形式要素并根据美的规则进行精心的设计,才能使使用者获得真正美好的用户体验。

[1](美)鲁道夫•阿恩海姆.艺术与视知觉[M].滕守尧,朱疆源,译.成都:四川人们出版社,1998

[2](美)苏珊•朗格.情感与形式[M].滕守尧,朱疆源,译.北京:中国社会科学出版社,1983

猜你喜欢
界面设计肌理界面
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
不同截面类型钢管RPC界面粘结性能对比研究
《爱情神话》台词点到为止 描摹深入肌理
国企党委前置研究的“四个界面”
肌理元素在招贴设计中的应用
感受肌理
住宅室内设计中材料肌理运用的思考
界面设计中的图形创意方法