2021-4-10 | 網(wǎng)站設(shè)計(jì)論文
一、結(jié)果與分析
1、頁(yè)面風(fēng)格
離退休工作處網(wǎng)站在色彩的運(yùn)用上,若整體上以藍(lán)色為底,則屬于冷色調(diào)為主;而淡黃至橙黃及橙色屬于暖色調(diào),與老年人需要更多的關(guān)愛切合。10家網(wǎng)站中,以白色至灰白色為底的網(wǎng)站有4家,以淡黃至橙黃及橙色為底的網(wǎng)站有4家,以藍(lán)色為底的網(wǎng)站有1家,以綠色為底的網(wǎng)站有1家。絕大多數(shù)高校采用的是暖色調(diào)為主的色彩搭配。整體上,這10家網(wǎng)站給人的印象是簡(jiǎn)潔明了,重點(diǎn)突出。在一般性的新聞報(bào)道中,文字與圖片有機(jī)結(jié)合在一起,能夠使瀏覽者閱讀起來輕松、不費(fèi)力氣。調(diào)查中,10家網(wǎng)站頁(yè)面中的文字部分總體上較多,而圖片部分則顯得相對(duì)較少。文字內(nèi)容的描寫與圖片的展示也比較集中,且相對(duì)關(guān)聯(lián)較緊密,能夠讓網(wǎng)絡(luò)瀏覽者一目了然地作出選擇或判斷,是繼續(xù)點(diǎn)擊相關(guān)內(nèi)容還是退出該網(wǎng)頁(yè)。值得注意的是,有的網(wǎng)站頂部菜單欄上面為閃動(dòng)播放的Flash插件,其閃動(dòng)文字為“老有所養(yǎng),老有所醫(yī),老有所學(xué),老有所教,老有所為,老有所樂,發(fā)熱生輝,紅在夕陽(yáng)”,這些文字較為直觀地揭示了離退休管理工作的宗旨所在。美中不足的是,其文字閃動(dòng)過程中容易使眼睛產(chǎn)生不舒適感,建議去掉文字在消逝過程中的虛幻變化過程,或降低速度,以便眼睛產(chǎn)生舒適感。南京林業(yè)大學(xué)離退休工作處網(wǎng)站(http://tuix-iu.nifu.edu.cn/)以綠色為底,logo為校徽、銀杏的綠葉,“南京林業(yè)大學(xué)離退休工作處”字樣十分醒目突出。南京大學(xué)離退休工作處網(wǎng)站(http://ltx.nju.edu.cn/)在色彩搭配的處理上較為恰當(dāng),以黃色銀杏葉圖案及南京大學(xué)標(biāo)志性建筑為logo圖案,顯得較為醒目。不同的版塊采用了粉紅、綠色等不同程度的色調(diào)以示區(qū)別,整體上感覺比較適宜老年人閱讀。
2、頁(yè)面布局
通過調(diào)查發(fā)現(xiàn),10所高校的離退休工作處網(wǎng)站在頁(yè)面布局上多采用“同”字型布局或九宮格式布局。“同”字型布局的特點(diǎn)為頁(yè)面的頂部為水平放置的主導(dǎo)航欄,其主體網(wǎng)頁(yè)部分則一般分為左、中、右3列。九宮格式布局表現(xiàn)在網(wǎng)頁(yè)的中間部分具有4個(gè)交叉點(diǎn),構(gòu)成了視覺中心點(diǎn),能夠有效地達(dá)到傳播重要信息的效果。相對(duì)于歐美風(fēng)格的網(wǎng)站,這些網(wǎng)站在圖片的處理與應(yīng)用上顯得不夠精致與細(xì)膩,能夠與區(qū)域的劃分、區(qū)塊大小合理搭配的不是很多。究其原因,主要在于網(wǎng)站的設(shè)計(jì)者一般為各高校網(wǎng)絡(luò)中心,或者是外請(qǐng)的社會(huì)上的網(wǎng)絡(luò)公司,其設(shè)計(jì)人員對(duì)于離退休工作的特點(diǎn)及老年人的需求了解的不是很清晰透徹,往往只滿足于完成任務(wù),只是粗淺地將平臺(tái)搭建起來。能夠沉下心來細(xì)心打磨,從而使網(wǎng)站的設(shè)計(jì)做到量體裁衣、滿足離退休人員需求的不多。南京財(cái)經(jīng)大學(xué)離退休工作處網(wǎng)站(http://lgb.njue.edu.cn/),采用了較為簡(jiǎn)單的兩列式框架。總體上看,左側(cè)近1/4寬度由上而下分別為“最新文章”與“熱門文章”。“友情鏈接”列出了3個(gè)鏈接單位,分別為“財(cái)大首頁(yè)”“中國(guó)老年網(wǎng)”“老小孩”。其中,“老小孩”為無效鏈接,點(diǎn)擊后無法找到其鏈接內(nèi)容。右側(cè)一列占寬3/4,分別為“最新文章”“工作動(dòng)態(tài)”“支部工作”“老年社團(tuán)”“關(guān)工委”“重要信息”。其中,內(nèi)容有部分重疊。南京中醫(yī)藥大學(xué)離退休工作處網(wǎng)站(http://ltc.njutcm.edu.cn/),頁(yè)面整體上較為細(xì)膩,色調(diào)偏暖色。其欄目似由上而下分行之感,并且采用了復(fù)合式顯示不同欄目的內(nèi)容。如“近期新聞”與“通知公告”并列,“工作動(dòng)態(tài)”與“政策法規(guī)”并列,“黨建生活”與“新聞簡(jiǎn)報(bào)”并列,“圖片薈萃”與“活動(dòng)中心”并列在一起。雖有時(shí)感覺不習(xí)慣,但鼠標(biāo)在上面接觸后立即出現(xiàn)相應(yīng)的文字內(nèi)容,且速度較快,故并無不適之感。南京工業(yè)大學(xué)離退休工作處網(wǎng)站(http://ltx.njut.edu.cn/),圖片與文字分區(qū)域顯示。中間占據(jù)1/2面積的一列自上而下有“動(dòng)態(tài)信息”“銀發(fā)廣場(chǎng)”“精彩瞬間”3個(gè)欄目。其中,“精彩瞬間”因其中圖片自右往左移動(dòng),速度過快,瀏覽者會(huì)有眩暈的感覺。建議將閃動(dòng)的速度調(diào)慢,以便給閱讀者或觀看者以美和舒適的享受,否則他們便會(huì)因眼睛不適而迅速地關(guān)掉該網(wǎng)頁(yè)。
3、頁(yè)面執(zhí)行速度
整體上感覺頁(yè)面執(zhí)行速度較快。因?yàn)檫@些高校離退休工作處網(wǎng)站或是建站時(shí)間不長(zhǎng),或是總體信息量不夠大,往往只是高校網(wǎng)站的一個(gè)組成部分,故在點(diǎn)擊后,網(wǎng)絡(luò)速度均較快,能夠即時(shí)出現(xiàn)需要的內(nèi)容。在網(wǎng)站布局設(shè)計(jì)上,基本采用文字與圖片的簡(jiǎn)潔搭配,且長(zhǎng)文不多,往往呈簡(jiǎn)單明了狀,在圖片分辨率與大小的處理上也不夠細(xì)膩。故快速與簡(jiǎn)潔為高校離退休網(wǎng)站的共性風(fēng)格。值得一提的是,由于網(wǎng)絡(luò)管理跟不上,或者因網(wǎng)絡(luò)改版等原因,經(jīng)常會(huì)出現(xiàn)一些網(wǎng)絡(luò)鏈接為無效鏈接、圖片無法顯示或不存在等現(xiàn)象,網(wǎng)管人員及主要負(fù)責(zé)人要及時(shí)跟進(jìn)維護(hù)。
4、是否應(yīng)用單獨(dú)色塊對(duì)區(qū)域及重點(diǎn)內(nèi)容進(jìn)行劃分
綜觀這些高校離退休工作處網(wǎng)站,大多沒有采用明顯的、單獨(dú)的色塊對(duì)區(qū)域及重點(diǎn)內(nèi)容進(jìn)行劃分。取而代之的是,使用不同的欄目區(qū)分不同的區(qū)域布局,且在色彩方面做到了過渡自然,瀏覽者并未在視覺上產(chǎn)生審美疲勞。歐美一些網(wǎng)站的設(shè)計(jì)師,除了注重基礎(chǔ)底色的運(yùn)用,往往也會(huì)運(yùn)用一些色彩鮮艷、表現(xiàn)強(qiáng)烈的顏色到網(wǎng)站設(shè)計(jì)中,達(dá)到刺激瀏覽者感官的效果。與之相比,這些高校離退休工作處在網(wǎng)站設(shè)計(jì)之前,可以考慮這方面的因素,向設(shè)計(jì)師提出這方面的要求,從而達(dá)到較強(qiáng)的視覺感受力和較好的網(wǎng)絡(luò)傳播效果。目前,一些高校的離退休工作處網(wǎng)站已經(jīng)有意或無意地加入了這個(gè)元素,使得網(wǎng)站更具視覺沖擊力,更能吸引瀏覽者的眼球。如南京林業(yè)大學(xué)離退休工作處網(wǎng)站,將“江蘇省離退休干部之家網(wǎng)上服務(wù)平臺(tái)”作為一個(gè)圖標(biāo)放在明顯位置,其色彩較為鮮艷奪目,達(dá)到了吸引眼球的效果。南京大學(xué)離退休處網(wǎng)站采用不同的色塊以示區(qū)別。“管理系統(tǒng)”采用不同的色塊放于左側(cè)中間位置,便于網(wǎng)站瀏覽者注冊(cè)、上網(wǎng)、管理等之用,還能夠吸引讀者注冊(cè),并在以后日常生活中隨時(shí)上網(wǎng)瀏覽該網(wǎng)頁(yè)。南京理工大學(xué)離退休處網(wǎng)站(http://ltx.njust.edu.cn/),局部小區(qū)域采用了紅黃相間的色塊以示區(qū)別。如將“江蘇省離退休干部之家網(wǎng)上服務(wù)平臺(tái)”的標(biāo)塊放在了右下角,較為顯眼,可以讓瀏覽者產(chǎn)生點(diǎn)擊進(jìn)入的想法,從而起到了吸引讀者和宣傳的作用。河海大學(xué)離退休工作處網(wǎng)站(http://ltxc.hhu.edu.cn/),“最新動(dòng)態(tài)”與“通知通告”2個(gè)版塊均采用統(tǒng)一的醬紅色顯示標(biāo)題10多行。從總體上看,分為3列。左側(cè)一列由上而下為“最新圖片新聞”“老年相關(guān)網(wǎng)站鏈接”及“生活指南”欄目。中間一列重點(diǎn)突出“最新動(dòng)態(tài)”與“通知通告”內(nèi)容。右側(cè)一列則為“信息欄”“在寧部分高校鏈接”“學(xué)校相關(guān)部門鏈接”以及“老齡園地”等內(nèi)容。從所占面積比例看,兩側(cè)各占1/4,中間一列占1/2。從色塊搭配方面看,缺乏精細(xì)加工與色彩的和諧美感。南京師范大學(xué)離退休工作處(黨工委)網(wǎng)站(ht-tp://ltx.njnu.edu.cn/)雖然未采用明顯單獨(dú)色塊對(duì)區(qū)域及重點(diǎn)內(nèi)容進(jìn)行劃分,但使用不同的欄目區(qū)分不同的區(qū)域布局,且在色彩方面做到了過渡自然,使瀏覽者不會(huì)產(chǎn)生視覺上的審美疲勞。南京工業(yè)大學(xué)離退休工作處網(wǎng)站,因整體上以橙色為底板,故在分區(qū)上,采用了更深的橙色以示區(qū)別,給瀏覽者較為明顯的夕陽(yáng)紅的感覺。瀏覽者一進(jìn)入網(wǎng)站便會(huì)被其所播放的《夕陽(yáng)紅》歌曲所“繚繞”,由于不能夠控制該歌曲的播放與暫停,時(shí)間停留稍長(zhǎng)便會(huì)產(chǎn)生想逃跑的感覺,不利于瀏覽者在該頁(yè)面的停留,建議網(wǎng)絡(luò)管理者采用技術(shù)手段,在顯示頁(yè)面上增加選擇按鈕,讓瀏覽者可以選擇收聽或者不聽。
5、藝術(shù)字體的設(shè)計(jì)及應(yīng)用
一些國(guó)際知名企業(yè)或大公司的網(wǎng)站,往往會(huì)使用企業(yè)名稱或其縮寫作為標(biāo)志,或者在其廣告中使用其產(chǎn)品以及宣傳理念的標(biāo)題性文字或者文字縮寫,從而取得較好的傳播效果。整體上看,這些高校離退休工作處網(wǎng)站的設(shè)計(jì)缺乏這方面的意識(shí)以及手段。在實(shí)際的工作中,應(yīng)該與國(guó)際接軌,充分借鑒國(guó)際上一些好的做法,設(shè)計(jì)并利用藝術(shù)性字體,從而達(dá)到極佳的效果。
二、結(jié)論與討論
相對(duì)來說,南京大學(xué)、南京林業(yè)大學(xué)、南京師范大學(xué)等高校的離退休工作處網(wǎng)站的設(shè)計(jì),注意到了色彩的搭配,頁(yè)面布局較好。更為重要的是,其網(wǎng)站信息容量相對(duì)較大,達(dá)到了較佳的傳播效果。通過調(diào)查分析可以看出,江蘇省南京市一些高校的離退休工作處網(wǎng)站在設(shè)計(jì)風(fēng)格方面尚缺乏較為成熟的經(jīng)驗(yàn),處于各自為戰(zhàn)的階段。在網(wǎng)站設(shè)計(jì)中,應(yīng)考慮頁(yè)面風(fēng)格、頁(yè)面布局、是否應(yīng)用單獨(dú)色塊對(duì)區(qū)域及重點(diǎn)內(nèi)容進(jìn)行劃分等因素,大膽使用藝術(shù)字體,以取得極佳的傳播效果,并形成自己的風(fēng)格。
作者:周賢軍 薛沖 趙安珍 張海風(fēng) 李廣寧 胡佐 溫金芳 單位:南京林業(yè)大學(xué)離退休工作處