宋芊芊 趙 熙

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

?

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

宋芊芊*趙 熙*

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

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

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

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

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

二、數(shù)字媒體互動(dòng)設(shè)計(jì)

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

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

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

(二)色彩效果出眾

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

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

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

三、交互的動(dòng)態(tài)設(shè)計(jì)

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

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

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

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

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

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

J

A

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