“藝術(shù)設(shè)計之美”在交互設(shè)計中的應(yīng)用

王曉蕓（山東工藝美術(shù)學(xué)院，山東 濟(jì)南 250000）

選題思路

［1］藝術(shù)設(shè)計始終以生活為中心展開的設(shè)計構(gòu)思，生活和藝術(shù)是彼此呼應(yīng)的，藝術(shù)用更美的形式為生活開辟了一條通往美好向往的路徑，生活又真實的反映了人們對美好的向往追求。隨著國民生活水平和經(jīng)濟(jì)發(fā)展水平的提高，人們更青睞于虛構(gòu)模擬的非現(xiàn)實世界，這就促使交互設(shè)計行業(yè)的迅速發(fā)展，人們對新技術(shù)需求越來越強烈，也就促使交互設(shè)計不斷創(chuàng)新發(fā)展，用更新穎的形式展現(xiàn)交流互動，這就促使技術(shù)設(shè)計美在交互設(shè)計中不斷深化和發(fā)展，獨特的創(chuàng)意和虛擬的設(shè)計概念使交互設(shè)計在生活中熠熠生輝。

一、課題背景資料和考察調(diào)研

(一)、藝術(shù)設(shè)計美學(xué)形態(tài)表現(xiàn)

藝術(shù)設(shè)計美學(xué)是藝術(shù)設(shè)計的簡單美化形式，是為設(shè)計著以簡潔華麗的外衣，外層雖是華麗的外衣，卻始終掩蓋不住設(shè)計本身美妙的設(shè)計內(nèi)涵?？偠灾囆g(shù)設(shè)計美學(xué)是以美的眼光和表現(xiàn)形式去展現(xiàn)設(shè)計師獨特華麗的設(shè)計思想。設(shè)計美學(xué)總會將設(shè)計師的曼妙設(shè)計思想用語言表現(xiàn)的淋漓盡致，更多的是用語言文字形式表現(xiàn)出來。

自然和人工是藝術(shù)設(shè)計美學(xué)的兩種基本形態(tài)。從概念上來說，自然形態(tài)是順應(yīng)自然界的變化而變化的，但它也會隨著人們的意志改變而改變，例如自然界中存在的高山、流水、樹木、花草等等。人工形態(tài)是是帶有極強目的性的產(chǎn)品設(shè)計，它包含了產(chǎn)品的材料、結(jié)構(gòu)、審美、功能等。

(二)、技術(shù)設(shè)計美學(xué)形態(tài)表現(xiàn)

技術(shù)設(shè)計美學(xué)具有明確的社會目的性和產(chǎn)品設(shè)計意義，通常是在強烈的商業(yè)背景下完成用規(guī)范的技術(shù)實現(xiàn)產(chǎn)品的批量生產(chǎn)。

隨著新時代的不斷發(fā)展，品牌形象的不斷強化與發(fā)展，網(wǎng)頁設(shè)計在平面設(shè)計中獨樹一幟，其要求設(shè)計者綜合技術(shù)與創(chuàng)新能力，在美學(xué)形式和創(chuàng)新設(shè)計思路上不斷追求更高的設(shè)計目標(biāo)，這就要求設(shè)計師不斷朝著新時代技術(shù)和設(shè)計技巧綜合素質(zhì)方向發(fā)展。

(三)、設(shè)計美學(xué)的形式法則

美學(xué)在設(shè)計中起著至關(guān)重要的作用，下面我們探討一下設(shè)計美學(xué)的形式法則有哪些：

［1］李姝琳.多媒體藝術(shù)設(shè)計課程的開發(fā)與建設(shè)研究河北大學(xué),2011.

1.節(jié)奏與韻律

節(jié)奏與韻律是一幅好的設(shè)計作品的核心表現(xiàn)形式，節(jié)奏具有強烈的理性指導(dǎo)意念，韻律是不斷將理性的節(jié)奏深化，披上感性設(shè)計美的外衣，使之更富有藝術(shù)氣息。

2.空白與虛實

設(shè)計是以美術(shù)為基礎(chǔ)的設(shè)計，良好的美術(shù)功底能為設(shè)計的發(fā)展開天辟地，同樣平面設(shè)計中也要運用繪畫的設(shè)計理論。繪畫中講求上留天、下留地、虛實相映，在平面設(shè)計中同樣有留白的設(shè)計方式，虛實相結(jié)合，既要突出主題，又要用理性的設(shè)計思維表現(xiàn)設(shè)計的意蘊，既要做到疏可跑馬，又要體會密不透風(fēng)。留白除了突出主題以外，也間接表現(xiàn)、傳播設(shè)計者的設(shè)計主題思想，為用戶留下徘徊的余地和空間，更引發(fā)讀者興趣。

二、設(shè)計美學(xué)在網(wǎng)頁設(shè)計中的應(yīng)用

（一）、色彩效果美

［2］色彩心理學(xué)在網(wǎng)頁設(shè)計中具有舉足輕重的地位，不同的色彩給用戶帶來不同的設(shè)計感受以下分別從紅色、藍(lán)色、黃色、黑色、紫色分析色彩給用戶帶來的不同感受。例如，紅色會給用戶發(fā)出熱情、勇敢、自信、果敢的信號，網(wǎng)頁中以紅色作為主色調(diào)的網(wǎng)站極其稀少，大部分作為輔助色出現(xiàn)的。藍(lán)色給人沉穩(wěn)、內(nèi)斂、安靜、莊肅、清澈的感覺，所以很多醫(yī)院、企業(yè)、學(xué)校以藍(lán)色作為網(wǎng)站的主色調(diào)，顯示國家單位的正規(guī)性。黃色代表著青春陽光的設(shè)計形象，但給人一種不穩(wěn)定、高傲、敏感的視覺心理感受，但像食品網(wǎng)站就用黃色作為主色調(diào)，用陽光溫和的顏色吸引顧客的食欲。隨著設(shè)計潮流的不斷更新與發(fā)展，黑色既是百搭的顏色，也是高科技的代表色，有神秘、高貴、莊重的意蘊，在3D演示和創(chuàng)意展示中，黑色具有獨特的設(shè)計魅力。紫色是優(yōu)雅與浪漫的象征，在色彩服飾和花店設(shè)計中運用到了紫色，給用戶以優(yōu)雅美麗的視覺享受。

（二）、版面布局美

網(wǎng)頁設(shè)計也屬于平面設(shè)計的一部分，網(wǎng)頁設(shè)計包含平面學(xué)科內(nèi)容廣泛（廣告設(shè)計、排版設(shè)計、字體設(shè)計等），使平面設(shè)計脫離紙質(zhì)的載體工具在新的多媒體工具上展示不同的信息作品。接下來讓我們深入地研究下網(wǎng)頁設(shè)計中的版面布局。

1.“同”字形布局

畫面信息排版構(gòu)圖像一個“同”字，例如“中國人民大學(xué)”的學(xué)校網(wǎng)站，把所有的信息規(guī)整統(tǒng)一地編排成“同”的形狀，信息如筆畫一樣一排排羅列出來，簡單的色彩和條理的信息排列，給用戶均衡的視覺感，并且主次分明。

2.“匡”字形布局

顧名思義，“匡”字形布局將文字信息內(nèi)容轉(zhuǎn)移到右邊，導(dǎo)航欄的上方和左方用圖片填充，使整個畫面內(nèi)容更豐富和富有節(jié)奏感，用圖文并茂的形式達(dá)到視覺上的規(guī)律效果。

3.“呂”字形布局

其布局是在“同”字形布局的基礎(chǔ)上，將信息分為上下兩大模塊，具體信息的分布又有“同”字形結(jié)構(gòu)的特點，大部分的新聞網(wǎng)站設(shè)計采用這種布局方式，如“新浪新聞”、“鳳凰網(wǎng)”、“光明網(wǎng)”等。

（三）、交流互動美

網(wǎng)頁設(shè)計實質(zhì)是將平面設(shè)計應(yīng)用于多媒體工具中，其側(cè)重點在于用戶通過此平臺達(dá)到體驗虛擬現(xiàn)實的效果作用，交流互動在交互設(shè)計中起著至關(guān)重要的作用。接下來讓我們探究下交互設(shè)計的交流互動方式：

1.直接引導(dǎo)用戶體驗型

隨著多媒體工具的迅速發(fā)展，網(wǎng)頁設(shè)計不斷用新的審美視角和視覺觀念來滿足用戶的不同需求，以用戶為目標(biāo)的交互體驗設(shè)計會用新穎的方式引導(dǎo)用戶進(jìn)行下一步的操作，如圖。當(dāng)鼠標(biāo)移到網(wǎng)站上時，網(wǎng)站上的數(shù)字會發(fā)生變化，并且背景音樂也會發(fā)生細(xì)微的變化，這會引導(dǎo)用戶不斷進(jìn)行新的探索，期待下個交互活動會發(fā)生什么。

2.音樂體驗型

音樂在交互設(shè)計中也占有重要的地位，在匡威的宣傳網(wǎng)站中，不僅利用鼠標(biāo)的滑動引導(dǎo)用戶進(jìn)入下個頁面，還會隨著鼠標(biāo)的移動富有時尚激情的音樂不斷播放，當(dāng)松開手中的鼠標(biāo)，音樂和進(jìn)度都會戛然而止。在瀏覽整個網(wǎng)站內(nèi)容的過程中，文字占據(jù)極少的部分，更多的是用音樂和鼠標(biāo)來建立和用戶溝通的平臺，用戶在時尚激情的聽覺效果的刺激下用好奇的心態(tài)不斷走入下一個交互體驗設(shè)計中。

3.直接互動型

直接與用戶接觸的互動型大多數(shù)用在游戲設(shè)計中，例如國外著名的游戲獲獎創(chuàng)意網(wǎng)站。網(wǎng)站設(shè)計者選取簡單的紫色調(diào)，給用戶優(yōu)雅、端莊、征服的感覺。設(shè)計者將用戶設(shè)計成以為其騎士，任務(wù)是騎著奔跑的快馬不斷前進(jìn)，在懸崖峭壁中獲取懸掛著寶石，獲得的寶石越多騎士的榮耀越高，同時會獲得至高無上的榮耀。但在奔跑的過程中如果不下心觸碰到懸崖峭壁，馬會模擬現(xiàn)實中的馬出現(xiàn)暈眩的癥狀，同時速度會減弱，幾次之后就會結(jié)束游戲。簡單的畫面設(shè)計形式搭配緊張刺激的駿馬奔跑的背景音樂給用戶新穎的交互體驗形式，在緊張的狀態(tài)下追求更高的任務(wù)榮譽感。

4.間接引導(dǎo)體驗型

網(wǎng)頁設(shè)計中越來越追求簡化的文字信息，極簡化在網(wǎng)頁設(shè)計中占據(jù)重要的位置。引導(dǎo)頁在設(shè)計中占據(jù)舉足輕重的位置，簡約的信息文字會間接的引導(dǎo)用戶進(jìn)入下一步交互體驗設(shè)計之中。