數(shù)字媒體的交互設(shè)計研究

宋芊芊 趙 熙

浙江樹人大學(xué)藝術(shù)學(xué)院，浙江 杭州 310053

?

數(shù)字媒體的交互設(shè)計研究

宋芊芊*趙 熙*

浙江樹人大學(xué)藝術(shù)學(xué)院，浙江 杭州 310053

在信息的傳遞與表達方面，數(shù)字媒體集視聽于一體，有著傳統(tǒng)媒體不具備的優(yōu)勢，被稱為繼報紙、廣播、電視之后的“第四媒體”。“交互性”是數(shù)字媒體的主要特點之一，也是它與其他傳統(tǒng)媒介最大的區(qū)別。通過研究數(shù)字媒體交互的設(shè)計形式、交互界面設(shè)計以及交互的動態(tài)設(shè)計，對此進行比較全面的認(rèn)識與探究。

數(shù)字媒體；交互設(shè)計；交互性

一、數(shù)字媒體交互的主要設(shè)計形式

數(shù)字媒體是“文本、圖形、繪畫、靜止的與運動的圖像(視頻)、動畫、音頻及其他一切可進行數(shù)碼呈現(xiàn)、保存、傳播與處理的媒體由計算機控制的結(jié)合。”[1]其特性為信息的多樣化、交互性、集成化。目前，作為新興媒體，數(shù)字媒體應(yīng)用越加廣泛，教育、新聞、制造等各行業(yè)都離不開數(shù)字媒體技術(shù)。

二、數(shù)字媒體互動設(shè)計

數(shù)字媒體技術(shù)，充分融合了動畫、音頻、視頻等動態(tài)效果和音頻效果，極大地豐富了數(shù)字媒體的表現(xiàn)形式，從而提高了用戶對各種信息的傳播效率。數(shù)字媒體互動界面設(shè)計，是以數(shù)字媒體為技術(shù)手段進行的操作界面設(shè)計。與早期計算機界面中所使用的純命令行界面相比，圖形界面要更加直觀簡易得多。它的應(yīng)用極大地方便了那些非專業(yè)編程的普通用戶人群。人們從此只需通過一些直觀的窗口、菜單、按鍵等方式來方便地進行操作，而不再需要死記硬背大量的命令。圖形交互的界面設(shè)計，目前正應(yīng)用在多個行業(yè)領(lǐng)域。

(一)可視化的設(shè)計

用戶開啟某個軟件所等待的時間，還剩余多少時間，也屬于可視化設(shè)計的范疇，此時就需要設(shè)計師根據(jù)此項功能，來設(shè)計一個可視化的圖標(biāo)，以此來反饋信息。一般用戶在使用一個操作或者打開一個窗口的時候，如果等待時間超過5秒，就必須要提供給用戶一個帶有進度條的加載進度顯示圖標(biāo)，而且這個圖標(biāo)動態(tài)效果越豐富，用戶的注意力將不再會集中于煩躁不安中。譬如某服裝網(wǎng)站的Loading頁面，用戶在等待的過程中可以點擊頁面上的鉛筆，為圖紙上的人物畫上繽紛的衣服。它已經(jīng)超出了常規(guī)意義上的“觀賞動畫”，而成為一種互動的游戲。設(shè)計師有效地進行可視化的設(shè)計，巧妙地將這一過程展現(xiàn)出來，可以使用戶耐心地等待。

(二)色彩效果出眾

交互界面的色彩效果設(shè)計，也是界面設(shè)計中的至關(guān)重要的一環(huán)。恰到好處的界面色調(diào)設(shè)計。設(shè)計師在設(shè)計時，需要針對不同類型的界面采用獨到并有對比的色彩，這不僅需要設(shè)計師較高的色彩駕馭能力，也需要有獨特的色彩審美。色彩的對比、色彩的搭配是否協(xié)調(diào)，可以呈現(xiàn)出對比與調(diào)和的視覺效果。此外，設(shè)計師還應(yīng)該考慮，如何針對特殊人群，譬如針對色盲或色弱用戶而進行設(shè)計，使用特殊的符號和圖標(biāo)等。

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

設(shè)計師在設(shè)計交互的界面時，需要充分考慮界面信息的精煉程度，如何將復(fù)雜的信息融合進簡潔的畫面中，這是需要設(shè)計師反復(fù)推敲的，優(yōu)秀的設(shè)計，可以為產(chǎn)品帶來龐大的用戶群體，很多優(yōu)秀的設(shè)計已經(jīng)推出，便引來此后許多商家競相效仿。另外設(shè)計師還必須考慮到交互產(chǎn)品的功能是否有延展性，在產(chǎn)品推出之后，還會不斷更新新功能、新版本，還會有新增加一些界面功能，設(shè)計也要隨之而變化。

三、交互的動態(tài)設(shè)計

按鈕能夠觸發(fā)數(shù)字媒體交互，從視覺上分析，動態(tài)的按鈕也比靜態(tài)的圖形要更加吸引人。Marc Cain品牌服裝網(wǎng)站，網(wǎng)頁中精致的服裝攝影成為網(wǎng)站的一大特色，燈光及有構(gòu)成效果的布景設(shè)計都有別于一般的商業(yè)攝影，高精度、高質(zhì)量的圖片增強了網(wǎng)頁的視覺效果。導(dǎo)航條的制作簡潔，其動態(tài)效果如同音樂鍵盤一般，富有節(jié)奏感，與背景音樂的節(jié)拍相呼應(yīng)，創(chuàng)造出一場集視覺聽覺于一體的音樂盛宴。Dior品牌網(wǎng)站(改版前)，網(wǎng)頁中的亮點是：精美、亮麗的插圖設(shè)計，大膽而隨意，另人贊嘆。雖然dior網(wǎng)站目前已經(jīng)改版，改版后的頁面反而缺少了之前的特色。如今，這些頁面可能很難在網(wǎng)上搜索到了，但是其中優(yōu)秀的設(shè)計還是值得我們學(xué)習(xí)和借鑒。如果想要設(shè)計出交互效果豐富、有吸引力按鈕，交互設(shè)計師往往需要經(jīng)過一番精心創(chuàng)意。而Effetti品牌女靴網(wǎng)站。對稱網(wǎng)格式編排形式是該網(wǎng)頁設(shè)計的鮮明特點，在結(jié)合了Flash動畫后這樣的網(wǎng)格形式整齊卻富有變化。Stephanie品牌服飾網(wǎng)站，網(wǎng)站圖形設(shè)計與攝影圖片搭配得較好，設(shè)計師巧妙地運用透光的平面幾何圖形構(gòu)成了具有透視縱深效果的場景，整個頁面的光影效果柔和、恬美，是網(wǎng)頁中十分突出、引入注目之處。

四、數(shù)字媒體交互的發(fā)展

隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)絡(luò)用戶界面開始出現(xiàn)，其代表是以超文本標(biāo)記語言HTML及超文本傳輸協(xié)議HTTP為主要基礎(chǔ)的網(wǎng)絡(luò)瀏覽器的界面，如微軟瀏覽器界面和火狐瀏覽器界面等。這類人機交互的特點是發(fā)展迅速，新技術(shù)不斷涌現(xiàn)，如搜索引擎、網(wǎng)絡(luò)加速、數(shù)字媒體動畫、聊天工具等。

[1]曾迪來.在科技與藝術(shù)互動中探討數(shù)字媒體設(shè)計的新視覺[J].美術(shù)學(xué)報，2013(3)：94-97.

[2]胡鵬飛.主觀選擇與主動參與——數(shù)字媒體設(shè)計在網(wǎng)絡(luò)商業(yè)平臺中的應(yīng)用特征[J].裝飾，2012(02)：143-144.

宋芊芊(1994-)，女，漢族，浙江長興人，浙江樹人大學(xué)，本科，主攻環(huán)境藝術(shù)設(shè)計方向；趙熙(1982-)，女，江蘇揚州人，碩士，浙江樹人大學(xué)，講師，主要從事數(shù)字媒體交互設(shè)計、動畫理論研究。

J

A

1006-0049-(2017)11-0283-01