網(wǎng)頁界面設(shè)計中材質(zhì)的運用

李銀英 藺建旭 王思佳

（河北傳媒學(xué)院，河北石家莊 051430）

網(wǎng)頁設(shè)計是視覺傳達(dá)設(shè)計的一個重要的分支。在網(wǎng)絡(luò)無處不在的今天，人們打開電腦，映入眼簾的是各式各樣、五花八門的網(wǎng)頁界面。另一方面，材質(zhì)是許多藝術(shù)設(shè)計中非常重要的元素，是一種極有力的設(shè)計語言，被廣泛應(yīng)用于不用的藝術(shù)形式當(dāng)中，不同的材質(zhì)給觀者以豐富的感受和聯(lián)想。當(dāng)設(shè)計者把材質(zhì)肌理運用到網(wǎng)頁界面設(shè)計當(dāng)中，讓材質(zhì)成為網(wǎng)站整體設(shè)計的一個重要組成部分，這樣的設(shè)計會非常巧妙地實現(xiàn)網(wǎng)頁界面的風(fēng)格化，極大增強界面的質(zhì)感，讓人印象深刻、過目不忘。

一、材質(zhì)的特性和審美

材質(zhì)是指材料的質(zhì)地，材料的視覺激勵和觸覺肌理效果，也是材料與質(zhì)感的結(jié)合。美國現(xiàn)代主義藝術(shù)大師萊特曾言：“將你的材料性質(zhì)顯示出來，讓這種性質(zhì)完全進(jìn)入你的設(shè)計中”；“每一種材料都有自己的語言，每一種材料都有自己的故事”[1]材質(zhì)雖然沒有生命，但具有自然天成的特殊美感，有其人格化的個性與情感，可以給受眾帶來情感上的共鳴。

（一）材質(zhì)不同于紋理

現(xiàn)在網(wǎng)頁設(shè)計中，使用紋理的很多。相對于材質(zhì)，紋理更泛化，什么都可以形成紋理，比如規(guī)則排列的點或其他圖形，人工繪制的圖案，當(dāng)然也可以是某種材質(zhì)的紋理。材質(zhì)是指真實存在的材料所體現(xiàn)出來的質(zhì)地，當(dāng)取得這些材料的圖片擬用時，可以做適當(dāng)?shù)奶幚?，以增強其表現(xiàn)力，但不能破壞這種材質(zhì)的肌理和質(zhì)地感。所以材質(zhì)和紋理二者雖然有交集，但還是有很大的不同。

（二）材質(zhì)的審美

材質(zhì)的美感來自材料的色彩、光澤、肌理和質(zhì)地，是一種綜合的審美。

材質(zhì)所帶有的天然色彩和光澤就具有極強的美感，可以說沒有比天然色彩更符合材料特性的，就是說天然色彩與光澤本身對材料具最合理的表達(dá)。

同時材質(zhì)的美感是視覺與觸覺的結(jié)合。材料的觸覺主要是指材料的硬軟、干濕、粗糙細(xì)膩、冷暖感等。這些能夠觸摸到的質(zhì)感是通過視覺傳送至觀者的大腦，借助以往的經(jīng)驗，經(jīng)過大腦處理產(chǎn)生對該材質(zhì)的印象和感覺。“經(jīng)過人們長時間在觸覺經(jīng)驗上的積累，大多數(shù)的觸覺感受轉(zhuǎn)化為視覺上間接的感受。比如一塊木板和一張皮子會體現(xiàn)出他們自身所特有的材質(zhì)感，這種材質(zhì)感會突出其自然的特性，體現(xiàn)材料自身美感和性格，具有真實性和天然性?！盵2]

材質(zhì)的肌理對設(shè)計的作用和色彩一樣重要。它不僅可以豐富視覺感受，更可以豐富觸覺感受。運用恰當(dāng)?shù)牟馁|(zhì)肌理可以提升界面設(shè)計的品質(zhì)，給瀏覽者特定的心理感受。不同的肌理表現(xiàn)出不同的質(zhì)感，會形成不同的性格：粗的質(zhì)感厚重、平靜、溫和；光的質(zhì)感具有高貴、華麗、輕快的情調(diào)；麻的質(zhì)感樸實、穩(wěn)重。材質(zhì)所展現(xiàn)的肌理、色彩等是相當(dāng)豐富的。這種多樣性是單純的調(diào)色和繪畫難以達(dá)到的。

不管是自然界中存在的材質(zhì)，還是人工合成材料的質(zhì)地，都有著難以言表的美感。如木材的溫馨自然，金屬的高貴凝重，塑料的柔順平整，玻璃的透徹光滑等。

（三）材質(zhì)的“喚起”作用

廣泛地說，任何界面上圖形圖像的設(shè)計，都具有“喚起”的功能，都要表現(xiàn)某種意象，都是要喚起瀏覽者對相應(yīng)的情境、文化、內(nèi)涵及品質(zhì)的認(rèn)知。喚起的程度越深，那么主題就會越深刻和鮮明。而材質(zhì)在界面設(shè)計中的運用正好合于“喚起”這樣的作用，喚醒人們的某種情感或者制造出具有某種空間感和時間感的氛圍,表達(dá)人們精神的寄托。

當(dāng)一種材質(zhì)被恰當(dāng)運用時，界面所表現(xiàn)出來的真實的質(zhì)感是別的東西所無法替代的。比如設(shè)計師想設(shè)計出永恒和懷舊主題的網(wǎng)站，可以使用邊緣破損的舊羊皮紙作為主體背景，這種懷舊的風(fēng)格也曾在本世紀(jì)初廣為流行[3]。

二、網(wǎng)頁界面設(shè)計中材質(zhì)的合理運用

（一）材質(zhì)的運用要符合主題

所有網(wǎng)站的最終目的都是要表達(dá)某種主題，吸引瀏覽者。網(wǎng)頁界面的設(shè)計都須服務(wù)主題、突出主題。材質(zhì)作為網(wǎng)頁界面設(shè)計的重要元素，使用時要從生理心理等多個方面和角度出發(fā)，設(shè)計出有獨特風(fēng)格和意趣的網(wǎng)頁界面，能夠傳達(dá)出與主題一致的情感和志趣，喚起瀏覽者內(nèi)心深處的幻想，引起人們感情深處的共鳴，從而進(jìn)一步凸顯網(wǎng)站主題，讓人過目不忘。比如天然的木質(zhì)紋理是網(wǎng)頁界面設(shè)計經(jīng)常被使用到的材質(zhì)。木質(zhì)材質(zhì)天然、淳樸，具有鄉(xiāng)村風(fēng)格，深色的木質(zhì)紋理比較內(nèi)斂、莊重，淺色的木質(zhì)紋理明快、輕松，適用餐飲、農(nóng)業(yè)等主題的網(wǎng)頁界面設(shè)計。

下面是一個關(guān)于來自非洲的食品的網(wǎng)頁，見圖1。其風(fēng)格純真，強調(diào)食品的純粹和天然綠色。

圖1 采用木紋材質(zhì)的界面

界面設(shè)計采用了深色的木質(zhì)材質(zhì)，材質(zhì)上的木紋清晰自然，色澤不是人工制作出來的整齊劃一，而是有非常真實的美感。布置在上面的食品色彩明亮，錯落有致。

這樣的設(shè)計充分體現(xiàn)了材質(zhì)的優(yōu)勢，形成了這一界面清新自然、返璞歸真的獨特風(fēng)格，讓人看到后眼前一亮。

（二）綜合運用多種材質(zhì)

在網(wǎng)頁界面設(shè)計中，有時候用到的不僅是一種材質(zhì)，而是會用到兩種或多種不同的材質(zhì)。關(guān)鍵在于所用材質(zhì)都須圍繞一個主題，為一種情感“喚起”服務(wù)；不同材質(zhì)之間的搭配要在整體與局部、風(fēng)格與布局之間保持一種和諧。

下面的網(wǎng)頁界面 （圖2）設(shè)計中運用了多種材質(zhì)，背景用了粗糲的巖石，前面用了刷了漆的木質(zhì)材質(zhì)，上面布局了一些紙張、貼畫、生活用具等。

圖2 不同材質(zhì)綜合運用的界面

這是一個關(guān)于咖啡的網(wǎng)站。這樣的設(shè)計非常有特點，原始、自然和拙樸的氣息撲面而來，讓人情緒放松而且印象深刻。在這個網(wǎng)頁設(shè)計中，綜合而和諧地運用了兩種以上的材質(zhì)，能夠引發(fā)人感情深處的共鳴。

（三）多種途徑相結(jié)合獲得材質(zhì)素材

不同材質(zhì)素材（圖片資料）的獲得可以有多種途徑。目前，人們在設(shè)計網(wǎng)頁界面時較常見的做法是從網(wǎng)上尋找和下載素材。這當(dāng)然是一種較為簡便快捷的材質(zhì)素材獲得途徑，而且，網(wǎng)上圖片資料十分豐富，基本能夠滿足網(wǎng)頁界面設(shè)計的需要。但是，如果追求個性化的設(shè)計，僅僅依賴網(wǎng)上資料就很難如愿以償了。為此，網(wǎng)頁界面設(shè)計者可以自己動手獲得相關(guān)素材?？梢阅闷鹣鄼C，在自己生活的社會和自然環(huán)境中尋找、發(fā)現(xiàn)和拍攝各種素材，如水面粼粼的波紋、天空變幻的云彩、城市中多彩的墻面、紋理美麗的樹皮、巖石凹凸的斷面等等，再使用圖像處理軟件，對所拍攝的素材進(jìn)行適當(dāng)?shù)奶幚?，就能獲得具有獨一無二風(fēng)格的材質(zhì)素材，為設(shè)計個性化的網(wǎng)頁界面提供條件。但須注意的，是在使用軟件做圖像處理時不要處理得太過，以免使材料失去原有的真實肌理和質(zhì)感。

三、結(jié)束語

運用材質(zhì)的網(wǎng)頁界面設(shè)計是一種精致的設(shè)計。無論是自然界中天然存在的材質(zhì)，還是人工合成的材質(zhì)，都有它們獨有的個性和美，可觸、可摸、可視。合理地使用它們設(shè)計出來的網(wǎng)頁，往往充滿了靈性，能喚醒人們心中的情感和渴望。

[1]張萍，張娜娜.材質(zhì)肌理在網(wǎng)頁界面設(shè)計中的運用[J].美與時代（城市），2013(7):85-86.

[2]陳雅潔.材料在平面設(shè)計中的運用[D].湖南師范大學(xué)畢業(yè)論文，2012：22.

[3]〔美〕Jason Beaird.完美網(wǎng)頁設(shè)計藝術(shù)[M].熊平，宓媛姍，譯.北京：人民郵電出版社，2008:90.