孟威妍

（閩江學(xué)院 美術(shù)學(xué)院，福建 福州 350000）

建設(shè)應(yīng)用型高校背景下的藝術(shù)設(shè)計項目化教學(xué)
——閩江學(xué)院網(wǎng)頁視覺設(shè)計探討

孟威妍

（閩江學(xué)院 美術(shù)學(xué)院，福建 福州 350000）

針對閩江學(xué)院網(wǎng)站進(jìn)行網(wǎng)頁視覺效果設(shè)計并在藝術(shù)設(shè)計課堂上進(jìn)行探討和分析，作為項目化教學(xué)的案例.教學(xué)內(nèi)容主要包括：風(fēng)格定位；主色調(diào)、輔助色的選擇和運用以及版面設(shè)計；視覺流程及最佳視域；視覺沖擊力和藝術(shù)感染力等方面的研究.

閩江學(xué)院網(wǎng)頁設(shè)計；視覺審美；視知覺；建設(shè)應(yīng)用型高校背景下的藝術(shù)設(shè)計；項目化教學(xué)

建設(shè)應(yīng)用型高校背景下的藝術(shù)設(shè)計項目化教學(xué).針對閩江學(xué)院網(wǎng)站進(jìn)行網(wǎng)頁視覺效果設(shè)計并在藝術(shù)設(shè)計課堂上老師與學(xué)生共同進(jìn)行探討和分析，作為項目化教學(xué)的案例.

互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統(tǒng)的地域、文化阻隔，傳達(dá)的范圍、速度與效率產(chǎn)生了質(zhì)的騰飛.網(wǎng)絡(luò)媒體形象成為傳播領(lǐng)域重地，各實體單位爭相展示的新空間、新領(lǐng)域.校園網(wǎng)站既為一個濃縮的校園媒體形象，是向社會各界展示自我形象的平臺.進(jìn)入網(wǎng)站進(jìn)行信息的交流，感受撲面而來的學(xué)校氛圍，在這里進(jìn)行信息匯聚、學(xué)術(shù)探討、情感交流.各大高校不斷建立完善網(wǎng)絡(luò)形象，以一個怎樣的網(wǎng)絡(luò)面貌呈現(xiàn)在觀者面前已經(jīng)成為各高校不可忽視的“形象工程”.

人們在瀏覽網(wǎng)站時不但閱讀信息并且通過觀看到的版式、色彩等內(nèi)容會產(chǎn)生不同的視知覺及心理感受，這種視知覺及感受總和形成對該網(wǎng)站的認(rèn)知及判斷.感受來源于網(wǎng)頁視覺信息的傳達(dá)，設(shè)計時須考慮到人們視覺瀏覽次序舒適度，心理特征及視知覺規(guī)律以達(dá)到準(zhǔn)確傳遞網(wǎng)站給觀者的視覺認(rèn)知.

首先明確網(wǎng)站需承載的整體形象及風(fēng)格，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序（距離、位置、面積）以及采用色彩比重和搭配.組織好自然流暢的視覺導(dǎo)向，確保網(wǎng)頁內(nèi)容傳播的準(zhǔn)確有效.網(wǎng)頁設(shè)計中，既要立足信息的傳達(dá)，又要符合人們的視覺和思維習(xí)慣，設(shè)計網(wǎng)頁時注意各種信息要素的合理分布，使各類信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感，閱讀舒適性.

1 風(fēng)格定位

確定網(wǎng)站整體風(fēng)格、明確主題是網(wǎng)站設(shè)計至關(guān)重要的第一步，遵循視覺心理規(guī)律和形式表達(dá)原則將主題主動地傳達(dá)給觀賞者，使主題在瀏覽過程中不自覺地被人們捕捉和接收.閩江學(xué)院（以下簡稱閩院）是一個綜合性應(yīng)用型大學(xué)，有著優(yōu)良傳統(tǒng)和濃郁的學(xué)術(shù)氛圍.網(wǎng)站設(shè)計風(fēng)格要與閩院的整體視覺風(fēng)貌、學(xué)校發(fā)展定位、校園人文文化、師生傳統(tǒng)情感相吻合.在對學(xué)校歷史及校園文化進(jìn)行市場調(diào)研后，確立網(wǎng)頁設(shè)計中突出幾個方面：

（1）銳意進(jìn)取、勇于開拓的領(lǐng)導(dǎo)風(fēng)貌；

（2）嚴(yán)謹(jǐn)創(chuàng)新學(xué)術(shù)氛圍；

（3）清新雅致的校園文化.新網(wǎng)站設(shè)計既有優(yōu)良的傳承又能體現(xiàn)生機(jī)勃勃新風(fēng)貌、新活力.

2 色彩運用

恰當(dāng)使用色彩搭配，運用其蘊含的文化心理確立提升網(wǎng)站視覺效果，更有助于設(shè)計主題傳達(dá)和確立.

2.1 主色調(diào)

新的網(wǎng)頁設(shè)計傳承閩院固有的藍(lán)色為主色調(diào)，藍(lán)色有嚴(yán)肅莊重之感，樹立嚴(yán)謹(jǐn)?shù)膶W(xué)術(shù)氛圍及穩(wěn)重的大學(xué)形象.本次設(shè)計將傳統(tǒng)色彩中灰藍(lán)偏綠的調(diào)子進(jìn)行處理，將明度提升，純度加強(qiáng)，色彩更加明朗和瑰麗.標(biāo)題欄與浮動欄以及底部裝飾色彩統(tǒng)一，首尾呼應(yīng)，明度、純度的變化使頁面豐富而不單調(diào).標(biāo)題欄漸變技法的處理表現(xiàn)光感效果.嚴(yán)謹(jǐn)穩(wěn)重之余增加活力和俊朗的視覺感受.

2.2 一級輔助色

采用紅色作為一級輔助色彩，遵循“總體協(xié)調(diào)，局部對比”的原則，打破藍(lán)色的單調(diào)，注入鮮明活力，體現(xiàn)銳意進(jìn)取，勇于開拓的領(lǐng)導(dǎo)風(fēng)貌，突出強(qiáng)烈的視覺感染力和號召力.將標(biāo)題欄下方輔助色條、“校訓(xùn)”、浮動欄裝飾條、左下角圓形設(shè)計為紅色，使得整個頁面中的上部、中部、下部及左部、右部均有輔助色調(diào)和.色彩平衡流暢，貫穿始終，跳躍點睛.局部強(qiáng)烈的色彩對比給瀏覽者深刻豐富的印象，減少閱讀疲勞.

2.3 次級輔助色

選擇白色作為次級輔助色彩，平衡整體視覺效果，體現(xiàn)清新、典雅、純凈.其次為漸次搭配，色彩呼應(yīng).藍(lán)色的上下呼應(yīng)，明度、純度的變化使頁面豐富而不單調(diào).

3 版面設(shè)計

在網(wǎng)頁設(shè)計屬于二維平面設(shè)計范疇，遵循二維視覺設(shè)計原則，遵循人的視覺審美規(guī)律和特性，簡單總結(jié)為變化統(tǒng)一、條理與反復(fù)、對比和調(diào)和、均齊與平衡等.點、線、面是二維平面中共有的形式三要素，合理有效的運用三要素的搭配調(diào)整觀者的視覺感知，成為傳達(dá)界面的基本方法.

色彩、文字的位置安排達(dá)到視覺平衡，文字的大小和疏密排列自然導(dǎo)視閱讀次序.位置，使其成為人們?yōu)g覽時的視覺焦點，從而產(chǎn)生深刻的印象.網(wǎng)頁設(shè)計中各構(gòu)成要素在組合時，要注意其結(jié)構(gòu)的輕重大小、虛實、多少等對比因素，加強(qiáng)視覺力度，以強(qiáng)化頁面的整體吸引力.

4 視覺流程及最佳視域

合理地運用視覺流程和最佳視域，制作出清晰、整體性的頁面,使人瀏覽起來產(chǎn)生愉悅感，更樂于主動接收信息.視覺規(guī)律的形成是由人的生理特征所決定的，瀏覽者的閱讀行為表現(xiàn)出恒定習(xí)慣.

首先是水平運動，常常是從左至右掃過網(wǎng)頁內(nèi)容的最上半部分，因此，左側(cè)上部和中上部被稱為“最佳視域”.閩江學(xué)院標(biāo)志和學(xué)校名稱是頁面中核心表現(xiàn)內(nèi)容，將其安排在頁面的左上角成為視覺中心并搭配以白色背景，奠定清新雅致的基調(diào)，并在標(biāo)志四周大范圍內(nèi)無圖案及文字處理——去掉干擾，凸顯主題.

向下移，瀏覽下面區(qū)域.最后，從網(wǎng)頁左邊的部分進(jìn)行垂直掃描.即，左到右，上到下，明到暗粗線條細(xì)線條，設(shè)計網(wǎng)頁一級瀏覽為左上的學(xué)校名稱和標(biāo)志，二級瀏覽為右上的校訓(xùn)及學(xué)校要聞.三級瀏覽為標(biāo)題欄，學(xué)校要聞內(nèi)容以及底部的圖標(biāo).遵循規(guī)律設(shè)計出自然流暢的視覺導(dǎo)向.

5 視覺沖擊力和藝術(shù)感染力

心理學(xué)研究表明視覺興奮點的捕捉即為情感與某一事物產(chǎn)生共鳴視線便會停留在這一事物上.閩江學(xué)院網(wǎng)站首頁采用校園建筑、景色為頁面中心主體視覺形象，照片的視覺沖擊力并有強(qiáng)烈?guī)敫校饚熒餐母杏H切感以及認(rèn)同感.

將本項目作為藝術(shù)設(shè)計專業(yè)課堂論題進(jìn)行研究和探討.將項目條件分析過程和制作歷程進(jìn)行逐一講解.讓學(xué)生感受每一個環(huán)節(jié)和制作細(xì)節(jié)，用真實的項目來增強(qiáng)實踐性和應(yīng)用型高校的課程建設(shè).

〔1〕魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺（新編）[M].長沙：湖南美術(shù)出版社，2008.

〔2〕薛紅艷.設(shè)計的視覺語言[M].北京：化學(xué)工業(yè)出版社，2006.

〔3〕黃海燕,張輝.網(wǎng)頁設(shè)計和平面設(shè)計[J].包裝工程，2004（1）.

G642

A

1673-260X（2017）11-0142-02

2017-09-27

福建省教育廳社會科學(xué)研究項目資助（JAS160406）