地方門戶網(wǎng)站東莞陽光網(wǎng)頁設(shè)計(jì)成功要素,網(wǎng)站設(shè)計(jì)論文

地方門戶網(wǎng)站東莞陽光網(wǎng)頁設(shè)計(jì)成功要素,網(wǎng)站設(shè)計(jì)論文所謂地方門戶網(wǎng)站，是指某一地區(qū)綜合性互聯(lián)網(wǎng)信息的大雜燴。其應(yīng)用系統(tǒng)包羅萬有，包括新聞、娛樂、體育、社交平臺(tái)，甚至還有郵箱、電子商務(wù)等多種功能。以東莞陽光網(wǎng)為例，該網(wǎng)聚集了東莞最權(quán)威的新聞動(dòng)態(tài)和最全面的生活資訊，設(shè)有新聞、社區(qū)、房產(chǎn)、旅游、文化、體育、生活、交友、財(cái)經(jīng)、視頻、商城、供求等20多個(gè)專業(yè)頻道。由于其資源豐富，且獲取信息便利，東莞陽光網(wǎng)已然成為東莞第一地方門戶網(wǎng)站，深受東莞網(wǎng)民的青睞，現(xiàn)日均點(diǎn)擊率超過500萬。一直以來，門戶網(wǎng)站走的都是高大全道路，以構(gòu)造強(qiáng)大的資訊資源庫，創(chuàng)造不同口味、知足不同需求的網(wǎng)民為目的。但對(duì)于讀圖時(shí)代的網(wǎng)民而言，多元快速的信息傳播早已造成一定的審美疲憊，由此養(yǎng)成了一目十行的網(wǎng)頁閱讀習(xí)慣。一個(gè)高大全的門戶網(wǎng)站，怎樣讓網(wǎng)民捉住重點(diǎn)，取其所需、博其所好，網(wǎng)站的設(shè)計(jì)及版式編排至關(guān)重要。基于此，以東莞陽光網(wǎng)為例，重點(diǎn)探究地方門戶網(wǎng)站網(wǎng)頁設(shè)計(jì)的幾大成功之處：1虛實(shí)相生的視覺流程網(wǎng)頁的作用是通過視覺元從來引人矚目而實(shí)現(xiàn)信息內(nèi)容的傳達(dá)，為了使網(wǎng)頁獲得最大的視覺傳達(dá)功能，網(wǎng)頁的設(shè)計(jì)必須適應(yīng)人們視覺流向的生理和心理特點(diǎn)。[1]網(wǎng)民打開網(wǎng)頁后，首先把著眼點(diǎn)放在哪里，其次放到哪里，再次放到哪里，最后把目光停留在哪里，停留多長(zhǎng)的時(shí)間，對(duì)于網(wǎng)站來講都非常重要。在很大程度上，這種第一視覺需要通過網(wǎng)頁設(shè)計(jì)的視覺引導(dǎo)來實(shí)現(xiàn)。以東莞陽光網(wǎng)為例，成功之處有下面幾點(diǎn)：1.1將視覺引導(dǎo)貫穿于整個(gè)網(wǎng)頁設(shè)計(jì)如網(wǎng)頁第一行各欄目的鏈接，鏈接將日常點(diǎn)擊率較高的內(nèi)容有序排列，然后細(xì)分為新聞、社區(qū)、房產(chǎn)、旅游等版塊。每一組鏈接的頭一項(xiàng)加以黑體字標(biāo)明，讓網(wǎng)民一目了然。個(gè)別欄目為最近時(shí)髦熱門，更新較快，則以紅字標(biāo)明，吸引網(wǎng)民目光。這種輕重有別的設(shè)計(jì)讓網(wǎng)民能迅速尋找到最佳視域、捕捉興趣焦點(diǎn)，進(jìn)而起到視覺引導(dǎo)的作用。后面的網(wǎng)頁則大體上跟隨欄目，分塊列出頭條重點(diǎn)，進(jìn)而構(gòu)成合理的視覺空間定位，加深網(wǎng)民的第一印象.1.2以合理的方位編排來引導(dǎo)視覺流程根據(jù)上方優(yōu)先的規(guī)律，把要聞放在網(wǎng)頁上方，從上到下依次是東莞新聞、鎮(zhèn)街新聞和國(guó)際新聞，進(jìn)而在要聞中突出地方特色，具體表現(xiàn)出地方門戶網(wǎng)站的資訊優(yōu)勢(shì)。根據(jù)左方優(yōu)先的原則，左方設(shè)置了莞視界欄目，以圖片的形式報(bào)道最近發(fā)生在本地的新聞趣事。而右方則依次為焦點(diǎn)、旅游、生活、社會(huì)、娛樂等復(fù)合欄目，報(bào)道一些國(guó)內(nèi)的趣聞?shì)W事。網(wǎng)站設(shè)計(jì)牢牢捉住了視覺中心規(guī)律，大圖類鏈接多放在網(wǎng)頁中心位置，小型圖鏈接則置于兩旁互補(bǔ)，通過圖片的大小、虛實(shí)、遠(yuǎn)近比照，成功突出中心主題。2剛?cè)岵?jì)的色彩聯(lián)想(易系辭下〕云：剛?cè)嵯嗤?，變?cè)谌A而不實(shí)矣。從美學(xué)的觀念出發(fā)，美大概能夠分為壯美和優(yōu)美.作為一個(gè)包羅萬有的門戶網(wǎng)站，網(wǎng)頁設(shè)計(jì)基于不同的內(nèi)容，既要有壯美的一面，也要有優(yōu)美的一面，剛?cè)岵?jì)才能給網(wǎng)民帶來更多元的視覺效果。色彩本身具有象征作用，色彩和界面元素的巧妙結(jié)合會(huì)賦予元素更多的感情內(nèi)涵。色彩是第一視覺的重要組成部分，網(wǎng)頁色彩的合理靈敏運(yùn)用，不但能為欄目增色不少，更能充分吸引網(wǎng)民的眼球，到達(dá)一見鐘情的效果。東莞陽光網(wǎng)沿用東莞廣播電視臺(tái)的臺(tái)標(biāo)作為網(wǎng)標(biāo)，以黃色為主色調(diào)。黃色給人以光明、希望的色彩聯(lián)想。閱讀網(wǎng)頁可見，黃色貫穿了全網(wǎng)的所有欄目，臺(tái)標(biāo)均列于每個(gè)網(wǎng)頁的左上方，臺(tái)標(biāo)右側(cè)是搜索欄，網(wǎng)頁右側(cè)是陽光網(wǎng)微信公眾號(hào)二維碼和東莞陽光臺(tái)下載二維碼等，凡帶有陽光網(wǎng)字樣的欄目，與東莞陽光網(wǎng)的主題理念配套一致。在主色調(diào)的基礎(chǔ)上，網(wǎng)頁設(shè)計(jì)者巧妙地根據(jù)各欄目的內(nèi)容，設(shè)置了不同的顏色，冠以不同的色彩聯(lián)想：2.1通過明暗度來提高網(wǎng)民的注意力。如優(yōu)惠信息類、旅游類的網(wǎng)頁以高亮度的色彩為主，給人生機(jī)勃勃的感覺；舉報(bào)犯罪活動(dòng)類、問政平臺(tái)類則使用淡雅色調(diào)，給人莊嚴(yán)肅穆的感覺。2.2通過互補(bǔ)色來調(diào)節(jié)頁面相鄰的兩個(gè)鏈接往往采用高反差色調(diào)作為調(diào)和，有效地增加了鏈接的區(qū)分度。在復(fù)合欄目的幻燈片或動(dòng)畫播放時(shí)，注重色調(diào)的變化，往往一方加強(qiáng)，一方減弱，涇渭分明。部分新聞標(biāo)題做了特殊色彩、動(dòng)畫或藝術(shù)字處理，構(gòu)成千帆競(jìng)渡，獨(dú)樹一幟的效果。2.3通過冷暖色調(diào)來調(diào)節(jié)視覺如娛樂類、消費(fèi)類、動(dòng)漫類的網(wǎng)頁，一般采用暖色調(diào)，凸顯活潑、溫馨的效果；而文化、財(cái)經(jīng)、法律、科技等網(wǎng)頁則廣泛采用冷色調(diào)，給人以厚重、理性的聯(lián)想。2.4通過平衡色彩來避免視覺疲憊東莞陽光網(wǎng)總體的色調(diào)設(shè)計(jì)采用的是簡(jiǎn)約風(fēng)格，整個(gè)網(wǎng)站沒有過多千奇百怪的非主流顏色，不同顏色所占的比例、面積和位置都經(jīng)過合理搭配，色彩間均有適當(dāng)?shù)牧舭谆螯c(diǎn)綴一些過渡顏色，使整個(gè)網(wǎng)站看上去簡(jiǎn)約而不簡(jiǎn)單養(yǎng)眼而不扎眼,色彩搭配的和諧有效地避免了長(zhǎng)時(shí)間觀看網(wǎng)頁帶來的視覺疲憊。3主次分明的布局構(gòu)造用戶界面是當(dāng)最終用戶使用系統(tǒng)時(shí)所接觸到的全部?jī)?nèi)容，無論從物理意義、感悟意義，還是從概念意義上來講，都是如此。[3]東莞陽光網(wǎng)頁面布局主要有三種形態(tài)：3.1國(guó)字型網(wǎng)站最上方是橫幅廣告條，左右兩邊羅列一些小條內(nèi)容，多為趣味性圖片、實(shí)用信息或?qū)β?lián)性廣告條等。最下面的是網(wǎng)站的主要信息，包括聯(lián)絡(luò)、地址、廣告專線等。上述內(nèi)容分列網(wǎng)站的四周，把中間的主要內(nèi)容包圍起來，使網(wǎng)站構(gòu)成國(guó)字形態(tài)。3.2拐角型拐角型多用于二級(jí)網(wǎng)頁。網(wǎng)頁頂端是廣告或其他欄目鏈接，左右華而不實(shí)一側(cè)是信息羅列，如辦事大廳、領(lǐng)導(dǎo)信箱、公眾留言、相關(guān)鏈接等，其余位置為正文。拐角形網(wǎng)頁有利于一些字?jǐn)?shù)較長(zhǎng)的文章發(fā)表，保持文章的視覺寬度，提高網(wǎng)民的閱讀速度。3.3標(biāo)題型這是最簡(jiǎn)單的形態(tài)，正文標(biāo)題至上，下面為正文及與正文相關(guān)的網(wǎng)頁鏈接。這種形態(tài)的設(shè)計(jì)多用于時(shí)政新聞、通知公告等。由于網(wǎng)頁設(shè)計(jì)簡(jiǎn)單，沒有太大的網(wǎng)絡(luò)鏈接參雜華而不實(shí)，讓網(wǎng)民能集中精神閱讀和把握文章重點(diǎn)。至于網(wǎng)頁內(nèi)容框架設(shè)置方面，常見的有：左右框架型、上下框架型、綜合框架型和封面型等。前三種構(gòu)造應(yīng)用比擬廣泛，原理相近，適用于各種類型的網(wǎng)頁，只是設(shè)置的框架位置不同。封面型框架多用于一些專題網(wǎng)頁，如陽光熱線、陽光周末等。這些專題具有常設(shè)性，往往封面設(shè)計(jì)大氣精致華美，隨著時(shí)間的推移，有利于構(gòu)成一定的欄目品牌效應(yīng)和標(biāo)識(shí)效應(yīng)。4結(jié)束語在視覺優(yōu)先的當(dāng)代社會(huì)，人們?cè)谥v務(wù)實(shí)用性的同時(shí)，也追求視覺的美感，這與生活品質(zhì)有關(guān)；在資訊爆炸的2.0時(shí)代，人們接收訊息的渠道多元而廣泛，作為地方門戶網(wǎng)站，想在諸多競(jìng)爭(zhēng)對(duì)手中突圍而出，離不開獨(dú)具匠心的網(wǎng)站設(shè)計(jì)。這一點(diǎn)，東莞陽光網(wǎng)做到了。以下為參考文獻(xiàn)：[1]張婷婷.教學(xué)網(wǎng)站中視覺傳達(dá)設(shè)計(jì)研究[D].山東師范大學(xué)碩士論文.2007年10月[2]李藝.