黃 微
重慶人文科技學(xué)院網(wǎng)絡(luò)信息中心,重慶 404100
教育類網(wǎng)站界面設(shè)計(jì)中客戶特定的審美心理需求
黃 微
重慶人文科技學(xué)院網(wǎng)絡(luò)信息中心,重慶 404100
筆者通過幾年來對(duì)教育類及商業(yè)類網(wǎng)站界面設(shè)計(jì)的設(shè)計(jì)制作經(jīng)驗(yàn),發(fā)現(xiàn)教育類網(wǎng)站的客戶群體對(duì)其網(wǎng)站的界面設(shè)計(jì)具有特定的審美心理需求,他們的審美感知與他們的文化背景和職業(yè)緊密相關(guān),他們對(duì)網(wǎng)站方案的選定具有一定的從眾心理,要求網(wǎng)站在界面設(shè)計(jì)上更符合大眾審美的需求,網(wǎng)站在色彩搭配和設(shè)計(jì)布局上符合一定的形式美法則。
網(wǎng)站界面設(shè)計(jì);審美心理需求;形式美法則
教育類網(wǎng)站主要是以對(duì)學(xué)校本身宣傳為主,兼顧校內(nèi)數(shù)字資源的整合,能專門提供招生、教學(xué)、宣傳的功能,是學(xué)校對(duì)外溝通的一個(gè)窗口。作為網(wǎng)站界面設(shè)計(jì)從業(yè)人員,面向教育類網(wǎng)站的客戶群體,需要對(duì)其審美心理需求做出一定的分析,了解客戶心理需求,從而更好地把握好網(wǎng)站的界面設(shè)計(jì)要求,完成后續(xù)的網(wǎng)站基本功能的建設(shè)。
網(wǎng)站界面設(shè)計(jì)是對(duì)根據(jù)網(wǎng)站開發(fā)者的意愿對(duì)網(wǎng)站界面進(jìn)行風(fēng)格上的整體把握,以及主要色調(diào)的選擇,也包括對(duì)功能上版塊的搭配設(shè)計(jì)。是綜合運(yùn)用圖形圖像、文字、動(dòng)畫以及色彩等視覺認(rèn)知的基礎(chǔ)元素來構(gòu)成網(wǎng)站的前端設(shè)計(jì),實(shí)現(xiàn)網(wǎng)站的審美及實(shí)用功能。教育類網(wǎng)站的界面設(shè)計(jì)通常包括網(wǎng)站抬頭FLASH的制作,導(dǎo)航條、新聞圖片、按鈕、文字及網(wǎng)站內(nèi)其他元素的設(shè)計(jì)與制作。同時(shí)需要兼顧信息瀏覽人群的用戶體驗(yàn)來進(jìn)行網(wǎng)頁(yè)界面的平面及功能設(shè)計(jì)。
人們對(duì)美有天然的心理需求,對(duì)美好的事物具備欣賞和向往,喜歡崇高、優(yōu)美,希望秩序、結(jié)構(gòu)、自然、真理等。審美心理需求是一種情感制約機(jī)制,相對(duì)于人們初級(jí)、理性的需求,審美需求則是具有個(gè)人獨(dú)特性,且因后天文化而異的,具有一定的穩(wěn)定性,獨(dú)特的審美趣味形成之后,就會(huì)對(duì)需要在審美上的取舍的時(shí)候做出符合自己需要的選擇。
客戶對(duì)教育類網(wǎng)站設(shè)計(jì)上的要求相對(duì)保守,也更符合大眾審美的需求,在顏色搭配上和基本的審美上更加符合形式美法則中的秩序整齊、對(duì)稱均衡、對(duì)比調(diào)和、比例相宜、節(jié)奏韻律、和諧統(tǒng)一。
2.1 教育類網(wǎng)站客戶對(duì)網(wǎng)站主色調(diào)的選擇
教育類網(wǎng)站的客戶在網(wǎng)站的主色調(diào)上更傾向與選擇更為安全的藍(lán)色色調(diào)或者穩(wěn)重的深色的其他色調(diào)。
以重慶人文科技學(xué)院網(wǎng)站為例,16個(gè)部門有10個(gè)網(wǎng)站為藍(lán)色調(diào),13個(gè)學(xué)院中有9個(gè)為藍(lán)色調(diào)。同樣以西部某211大學(xué)為例,其34個(gè)學(xué)院網(wǎng)站中有22個(gè)網(wǎng)站色調(diào)為藍(lán)色。筆者所制作的教育類網(wǎng)站方案中被選上的也大多為藍(lán)色色調(diào)的網(wǎng)站方案或者相對(duì)穩(wěn)重的深紅色。
在方案色調(diào)的選擇上,從色彩本身來看:紅、黑、白、橙、黃、綠、青、藍(lán)、紫,本身就具備審美的特殊性。馬克思說“色彩的感覺是一般美感中最大眾化的形式”,即色彩聯(lián)想是具有普遍的共性的,色彩讓人產(chǎn)生不同的聯(lián)想,紅色容易想到紅旗,讓人感覺溫暖熱情。教育網(wǎng)站中與黨相關(guān)的部分大部分會(huì)選擇紅色主調(diào),如黨委組織部、黨委宣傳部等。藍(lán)色容易讓人聯(lián)想到大海和天空的寬廣,讓人產(chǎn)生寧?kù)o感,點(diǎn)擊國(guó)內(nèi)大部分的教育類網(wǎng)站,藍(lán)色調(diào)占主要部分,白色調(diào)的網(wǎng)頁(yè)顯的干凈和剔透。黑色則顯得肅穆、權(quán)威;綠色讓人聯(lián)想到草地和生命,顯的生機(jī)勃勃。紫色顯得具有貴族感,多用于商務(wù)網(wǎng)站。白色顯得純凈、淡雅,黃色顯得明快、跳躍,在國(guó)外的教育類網(wǎng)站使用較多,如密歇根大學(xué)的網(wǎng)站就為藍(lán)色與明黃色1∶1搭配。
2.2 這種選擇具有從眾的心理特征
“從眾”是一種比較普遍的社會(huì)心理和行為現(xiàn)象。從眾心理即指?jìng)€(gè)人受到外界人群行為的影響,而在自己的知覺、判斷、認(rèn)識(shí)上表現(xiàn)出符合于公眾輿論或多數(shù)人的行為方式。
客戶們選擇什么樣的方案,在一定程度上代表了一種社會(huì)認(rèn)同,客戶會(huì)潛意識(shí)地選擇他們經(jīng)常瀏覽的其他教育類網(wǎng)站的顏色,他們從內(nèi)心覺得藍(lán)色更加安全,或者說不用承擔(dān)選擇其他顏色的風(fēng)險(xiǎn),潛意識(shí)地選擇了符合他們身份的同一階層人喜歡的安全色。他們認(rèn)為這個(gè)才是教育類網(wǎng)站的主流,代表了一種社會(huì)價(jià)值的認(rèn)同。他們這樣選擇,降低了他們的心理成本,也是從眾心理的一種體現(xiàn)。
2.3 這種選擇的趨同性,不利于學(xué)校網(wǎng)站的建設(shè)
這種選擇的趨同性不適合訪問教育網(wǎng)站的大部分訪問者,即學(xué)生。學(xué)生用戶對(duì)千篇一律的格式化版塊的網(wǎng)站已經(jīng)不感興趣,他們更加喜歡活潑、互動(dòng)性比較強(qiáng)的網(wǎng)站。
要避免千篇一律,首先要改變教育網(wǎng)站必須多為藍(lán)色調(diào)的心理感知,不要從眾,勇于嘗試,根據(jù)學(xué)校品牌的策劃來確定學(xué)校網(wǎng)站及相關(guān)設(shè)計(jì)產(chǎn)品的顏色,在色彩搭配上要有特點(diǎn),在網(wǎng)頁(yè)版塊布局上突破常規(guī),能給人耳目一新的感覺。
網(wǎng)站界面設(shè)計(jì)上要求布局具備一定的藝術(shù)審美性,這里需要遵循了一定的形式美法則,即形式美的感性自然屬性色、聲、形等因素自身內(nèi)部間以及各因素之間的組合規(guī)律:對(duì)稱均衡、秩序整齊、對(duì)比調(diào)和、比例相宜、節(jié)奏韻律、和諧統(tǒng)一。需要對(duì)網(wǎng)站內(nèi)容及設(shè)計(jì)元素進(jìn)行合理的排版和布局,使得網(wǎng)站整體看上去圖文并茂并具備一定的節(jié)奏感,在色彩搭配上需要和諧統(tǒng)一。
在網(wǎng)站界面設(shè)計(jì)布局上遵循“黃金分割法”,以及閱覽用戶的自上而下、從左到右的閱讀習(xí)慣。
客戶希望網(wǎng)站界面設(shè)計(jì)大氣穩(wěn)重,同時(shí)又希望和其他藍(lán)色色調(diào)的網(wǎng)站有不同之處,要求在網(wǎng)站頁(yè)面設(shè)計(jì)上要求能體現(xiàn)該學(xué)校(院)的特點(diǎn),或直接提出必須使用該學(xué)校(院)的標(biāo)志性建筑圖片等。
在網(wǎng)站風(fēng)格的選擇上,他們的審美心理需求上得到了一定的解放,因?yàn)榻逃惥W(wǎng)站的客戶群體多為有決定權(quán)的學(xué)校(院)領(lǐng)導(dǎo),他們具備一定的生活閱歷,對(duì)審美認(rèn)知上具有一定的經(jīng)驗(yàn),他們具備對(duì)美的認(rèn)知能力和審美修養(yǎng)。雖然不是網(wǎng)站設(shè)計(jì)人員,但是也大多能從自己的審美感知去第一時(shí)間篩選出自己稍微滿意的方案,并提出修改意見,他們希望網(wǎng)站方案在穩(wěn)重的基礎(chǔ)上具備較高的辨識(shí)度。
從《現(xiàn)代職業(yè)教育體系建設(shè)規(guī)劃(2014-2020年)》來看,今后高校將分為研究型高校、應(yīng)用技術(shù)型高校、高等職業(yè)學(xué)校。以重慶人文科技學(xué)院為例,在過去的10年里,網(wǎng)頁(yè)改版3次,色調(diào)均為深藍(lán)色主調(diào),版塊設(shè)置為簡(jiǎn)單的新聞發(fā)布模塊。在2015年改版方案中,客戶則更加側(cè)重于活潑和適應(yīng)年輕人風(fēng)格的選擇,客戶的審美心理需求因?yàn)閼?yīng)用技術(shù)性大學(xué)轉(zhuǎn)型問題,更加側(cè)重于閱讀用戶群(大學(xué)生)的感受,所以在方案的選擇上更傾向于自由個(gè)性、交互性強(qiáng)的設(shè)計(jì)風(fēng)格。
綜上所述,教育類網(wǎng)站界面設(shè)計(jì)中,客戶具有特定的審美需求,要求網(wǎng)站在界面設(shè)計(jì)上更符合大眾審美的需求,網(wǎng)站在色彩搭配和設(shè)計(jì)布局上符合一定的形式美法則。作為設(shè)計(jì)人員,一方面我們要滿足客戶需要,為其設(shè)計(jì)符合其審美意識(shí)的網(wǎng)站。同時(shí),應(yīng)該引導(dǎo)客戶嘗試新的設(shè)計(jì)效果,提供新的設(shè)計(jì)理念,使其從“從眾心理”中跳躍出來,為其打造獨(dú)特的具備教育品牌效應(yīng)的網(wǎng)站界面設(shè)計(jì)。
[1]郭西燕.網(wǎng)頁(yè)設(shè)計(jì)之美學(xué)研究[J].濰坊高等職業(yè)教育,2008(4).
[2]姜曉芳.教育主題網(wǎng)站視覺語(yǔ)言整合優(yōu)化的研究[D].山東:師范大學(xué),2009.
[3]馬冬梅.淺談網(wǎng)頁(yè)設(shè)計(jì)中的形式美[D].山西:山西科技大學(xué)設(shè)計(jì)學(xué)院,2006.
[4]王海燕,張正凱,任建浩.從審美角度淺談網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)[D].陜西:陜西師范大學(xué),2004.
TP3
A
1674-6708(2015)149-0048-02
黃微,館員,碩士