数字媒体的交互设计研究

2017-01-29宋芊芊

山西青年 2017年11期

关键词：界面设计页面界面

宋芊芊赵熙

浙江树人大学艺术学院，浙江杭州 310053

数字媒体的交互设计研究

宋芊芊*赵熙*

浙江树人大学艺术学院，浙江杭州 310053

在信息的传递与表达方面，数字媒体集视听于一体，有着传统媒体不具备的优势，被称为继报纸、广播、电视之后的“第四媒体”。“交互性”是数字媒体的主要特点之一，也是它与其他传统媒介最大的区别。通过研究数字媒体交互的设计形式、交互界面设计以及交互的动态设计，对此进行比较全面的认识与探究。

数字媒体；交互设计；交互性

一、数字媒体交互的主要设计形式

数字媒体是“文本、图形、绘画、静止的与运动的图像(视频)、动画、音频及其他一切可进行数码呈现、保存、传播与处理的媒体由计算机控制的结合。”[1]其特性为信息的多样化、交互性、集成化。目前，作为新兴媒体，数字媒体应用越加广泛，教育、新闻、制造等各行业都离不开数字媒体技术。

二、数字媒体互动设计

数字媒体技术，充分融合了动画、音频、视频等动态效果和音频效果，极大地丰富了数字媒体的表现形式，从而提高了用户对各种信息的传播效率。数字媒体互动界面设计，是以数字媒体为技术手段进行的操作界面设计。与早期计算机界面中所使用的纯命令行界面相比，图形界面要更加直观简易得多。它的应用极大地方便了那些非专业编程的普通用户人群。人们从此只需通过一些直观的窗口、菜单、按键等方式来方便地进行操作，而不再需要死记硬背大量的命令。图形交互的界面设计，目前正应用在多个行业领域。

(一)可视化的设计

用户开启某个软件所等待的时间，还剩余多少时间，也属于可视化设计的范畴，此时就需要设计师根据此项功能，来设计一个可视化的图标，以此来反馈信息。一般用户在使用一个操作或者打开一个窗口的时候，如果等待时间超过5秒，就必须要提供给用户一个带有进度条的加载进度显示图标，而且这个图标动态效果越丰富，用户的注意力将不再会集中于烦躁不安中。譬如某服装网站的Loading页面，用户在等待的过程中可以点击页面上的铅笔，为图纸上的人物画上缤纷的衣服。它已经超出了常规意义上的“观赏动画”，而成为一种互动的游戏。设计师有效地进行可视化的设计，巧妙地将这一过程展现出来，可以使用户耐心地等待。

(二)色彩效果出众

交互界面的色彩效果设计，也是界面设计中的至关重要的一环。恰到好处的界面色调设计。设计师在设计时，需要针对不同类型的界面采用独到并有对比的色彩，这不仅需要设计师较高的色彩驾驭能力，也需要有独特的色彩审美。色彩的对比、色彩的搭配是否协调，可以呈现出对比与调和的视觉效果。此外，设计师还应该考虑，如何针对特殊人群，譬如针对色盲或色弱用户而进行设计，使用特殊的符号和图标等。

(三)信息精炼，延展性好

设计师在设计交互的界面时，需要充分考虑界面信息的精炼程度，如何将复杂的信息融合进简洁的画面中，这是需要设计师反复推敲的，优秀的设计，可以为产品带来庞大的用户群体，很多优秀的设计已经推出，便引来此后许多商家竞相效仿。另外设计师还必须考虑到交互产品的功能是否有延展性，在产品推出之后，还会不断更新新功能、新版本，还会有新增加一些界面功能，设计也要随之而变化。

三、交互的动态设计

按钮能够触发数字媒体交互，从视觉上分析，动态的按钮也比静态的图形要更加吸引人。Marc Cain品牌服装网站，网页中精致的服装摄影成为网站的一大特色，灯光及有构成效果的布景设计都有别于一般的商业摄影，高精度、高质量的图片增强了网页的视觉效果。导航条的制作简洁，其动态效果如同音乐键盘一般，富有节奏感，与背景音乐的节拍相呼应，创造出一场集视觉听觉于一体的音乐盛宴。Dior品牌网站(改版前)，网页中的亮点是：精美、亮丽的插图设计，大胆而随意，另人赞叹。虽然dior网站目前已经改版，改版后的页面反而缺少了之前的特色。如今，这些页面可能很难在网上搜索到了，但是其中优秀的设计还是值得我们学习和借鉴。如果想要设计出交互效果丰富、有吸引力按钮，交互设计师往往需要经过一番精心创意。而Effetti品牌女靴网站。对称网格式编排形式是该网页设计的鲜明特点，在结合了Flash动画后这样的网格形式整齐却富有变化。Stephanie品牌服饰网站，网站图形设计与摄影图片搭配得较好，设计师巧妙地运用透光的平面几何图形构成了具有透视纵深效果的场景，整个页面的光影效果柔和、恬美，是网页中十分突出、引入注目之处。