論校園網(wǎng)首頁設(shè)計(jì)與高職院校形象重塑

周 琛 劉 敏

【摘 要】隨著企業(yè)品牌重塑風(fēng)潮的興起，高校也開始借鑒企業(yè)的經(jīng)驗(yàn)，積極塑造全新的網(wǎng)站形象。相對(duì)于本科院校，高職院校對(duì)于提升形象的愿望和緊迫感則更加強(qiáng)烈。因而，對(duì)校園網(wǎng)首頁進(jìn)行改版設(shè)計(jì)，是高職院校在最短時(shí)間內(nèi)塑造并推廣自身視覺形象、提升品牌價(jià)值和社會(huì)影響力的最佳途徑。

【關(guān)鍵詞】高職院校；品牌重塑；校園網(wǎng)；網(wǎng)頁設(shè)計(jì)

進(jìn)入21世紀(jì)，隨著原有品牌形象的老化或經(jīng)營戰(zhàn)略的重大調(diào)整，依靠單純的品牌管理手段已不能適應(yīng)內(nèi)外環(huán)境的變化，品牌重塑策略逐漸被國內(nèi)外眾多企業(yè)采納實(shí)施。在理念上通常表現(xiàn)為重新定位和詮釋企業(yè)文化內(nèi)涵及發(fā)展理念，包括品牌廣告語的更換；在視覺層面，則依靠更新視覺識(shí)別系統(tǒng)和品牌網(wǎng)站來塑造更有競爭力的公眾形象。隨著品牌重塑風(fēng)潮的興起，高等院校也開始積極完善高校識(shí)別系統(tǒng)和校園網(wǎng)站視覺設(shè)計(jì)，以期贏得更廣泛的社會(huì)關(guān)注并吸引優(yōu)秀生源。然而，高校對(duì)于品牌重塑的態(tài)度更加謹(jǐn)慎，設(shè)計(jì)全新?；盏目赡苄暂^低。因此，校園網(wǎng)改版則成為高校提升形象的首要選擇。近年來，通過新版網(wǎng)頁成功進(jìn)行品牌重塑的大學(xué)有：提倡“響應(yīng)式網(wǎng)頁設(shè)計(jì)”的美國萊斯大學(xué)、躋身“美國最美校園”的太平洋聯(lián)合學(xué)院；而國內(nèi)最受矚目的則是以百年校慶為契機(jī)進(jìn)行大幅度網(wǎng)頁改版的清華大學(xué)。

1.高職院校校園網(wǎng)網(wǎng)頁設(shè)計(jì)的機(jī)遇和挑戰(zhàn)

相對(duì)于建設(shè)時(shí)間長、人力物力投入多、網(wǎng)站規(guī)模大并且品牌資源豐富的本科院校，處于改型變革中的高職院校對(duì)于重塑自身形象的愿望和緊迫感則更加強(qiáng)烈。根據(jù)相關(guān)數(shù)據(jù)顯示，目前我國高職院校數(shù)量在高校中的比例已達(dá)1/2以上。黨的十八報(bào)告更明確表明了要大力發(fā)展職業(yè)教育的決心。我國高職院校的發(fā)展前景和社會(huì)評(píng)價(jià)標(biāo)準(zhǔn)將面臨重大改變。內(nèi)環(huán)境調(diào)整力度加強(qiáng)加之外環(huán)境利好政策的扶持，隨著競爭的加劇，各高職院校需更加重視軟實(shí)力即對(duì)外宣傳和推介能力的提升。然而，目前大部分高職院校導(dǎo)入視覺識(shí)別系統(tǒng)的時(shí)間尚短，塑造網(wǎng)頁品牌形象的意識(shí)也剛剛起步，導(dǎo)致校園網(wǎng)頁視覺設(shè)計(jì)盲目跟風(fēng)并存在拼湊模板的現(xiàn)象，與本科院校以及國外高校相比存在較大差距。一方面，缺乏對(duì)網(wǎng)頁設(shè)計(jì)理念趨勢(shì)的認(rèn)識(shí)和研究，在網(wǎng)站的兼容性、易用性方面存在較大缺陷；另一方面，由于缺乏品牌管理意識(shí)和對(duì)網(wǎng)站設(shè)計(jì)人員的視覺指導(dǎo)，網(wǎng)站中較少使用品牌標(biāo)準(zhǔn)圖形和品牌色彩，視覺形象隨意性和同質(zhì)化程度高。加之頁面內(nèi)容繁雜，信息層級(jí)不明確，無法令用戶產(chǎn)生瀏覽時(shí)的愉悅感和積極的品牌聯(lián)想，最終導(dǎo)致學(xué)校品牌形象無法有效傳播；高職院校的吸引力也無從談起。

2.網(wǎng)頁設(shè)計(jì)與高校品牌形象塑造

眾所周知，網(wǎng)站是企業(yè)塑造品牌的最佳媒介和推廣平臺(tái)。企業(yè)透過網(wǎng)頁中的全部視覺元素（圖形圖像、色彩、字體、布局）傳達(dá)出自身的氣質(zhì)和經(jīng)營理念、促使用戶對(duì)于品牌特質(zhì)產(chǎn)生聯(lián)想和記憶。與此同時(shí)，消費(fèi)者也借由企業(yè)網(wǎng)站設(shè)計(jì)的優(yōu)劣評(píng)價(jià)企業(yè)文化內(nèi)涵和發(fā)展實(shí)力。同樣，高校校園網(wǎng)的視覺設(shè)計(jì)水準(zhǔn)和用戶體驗(yàn)亦會(huì)成為社會(huì)對(duì)其辦學(xué)理念及教學(xué)效果的評(píng)價(jià)依據(jù)。通過對(duì)比分析國內(nèi)外眾多校園網(wǎng)站首頁設(shè)計(jì)，筆者發(fā)現(xiàn)優(yōu)秀的設(shè)計(jì)往往從以下角度對(duì)學(xué)校網(wǎng)站形象進(jìn)行塑造：

2.1品牌視覺要素

高校品牌視覺要素主要為?；?、?；諛?biāo)準(zhǔn)字、?；諛?biāo)準(zhǔn)色以及專屬字體，嚴(yán)謹(jǐn)?shù)纳踔涟ㄐＳ?xùn)和宣傳口號(hào)。在校園網(wǎng)站設(shè)計(jì)中，校徽?qǐng)D形是控制頁面風(fēng)格的首要元素，設(shè)計(jì)頁面時(shí)須考慮校徽的最佳展示效果。除了在頁頭位置放置?；眨€應(yīng)考慮在網(wǎng)頁標(biāo)題欄、網(wǎng)站地址欄、搜索引擎頁面或者頁腳的品牌背書區(qū)中以圖標(biāo)的方式出現(xiàn)。通過增加品牌標(biāo)識(shí)出現(xiàn)的頻率和位置營造專屬感和權(quán)威感。筆者注意到很多高校在網(wǎng)址和網(wǎng)頁標(biāo)題上亦設(shè)定了有利于形象塑造的符號(hào)和文字。如在網(wǎng)址欄里顯示?；?；網(wǎng)頁標(biāo)題上顯示校訓(xùn)口號(hào)或者“歡迎光臨某某學(xué)校”。雖微小，但是小中見大。

色彩也是決定網(wǎng)站風(fēng)格的重要設(shè)計(jì)要素之一。校園網(wǎng)首頁的色調(diào)一般以標(biāo)準(zhǔn)色即校徽的顏色為主，并將該校徽的色彩應(yīng)用到導(dǎo)航、標(biāo)題、網(wǎng)頁背景，甚至頁頭圖片之中，使各視覺元素產(chǎn)生色彩關(guān)聯(lián)性。如果?；毡旧淼念伾贿m宜做主色調(diào)，則可使用同色相但不同明度、純度的色彩，再為之搭配和諧的輔助色。

塑造良好的校園網(wǎng)頁形象亦離不開對(duì)品牌視覺元素的靈活應(yīng)用。如將?；?qǐng)D案進(jìn)行解構(gòu)處理，獲得局部圖形元素作為輔助圖形或紋理應(yīng)用于網(wǎng)頁設(shè)計(jì)中，可增加頁面的視覺豐富感，同時(shí)加深用戶對(duì)學(xué)校品牌形象的理解記憶。此外若?；?qǐng)D形較復(fù)雜，在顯示尺寸或圖形延展方面受到限制時(shí)還可以結(jié)合?；?qǐng)D形特征、內(nèi)涵與界面設(shè)計(jì)的特點(diǎn)，為頁面量身設(shè)計(jì)輔助圖形。

2.2 網(wǎng)頁Banner

網(wǎng)頁的Banner集中體現(xiàn)校園的風(fēng)貌和最新狀態(tài)，從形態(tài)上可分為矩形和異形兩種。歐美的校園網(wǎng)首頁Banner多采用矩形，配合分欄以及大色塊的版式處理手法，顯得嚴(yán)謹(jǐn)、內(nèi)在秩序感強(qiáng)烈。異形Banner一般底部為曲線造型或者整體為非矩形，比較受亞洲地區(qū)的網(wǎng)頁設(shè)計(jì)師青睞。弧線輪廓往往在視覺上更活潑，可為方塊感較強(qiáng)的版式注入活力和人文氣息；而部分傳統(tǒng)水墨風(fēng)格的網(wǎng)頁中，暈染的效果模糊了Banner的邊界，亦為頁面平添了意境之美。從技術(shù)應(yīng)用方面，網(wǎng)頁Banner又可分為傳統(tǒng)型和創(chuàng)新型。傳統(tǒng)型一般為通欄式或背景式，多為單張靜幀圖片，局部可有Flash動(dòng)畫效果；創(chuàng)新型的幻燈式Banner，則可展示多張圖片，版式靈活多變，也更關(guān)注用戶交互和情感設(shè)計(jì)。

2.3 導(dǎo)航

導(dǎo)航樣式在用戶體驗(yàn)過程中舉足輕重。成功的網(wǎng)頁設(shè)計(jì)會(huì)將品牌形象深植于用戶體驗(yàn)之中，強(qiáng)化用戶對(duì)于品牌的喜愛與認(rèn)可。因此，校園網(wǎng)頁的導(dǎo)航樣式也需要從圖形語言及色彩上貼近品牌風(fēng)格、為品牌形象服務(wù)。

3.高職院校校園網(wǎng)形象重塑對(duì)策與建議

3.1 對(duì)現(xiàn)有網(wǎng)站進(jìn)行檢視，整體策劃網(wǎng)頁風(fēng)格。

優(yōu)秀的校園網(wǎng)頁設(shè)計(jì)需傳達(dá)出校徽的圖形特點(diǎn)和色彩感受。因而在校園網(wǎng)改版設(shè)計(jì)時(shí)，可先通過調(diào)整色彩來建立新的視覺聯(lián)想。以?；諛?biāo)準(zhǔn)色為參照進(jìn)行配色，既要使網(wǎng)頁整體色調(diào)與?；丈屎魬?yīng)，也需要凸顯網(wǎng)頁的色彩個(gè)性。其次，應(yīng)結(jié)合頁面信息量的多少以及現(xiàn)有網(wǎng)頁制作技術(shù)特點(diǎn)推敲網(wǎng)頁Banner和導(dǎo)航的呈現(xiàn)方式，使網(wǎng)頁的功能性和時(shí)代性有機(jī)結(jié)合。最后需考慮建立清晰的網(wǎng)頁信息層級(jí)標(biāo)準(zhǔn)。以文字為例，同一層級(jí)的字體、字號(hào)、色彩均要統(tǒng)一。此外也可善用線框和線段對(duì)圖文信息進(jìn)行分類和分組。

3.2梳理視覺資源，對(duì)原有品牌視覺元素進(jìn)行再設(shè)計(jì)。

無論示范性高職院校還是普通高職院校，在建立品牌形象的過程中都非常重視?；找约靶Ｃ麍D形的使用，但這往往也導(dǎo)致網(wǎng)頁形象塑造工作走入誤區(qū)。即認(rèn)為只要在頁頭放置了?；占纯?，而對(duì)?；账幍恼w圖文環(huán)境則毫不關(guān)心。在網(wǎng)站的首頁中，?；展倘皇呛诵囊曈X元素，但單純使用?；找酂o法展示特定階段的校園形象。對(duì)于首次瀏覽該網(wǎng)頁并且首次接觸?；盏娜硕裕唧w的標(biāo)志性建筑和人物圖像則更具有親近感。無論是對(duì)?；毡旧磉€是對(duì)校園其它標(biāo)志性事物產(chǎn)生聯(lián)想，都意味著品牌形象在目標(biāo)用戶（師生和家長）的腦海中開始建構(gòu)。因此，對(duì)校徽以外的具有標(biāo)志性的圖形也應(yīng)精心設(shè)計(jì)，并發(fā)展為視覺輔助元素。筆者在設(shè)計(jì)湘潭職業(yè)技術(shù)學(xué)院的校園網(wǎng)首頁時(shí)，制作了藍(lán)色漸層的波浪圖案作為Banner的背景，兼具版面分割和裝飾感：淺色部分較好地烘托出了?；?qǐng)D形，深色部分則展示了地理坐標(biāo)作用的“鄉(xiāng)情”雕塑。該圖形也應(yīng)用到了頁面的欄目標(biāo)題背景以及按鈕背景上，使頁面視覺整體感得到強(qiáng)化。此外在左側(cè)導(dǎo)航區(qū)域底部使用了學(xué)校圖書館的圖像，既從實(shí)物的角度展現(xiàn)了校名，同時(shí)對(duì)于因網(wǎng)頁下拉看不見?；?qǐng)D形的這種情況也是一種彌補(bǔ)和提示。

3.3 設(shè)立“校園網(wǎng)站設(shè)計(jì)小組”， 把關(guān)校園網(wǎng)形象設(shè)計(jì)。

校園網(wǎng)站建設(shè)是一項(xiàng)長期的循序漸進(jìn)的工作，非一朝一夕可以完成。從長遠(yuǎn)來看，高職院校設(shè)立專門的網(wǎng)站設(shè)計(jì)小組可以更好地對(duì)校園網(wǎng)形象更新、評(píng)估和維護(hù)。首先，設(shè)計(jì)小組可以制定校園網(wǎng)站風(fēng)格指南、開發(fā)專屬網(wǎng)頁模板，確保主要頁面的面貌保持視覺統(tǒng)一，建立一致的網(wǎng)頁形象。其次，可及時(shí)為校園內(nèi)的重大新聞、特色活動(dòng)設(shè)計(jì)專題頁面，并通過首頁特色導(dǎo)航鏈接宣傳。校園網(wǎng)首頁的局部調(diào)整動(dòng)態(tài)地詮釋了校園的形象，更能夠吸引用戶的瀏覽。重新設(shè)計(jì)首頁僅為短期做法，優(yōu)化校園網(wǎng)功能，使校園網(wǎng)更好地為師生服務(wù)才是長遠(yuǎn)之計(jì)。在Web2.0和云技術(shù)日趨成熟的背景下，單一發(fā)布信息的網(wǎng)站無法留住更多用戶。期待在互聯(lián)網(wǎng)虛擬社會(huì)中穩(wěn)固品牌聲譽(yù)，重塑品牌形象的高職院校也需要拓展并整合如校內(nèi)論壇、校友錄、RSS訂閱、社交網(wǎng)站等網(wǎng)絡(luò)服務(wù)；而這些服務(wù)所依托的網(wǎng)頁更加需要整體設(shè)計(jì)與維護(hù)。因而，只有設(shè)立專門的網(wǎng)站設(shè)計(jì)小組才能及時(shí)調(diào)整不適宜的舊頁面、開發(fā)新頁面，更好地優(yōu)化網(wǎng)站的用戶體驗(yàn)。

4.結(jié)語

美國戰(zhàn)略營銷學(xué)家凱文·萊恩·凱勒坦言：“重塑一個(gè)品牌，要么將失去的品牌資產(chǎn)來源重新抓住，要么確認(rèn)并建立新的品牌資產(chǎn)來源。”校園網(wǎng)無疑是高職院校乃至所有高校創(chuàng)建品牌過程中最有效的宣傳渠道和平臺(tái)。身處于信息爆炸和視覺主導(dǎo)的全媒體時(shí)代，唯有立足于“品牌塑造”的高度對(duì)校園網(wǎng)頁面進(jìn)行檢視和設(shè)計(jì)，才有可能實(shí)現(xiàn)院校形象的提升目標(biāo)。

參考文獻(xiàn)：

[1]如何重塑品牌 柴永敏 http：//www.interbrand.com

[2]國外高校校園網(wǎng)站設(shè)計(jì)風(fēng)格的啟示 陳美紅. 電腦知識(shí)和技術(shù). Vol.6， No.23， August 2010

[3]界面設(shè)計(jì)中的信息視覺表達(dá) 李洪海. 藝術(shù)與設(shè)計(jì)（理論） 2011年12期

[4] Web 2.0與網(wǎng)頁設(shè)計(jì)http：//www.yeeyan.org/articles/view/trockeneis/3778