李銀英 藺建旭 王思佳

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、結(jié)束語(yǔ)

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

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

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

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