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

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