在寧高校離退休工作處網(wǎng)站設(shè)計風(fēng)格考察

周賢軍，薛 沖，趙安珍，張海風(fēng)，李廣寧，胡 佐，溫金芳

(南京林業(yè)大學(xué)離退休工作處，江蘇南京 210037)

風(fēng)格，說到底就是與眾不同、別有風(fēng)味。網(wǎng)站風(fēng)格是網(wǎng)站設(shè)計者通過對網(wǎng)站布局及網(wǎng)站內(nèi)容本身帶給網(wǎng)頁瀏覽者的綜合感受，而且這種感受是抽象的［1－6］。網(wǎng)站的整體風(fēng)格一定是建立在有價值的內(nèi)容之上的，包括網(wǎng)頁的質(zhì)量與價值等多個方面。本文的初衷是通過對部分高校離退休工作處網(wǎng)站的考察，尤其是網(wǎng)站設(shè)計風(fēng)格的考察，了解不同元素對網(wǎng)站風(fēng)格形成的影響，以指導(dǎo)網(wǎng)站的相關(guān)設(shè)計與維護。

1 材料與方法

通過網(wǎng)絡(luò)搜索，查找江蘇省南京市的各高校離退休工作處網(wǎng)站，選擇其中的12所高校逐一進行調(diào)查。這12所高校分別為東南大學(xué)、河海大學(xué)、南京財經(jīng)大學(xué)、南京工業(yè)大學(xué)、南京農(nóng)業(yè)大學(xué)、南京師范大學(xué)、南京醫(yī)科大學(xué)、南京中醫(yī)藥大學(xué)、南京郵電大學(xué)、南京理工大學(xué)、南京大學(xué)與南京林業(yè)大學(xué)。其中，2所高校即東南大學(xué)、南京農(nóng)業(yè)大學(xué)沒有獨立的網(wǎng)頁，其設(shè)置均為該校人事處的一個科室。如東南大學(xué)人事處退休科僅在“人事處”網(wǎng)頁的“機構(gòu)介紹”中介紹了該科室的聯(lián)系電話和辦公地點，在“工作職責(zé)”中介紹了該科室的6條工作職責(zé)。南京農(nóng)業(yè)大學(xué)僅在其“人事信息網(wǎng)”網(wǎng)頁出現(xiàn)“退管科”，在“科室介紹”中列出了退管科的主要職責(zé)以及科室成員姓名、電話及辦公地點等，信息量較少。綜上，選擇余下的10家網(wǎng)站逐一進行調(diào)查。針對頁面風(fēng)格、頁面布局、頁面執(zhí)行速度、是否應(yīng)用單獨色塊對區(qū)域及重點內(nèi)容進行劃分等影響因子進行分析。

2 結(jié)果與分析

2.1 頁面風(fēng)格

離退休工作處網(wǎng)站在色彩的運用上，若整體上以藍色為底，則屬于冷色調(diào)為主;而淡黃至橙黃及橙色屬于暖色調(diào)，與老年人需要更多的關(guān)愛切合。10家網(wǎng)站中，以白色至灰白色為底的網(wǎng)站有4家，以淡黃至橙黃及橙色為底的網(wǎng)站有4家，以藍色為底的網(wǎng)站有1家，以綠色為底的網(wǎng)站有1家。絕大多數(shù)高校采用的是暖色調(diào)為主的色彩搭配。整體上，這10家網(wǎng)站給人的印象是簡潔明了，重點突出。

在一般性的新聞報道中，文字與圖片有機結(jié)合在一起，能夠使瀏覽者閱讀起來輕松、不費力氣。調(diào)查中，10家網(wǎng)站頁面中的文字部分總體上較多，而圖片部分則顯得相對較少。文字內(nèi)容的描寫與圖片的展示也比較集中，且相對關(guān)聯(lián)較緊密，能夠讓網(wǎng)絡(luò)瀏覽者一目了然地作出選擇或判斷，是繼續(xù)點擊相關(guān)內(nèi)容還是退出該網(wǎng)頁。

值得注意的是，有的網(wǎng)站頂部菜單欄上面為閃動播放的Flash插件，其閃動文字為“老有所養(yǎng)，老有所醫(yī)，老有所學(xué)，老有所教，老有所為，老有所樂，發(fā)熱生輝，紅在夕陽”，這些文字較為直觀地揭示了離退休管理工作的宗旨所在。美中不足的是，其文字閃動過程中容易使眼睛產(chǎn)生不舒適感，建議去掉文字在消逝過程中的虛幻變化過程，或降低速度，以便眼睛產(chǎn)生舒適感。

南京林業(yè)大學(xué)離退休工作處網(wǎng)站(http://tuixiu.nifu.edu.cn/)以綠色為底，logo 為?；?、銀杏的綠葉，“南京林業(yè)大學(xué)離退休工作處”字樣十分醒目突出。

南京大學(xué)離退休工作處網(wǎng)站(http://ltx.nju.edu.cn/)在色彩搭配的處理上較為恰當(dāng)，以黃色銀杏葉圖案及南京大學(xué)標(biāo)志性建筑為logo圖案，顯得較為醒目。不同的版塊采用了粉紅、綠色等不同程度的色調(diào)以示區(qū)別，整體上感覺比較適宜老年人閱讀。

2.2 頁面布局

通過調(diào)查發(fā)現(xiàn)，10所高校的離退休工作處網(wǎng)站在頁面布局上多采用“同”字型布局或九宮格式布局?！巴弊中筒季值奶攸c為頁面的頂部為水平放置的主導(dǎo)航欄，其主體網(wǎng)頁部分則一般分為左、中、右3列。九宮格式布局表現(xiàn)在網(wǎng)頁的中間部分具有4個交叉點，構(gòu)成了視覺中心點，能夠有效地達到傳播重要信息的效果。

相對于歐美風(fēng)格的網(wǎng)站，這些網(wǎng)站在圖片的處理與應(yīng)用上顯得不夠精致與細(xì)膩，能夠與區(qū)域的劃分、區(qū)塊大小合理搭配的不是很多。究其原因，主要在于網(wǎng)站的設(shè)計者一般為各高校網(wǎng)絡(luò)中心，或者是外請的社會上的網(wǎng)絡(luò)公司，其設(shè)計人員對于離退休工作的特點及老年人的需求了解的不是很清晰透徹，往往只滿足于完成任務(wù)，只是粗淺地將平臺搭建起來。能夠沉下心來細(xì)心打磨，從而使網(wǎng)站的設(shè)計做到量體裁衣、滿足離退休人員需求的不多。

南京財經(jīng)大學(xué)離退休工作處網(wǎng)站(http://lgb.njue.edu.cn/)，采用了較為簡單的兩列式框架?？傮w上看，左側(cè)近1/4寬度由上而下分別為“最新文章”與“熱門文章”?！坝亚殒溄印绷谐隽?個鏈接單位，分別為“財大首頁”“中國老年網(wǎng)”“老小孩”。其中，“老小孩”為無效鏈接，點擊后無法找到其鏈接內(nèi)容。右側(cè)一列占寬3/4，分別為“最新文章”“工作動態(tài)”“支部工作”“老年社團”“關(guān)工委”“重要信息”。其中，內(nèi)容有部分重疊。

南京中醫(yī)藥大學(xué)離退休工作處網(wǎng)站(http://ltc.njutcm.edu.cn/)，頁面整體上較為細(xì)膩，色調(diào)偏暖色。其欄目似由上而下分行之感，并且采用了復(fù)合式顯示不同欄目的內(nèi)容。如“近期新聞”與“通知公告”并列，“工作動態(tài)”與“政策法規(guī)”并列，“黨建生活”與“新聞簡報”并列，“圖片薈萃”與“活動中心”并列在一起。雖有時感覺不習(xí)慣，但鼠標(biāo)在上面接觸后立即出現(xiàn)相應(yīng)的文字內(nèi)容，且速度較快，故并無不適之感。

南京工業(yè)大學(xué)離退休工作處網(wǎng)站(http://ltx.njut.edu.cn/)，圖片與文字分區(qū)域顯示。中間占據(jù)1/2面積的一列自上而下有“動態(tài)信息”“銀發(fā)廣場”“精彩瞬間”3個欄目。其中，“精彩瞬間”因其中圖片自右往左移動，速度過快，瀏覽者會有眩暈的感覺。建議將閃動的速度調(diào)慢，以便給閱讀者或觀看者以美和舒適的享受，否則他們便會因眼睛不適而迅速地關(guān)掉該網(wǎng)頁。

2.3 頁面執(zhí)行速度

整體上感覺頁面執(zhí)行速度較快。因為這些高校離退休工作處網(wǎng)站或是建站時間不長，或是總體信息量不夠大，往往只是高校網(wǎng)站的一個組成部分，故在點擊后，網(wǎng)絡(luò)速度均較快，能夠即時出現(xiàn)需要的內(nèi)容。在網(wǎng)站布局設(shè)計上，基本采用文字與圖片的簡潔搭配，且長文不多，往往呈簡單明了狀，在圖片分辨率與大小的處理上也不夠細(xì)膩。故快速與簡潔為高校離退休網(wǎng)站的共性風(fēng)格。

值得一提的是，由于網(wǎng)絡(luò)管理跟不上，或者因網(wǎng)絡(luò)改版等原因，經(jīng)常會出現(xiàn)一些網(wǎng)絡(luò)鏈接為無效鏈接、圖片無法顯示或不存在等現(xiàn)象，網(wǎng)管人員及主要負(fù)責(zé)人要及時跟進維護。

2.4 是否應(yīng)用單獨色塊對區(qū)域及重點內(nèi)容進行劃分

綜觀這些高校離退休工作處網(wǎng)站，大多沒有采用明顯的、單獨的色塊對區(qū)域及重點內(nèi)容進行劃分。取而代之的是，使用不同的欄目區(qū)分不同的區(qū)域布局，且在色彩方面做到了過渡自然，瀏覽者并未在視覺上產(chǎn)生審美疲勞。歐美一些網(wǎng)站的設(shè)計師，除了注重基礎(chǔ)底色的運用，往往也會運用一些色彩鮮艷、表現(xiàn)強烈的顏色到網(wǎng)站設(shè)計中，達到刺激瀏覽者感官的效果。與之相比，這些高校離退休工作處在網(wǎng)站設(shè)計之前，可以考慮這方面的因素，向設(shè)計師提出這方面的要求，從而達到較強的視覺感受力和較好的網(wǎng)絡(luò)傳播效果。

目前，一些高校的離退休工作處網(wǎng)站已經(jīng)有意或無意地加入了這個元素，使得網(wǎng)站更具視覺沖擊力，更能吸引瀏覽者的眼球。如南京林業(yè)大學(xué)離退休工作處網(wǎng)站，將“江蘇省離退休干部之家網(wǎng)上服務(wù)平臺”作為一個圖標(biāo)放在明顯位置，其色彩較為鮮艷奪目，達到了吸引眼球的效果。

南京大學(xué)離退休處網(wǎng)站采用不同的色塊以示區(qū)別?！肮芾硐到y(tǒng)”采用不同的色塊放于左側(cè)中間位置，便于網(wǎng)站瀏覽者注冊、上網(wǎng)、管理等之用，還能夠吸引讀者注冊，并在以后日常生活中隨時上網(wǎng)瀏覽該網(wǎng)頁。

南京理工大學(xué)離退休處網(wǎng)站(http://ltx.njust.edu.cn/)，局部小區(qū)域采用了紅黃相間的色塊以示區(qū)別。如將“江蘇省離退休干部之家網(wǎng)上服務(wù)平臺”的標(biāo)塊放在了右下角，較為顯眼，可以讓瀏覽者產(chǎn)生點擊進入的想法，從而起到了吸引讀者和宣傳的作用。

河海大學(xué)離退休工作處網(wǎng)站(http://ltxc.hhu.edu.cn/)，“最新動態(tài)”與“通知通告”2個版塊均采用統(tǒng)一的醬紅色顯示標(biāo)題10多行。從總體上看，分為3列。左側(cè)一列由上而下為“最新圖片新聞”“老年相關(guān)網(wǎng)站鏈接”及“生活指南”欄目。中間一列重點突出“最新動態(tài)”與“通知通告”內(nèi)容。右側(cè)一列則為“信息欄”“在寧部分高校鏈接”“學(xué)校相關(guān)部門鏈接”以及“老齡園地”等內(nèi)容。從所占面積比例看，兩側(cè)各占1/4，中間一列占1/2。從色塊搭配方面看，缺乏精細(xì)加工與色彩的和諧美感。

南京師范大學(xué)離退休工作處(黨工委)網(wǎng)站(http://ltx.njnu.edu.cn/)雖然未采用明顯單獨色塊對區(qū)域及重點內(nèi)容進行劃分，但使用不同的欄目區(qū)分不同的區(qū)域布局，且在色彩方面做到了過渡自然，使瀏覽者不會產(chǎn)生視覺上的審美疲勞。

南京工業(yè)大學(xué)離退休工作處網(wǎng)站，因整體上以橙色為底板，故在分區(qū)上，采用了更深的橙色以示區(qū)別，給瀏覽者較為明顯的夕陽紅的感覺。瀏覽者一進入網(wǎng)站便會被其所播放的《夕陽紅》歌曲所“繚繞”，由于不能夠控制該歌曲的播放與暫停，時間停留稍長便會產(chǎn)生想逃跑的感覺，不利于瀏覽者在該頁面的停留，建議網(wǎng)絡(luò)管理者采用技術(shù)手段，在顯示頁面上增加選擇按鈕，讓瀏覽者可以選擇收聽或者不聽。

2.5 藝術(shù)字體的設(shè)計及應(yīng)用

一些國際知名企業(yè)或大公司的網(wǎng)站，往往會使用企業(yè)名稱或其縮寫作為標(biāo)志，或者在其廣告中使用其產(chǎn)品以及宣傳理念的標(biāo)題性文字或者文字縮寫，從而取得較好的傳播效果。

整體上看，這些高校離退休工作處網(wǎng)站的設(shè)計缺乏這方面的意識以及手段。在實際的工作中，應(yīng)該與國際接軌，充分借鑒國際上一些好的做法，設(shè)計并利用藝術(shù)性字體，從而達到極佳的效果。

3 結(jié)論與討論

相對來說，南京大學(xué)、南京林業(yè)大學(xué)、南京師范大學(xué)等高校的離退休工作處網(wǎng)站的設(shè)計，注意到了色彩的搭配，頁面布局較好。更為重要的是，其網(wǎng)站信息容量相對較大，達到了較佳的傳播效果。

通過調(diào)查分析可以看出，江蘇省南京市一些高校的離退休工作處網(wǎng)站在設(shè)計風(fēng)格方面尚缺乏較為成熟的經(jīng)驗，處于各自為戰(zhàn)的階段。在網(wǎng)站設(shè)計中，應(yīng)考慮頁面風(fēng)格、頁面布局、是否應(yīng)用單獨色塊對區(qū)域及重點內(nèi)容進行劃分等因素，大膽使用藝術(shù)字體，以取得極佳的傳播效果，并形成自己的風(fēng)格。

［1］王志瑋.淺談網(wǎng)站風(fēng)格設(shè)計［J］.價值工程，2011(13):171.

［2］張鮮明.網(wǎng)站建設(shè)的風(fēng)格創(chuàng)意與設(shè)計［J］.實驗室研究與探索，2010，29(7):61 －63，70.

［3］趙素蕊，柳冬青.網(wǎng)站設(shè)計風(fēng)格與色彩［J］.商場現(xiàn)代化，2007(11):136－137.

［4］徐美雅.淺談網(wǎng)站風(fēng)格設(shè)計的基本要求［J］.天津電大學(xué)報，2009，13(1):59 －62.

［5］楊素芳.試論網(wǎng)站設(shè)計中的風(fēng)格和技巧［J］.山西廣播電視大學(xué)學(xué)報，2009(2):100－101.

［6］劉振文，王卉.網(wǎng)站設(shè)計風(fēng)格與跨文化傳播啟示［J］.天水師范學(xué)院學(xué)報，2009，29(5):142 －144.