政府網(wǎng)站界面設(shè)計(jì)思路淺談

作者：韓穎 2011-10-08 16:13:55

政府網(wǎng)站是面向社會各界發(fā)布政務(wù)信息、提供網(wǎng)上辦事服務(wù)、反映社情民意的綜合性網(wǎng)站，也是透視政府工作和了解城市全貌的窗口。網(wǎng)站界面作為政府的“門面”，可以帶給瀏覽者最直觀的感受，同時(shí)也從一個(gè)側(cè)面反映政府形象。當(dāng)前，建設(shè)服務(wù)型政府網(wǎng)站要體現(xiàn)“以人為本”的服務(wù)理念，因此網(wǎng)站設(shè)計(jì)不管從界面風(fēng)格、色彩搭配還是媒體技術(shù)的應(yīng)用等等，都要以用戶為中心作為出發(fā)點(diǎn)。下面我從以下幾點(diǎn)談?wù)務(wù)W(wǎng)站的設(shè)計(jì)思路：

一、增強(qiáng)用戶體驗(yàn)設(shè)計(jì)

政府網(wǎng)站的用戶體驗(yàn)（User Experience，簡稱UE）是指用戶訪問政府網(wǎng)站的過程中所產(chǎn)生的純主觀的心理感受。目前我國部分政府網(wǎng)站還存在受眾少、用戶關(guān)注度不高的情況，網(wǎng)站建設(shè)多是以充分實(shí)現(xiàn)三大功能（信息公開、網(wǎng)上辦事、公眾互動）為目標(biāo)，而沒有把提高用戶體驗(yàn)擺到重要位置。隨著計(jì)算機(jī)技術(shù)和互聯(lián)網(wǎng)的發(fā)展，只有更加人性化的設(shè)計(jì)才能贏得受眾，才能逐步提升政府網(wǎng)站的影響力和宣傳力，因此設(shè)計(jì)要從傳統(tǒng)的用戶界面(interface)向用戶體驗(yàn)(experience)轉(zhuǎn)變。

二、明確網(wǎng)站設(shè)計(jì)風(fēng)格

政府網(wǎng)站的界面設(shè)計(jì)要注意簡潔大方、清新美觀、特色鮮明。當(dāng)前，一些政府門戶網(wǎng)站個(gè)性不足，不能體現(xiàn)當(dāng)?shù)靥厣Ｊ交F(xiàn)象嚴(yán)重。

為設(shè)計(jì)具有風(fēng)格特色的政府網(wǎng)站，更好的體現(xiàn)網(wǎng)站定位，展現(xiàn)政府的親和力和表現(xiàn)力，因此在設(shè)計(jì)過程中要緊緊抓住本地區(qū)的歷史沿革、地域文化、民族特色等個(gè)性特點(diǎn)，選取標(biāo)志性的圖片、象征意義的色彩，并運(yùn)用相關(guān)技術(shù)手段進(jìn)行藝術(shù)加工，設(shè)計(jì)出一套整體形象，久而久之，就成為形成當(dāng)?shù)靥厣?/div>

如：北京市政務(wù)門戶網(wǎng)站整體界面風(fēng)格是現(xiàn)代中不失莊重，設(shè)計(jì)簡潔美觀。多處采用北京特色元素，如墨跡圖章logo、故宮角樓以及北海公園等，充分體現(xiàn)了北京兼具有深厚的歷史文化底蘊(yùn)與充滿活力的現(xiàn)代科技?xì)庀⒌娘L(fēng)格特點(diǎn)。

三、準(zhǔn)確運(yùn)用色彩搭配

在網(wǎng)頁中，準(zhǔn)確運(yùn)用色彩搭配也是非常重要的。它不僅可以使訪問者產(chǎn)生最直觀的視覺感受，也能同時(shí)拉近網(wǎng)站與訪問者的距離，提高訪問者理解的準(zhǔn)確度。

政府門戶網(wǎng)站網(wǎng)頁的色彩色調(diào)設(shè)計(jì)要盡量做到穩(wěn)重、大氣、協(xié)調(diào)。首先，確定主色調(diào)。主色調(diào)是頁面的主要色彩傾向。當(dāng)前，政府門戶網(wǎng)站網(wǎng)頁主色調(diào)以紅色和藍(lán)色居多，也有依照地方特色，根據(jù)顏色設(shè)置獨(dú)特的網(wǎng)頁色彩。其次，明確配色方案。合理運(yùn)用色彩規(guī)律，以主色調(diào)為中心，利用色彩的明度、純度、色相三要素的變化和主色調(diào)一起構(gòu)成網(wǎng)頁整體和諧統(tǒng)一的色彩關(guān)系。同時(shí)注意網(wǎng)頁配色方案中色彩種類最好不要超過四種。

如：杭州是我國重點(diǎn)的風(fēng)景旅游城市和歷史文化名城，頁面設(shè)計(jì)以藍(lán)綠色調(diào)構(gòu)成，紅色字起到突出的作用，網(wǎng)站整體充分體現(xiàn)了“上有天堂、下有蘇杭”山清水秀的感覺，讓人流連忘返。

四、合理布局網(wǎng)站界面

政府網(wǎng)站頁面上元素主要由文字、色彩、動畫、聲音、腳本等構(gòu)成。界面布局排版就是要有機(jī)地組織這些要素,充分清晰地表現(xiàn)出網(wǎng)站主題和信息架構(gòu),給用戶良好的操作界面和視覺效果。在界面布局中需要考慮以下問題：

政府網(wǎng)站多采用以信息公開、在線辦事、公眾參與三大功能定位為劃分原則，設(shè)計(jì)3欄式布局方式，結(jié)構(gòu)清晰，便于用戶使用和查找相關(guān)信息。根據(jù)用戶瀏覽習(xí)慣，首先觀察網(wǎng)頁的左上部和上面部分，之后再往下閱讀，再閱讀右側(cè)內(nèi)容，呈現(xiàn)“F”型。因此，在欄目布局上也應(yīng)將重要內(nèi)容集中在這些關(guān)鍵區(qū)域，獲得更多關(guān)注。

從頁面寬度看，基于800×600分辨率的寬度設(shè)計(jì)網(wǎng)頁已經(jīng)過時(shí)，目前以1024×768分辨率的設(shè)計(jì)居多。也可以采用自適應(yīng)屏幕寬度設(shè)計(jì)，在各種分辨率條件下都能取得較好的效果。從頁面長度來看，我國政府門戶網(wǎng)站首頁絕大部分采用多頁式結(jié)構(gòu)。使主頁內(nèi)容顯得豐富的同時(shí)要避免頁面超過三屏，顯得過分冗長。單頁式首頁一般為導(dǎo)航型門戶網(wǎng)站采用，該頁面注意導(dǎo)航系統(tǒng)的設(shè)計(jì)，將三大功能定位整合在一個(gè)頁面上，通過頁簽切換來實(shí)現(xiàn)各欄目展現(xiàn)，力求周全便捷，避免給用戶進(jìn)一步獲取信息帶來困難。

對政府門戶網(wǎng)站而言，文字字體與字型的選擇也相當(dāng)重要。字體應(yīng)使用兼容的或系統(tǒng)默認(rèn)的缺省字體，如黑體、宋體、仿宋及隸書等，如果確實(shí)需要其它非常用字體，可將字體圖形化后作為圖片插入網(wǎng)頁中使用。同時(shí)還應(yīng)注意留白處理，為突出不同字體的形態(tài)特征和區(qū)分段落，留出相應(yīng)的空白，空白處理對于提高視覺效果有極重要的影響,使分類集中。另外，合理的文字色彩設(shè)置，能夠吸引瀏覽者的注意，使文字更加突出醒目，還應(yīng)注意使整個(gè)頁面色彩和諧統(tǒng)一。

除以上外，網(wǎng)頁中文字、標(biāo)題、圖片等會在頁面上組合形成各種線條和形狀。正確地處理和搭配好這些線條和形狀，也可增強(qiáng)頁面的藝術(shù)魅力。

五、靈活應(yīng)用多媒體技術(shù)

政府網(wǎng)站設(shè)計(jì)由最初平面、靜態(tài)的網(wǎng)頁到動態(tài)、交互的，媒體技術(shù)的應(yīng)用與進(jìn)步極大地豐富了網(wǎng)頁的表現(xiàn)力。

Flash動畫技術(shù)的應(yīng)用，給政府網(wǎng)站注入了活力，具有較強(qiáng)的親和力和吸引力。Flash多用在網(wǎng)站頭部banner的輪換圖片或者網(wǎng)站中需要突出的專題及宣傳標(biāo)語等，既能強(qiáng)化視覺效果又起到活潑版面的作用，同時(shí)也應(yīng)注意畫面變換不要過于強(qiáng)烈及跳躍性過大，以免與整體界面不協(xié)調(diào)或是因動畫數(shù)量過多，影響頁面打開速度，降低用戶在網(wǎng)頁的停留時(shí)間。

聲音的運(yùn)用在政府網(wǎng)站較少，場景式服務(wù)導(dǎo)航中常會有引導(dǎo)性及相關(guān)介紹性的聲音片段，設(shè)計(jì)同時(shí)應(yīng)注意插入音樂的大小，避免音頻文件過大，影響載入速度。

綜上所述，以需求為導(dǎo)向，以用戶為核心，大膽創(chuàng)新，勇于探索，界面設(shè)計(jì)中要充分體現(xiàn)“以人為本”的服務(wù)思想。

隨著互聯(lián)網(wǎng)Web 2.0技術(shù)和豐富創(chuàng)意的發(fā)展，勢必會給政府網(wǎng)站帶來新的活力。Web2.0強(qiáng)調(diào)的是用戶體驗(yàn)和集體參與，個(gè)性化的服務(wù)應(yīng)用到政府網(wǎng)站中，變“名片型”網(wǎng)站為“服務(wù)型”網(wǎng)站，完善功能，在欄目設(shè)計(jì)的同時(shí)也應(yīng)注意到后期維護(hù)及工作效率的提高，是政府網(wǎng)站建設(shè)的當(dāng)務(wù)之急。

責(zé)任編輯：桑丘來源：中國軟件評測中心

政府網(wǎng)站界面設(shè)計(jì)思路