政府網(wǎng)站設(shè)計(jì)的規(guī)劃化

上海創(chuàng)新互聯(lián)的小編分享：對(duì)大多數(shù)國(guó)內(nèi)的政務(wù)網(wǎng)站，設(shè)計(jì)人員的印象可能還以停留在大紅大黃的配色和雜亂無(wú)章的版面，不過今天設(shè)計(jì)人員給政務(wù)網(wǎng)站來(lái)了一個(gè)徹底的改頭換面，氣質(zhì)立刻大漲。你可以學(xué)習(xí)到他重設(shè)計(jì)過程中的思路，非常務(wù)實(shí)的干貨呦。

之前在優(yōu)設(shè)看過一些國(guó)外的政務(wù)網(wǎng)站推薦，比如白宮、美國(guó)空軍等等，一直收藏在書簽里(盼著以后能出去….)，不久前設(shè)計(jì)圈出了幾個(gè)很火的重設(shè)計(jì)，比如大眾官網(wǎng)重設(shè)計(jì)、亞馬遜重設(shè)計(jì)、IMDB重設(shè)計(jì)等等，我很受啟發(fā)，正好這段時(shí)間領(lǐng)導(dǎo)要求給政府網(wǎng)站做一個(gè)首頁(yè)改版，小編就按著國(guó)外重設(shè)計(jì)的概念來(lái)做了。

中國(guó)的政務(wù)網(wǎng)站還是有一些思維限制的，之前有人說(shuō)做成國(guó)外公司官網(wǎng)那種高大上，其實(shí)不現(xiàn)實(shí)，我們做重設(shè)計(jì)，最終的目的還是要讓我們做出來(lái)的東西不論是在視覺上還是在易用性上都要比原來(lái)的好，不能說(shuō)為了美觀潮流而把實(shí)用性給丟掉。

比如tcsasac是一個(gè)國(guó)資委體系內(nèi)的干部教育培訓(xùn)網(wǎng)，用戶群體很單一，就是那些央企內(nèi)部的領(lǐng)導(dǎo)干部，再怎么也是科級(jí)以上了，35歲-50歲的人，而且權(quán)重隨著年齡的增大而增加，領(lǐng)導(dǎo)也是人。所以我們要考慮他們的使用習(xí)慣。

做重設(shè)計(jì)之前我決定瀏覽一遍國(guó)內(nèi)的重點(diǎn)政務(wù)網(wǎng)站，從人民政府網(wǎng)開始，看完了所有的部委網(wǎng)站和一部分省級(jí)政府官網(wǎng)?？赐旰笙矐n參半，傳統(tǒng)的網(wǎng)站有不少，就是大家印象中的矮丑搓政府網(wǎng)站，占到2/3吧，但是有幾個(gè)網(wǎng)站很不錯(cuò)，甚至是棒極了(以體系內(nèi)的角度來(lái)看)。

首先說(shuō)說(shuō)人民政府網(wǎng)，這個(gè)是所有政府網(wǎng)站的BOSS了，大家可以點(diǎn)進(jìn)去看看，藍(lán)色、簡(jiǎn)潔的風(fēng)格，感覺很清新，當(dāng)然頭部有點(diǎn)粗糙了，一點(diǎn)都不像是大國(guó)的中央政府官網(wǎng)，但是作為一個(gè)BOSS，放棄了大紅大黃，去探索新的東西，本身就是一件很進(jìn)步的事情。

再說(shuō)說(shuō)一個(gè)不錯(cuò)的政府網(wǎng)站——發(fā)改委的官網(wǎng)，大家用心體會(huì)一下，這個(gè)網(wǎng)站把發(fā)改委官網(wǎng)的職能基本上都發(fā)揮出來(lái)了，有新聞通知、政務(wù)查詢、政策發(fā)布、文件資料下載等等，內(nèi)容很多但是不亂，給人的感覺是很整齊，也很權(quán)威，當(dāng)然也有一些需要改進(jìn)的地方，比如UI不是很精細(xì)，網(wǎng)站設(shè)計(jì)基礎(chǔ)知識(shí)及首屏比下面復(fù)雜造成頭重腳輕等等。

最后說(shuō)一個(gè)小編覺得驚艷的政府網(wǎng)站——湖南省人民政府，有沒有感覺很舒服，很清新，特別是這個(gè)“湖南夢(mèng)”的banner看得我瞬間領(lǐng)悟了banner的訣竅。雖然看起來(lái)很簡(jiǎn)潔，其實(shí)這個(gè)網(wǎng)站很復(fù)雜，路勁很多，大家可以走走看，很多頁(yè)面都非常不錯(cuò)，看完這個(gè)網(wǎng)站，小編真的覺得政務(wù)網(wǎng)站不是沒有前景，還是有很多人是想改變的，想嘗試變好的。

還有幾個(gè)比較有特色的網(wǎng)站就不細(xì)說(shuō)了，大家可以自己看看：海關(guān)總署、國(guó)家民委。

政府網(wǎng)站為什么這么丑，原因很多人不一定看得清楚，小編在做重設(shè)計(jì)的時(shí)候找出了一些因素，跟大家分享分享。

一、風(fēng)格基調(diào)

大紅大黃是革命傳統(tǒng)，這個(gè)是沒辦法的事情，設(shè)計(jì)師改不了，領(lǐng)導(dǎo)也沒辦法，當(dāng)然也有例外，這個(gè)就要看情況了。大紅大黃并不見得一定會(huì)丑，但是把大紅大黃當(dāng)做背景色來(lái)處理，就基本上必丑無(wú)疑了，因?yàn)樘y處理，如果再加上華表、紅旗、人民大會(huì)堂，你就隨便弄弄吧。

二、用戶使用習(xí)慣

不見得每一個(gè)上政府網(wǎng)站的用戶都是中老年人，也不見得每一個(gè)中老年人都不喜歡潮流，但是你要他們來(lái)遷就你的設(shè)計(jì)思維那就不對(duì)了，中老年人都很忙，真的，領(lǐng)導(dǎo)干部也是人，越是大領(lǐng)導(dǎo)越是時(shí)間少，事情很多，你要他們看網(wǎng)站的時(shí)候等一個(gè)Loading、看一段動(dòng)畫、切一個(gè)特效，你覺得合適嗎?政務(wù)網(wǎng)站也不是SNS，沒事大家不會(huì)上來(lái)看的，來(lái)了一般都是大事急事，所以設(shè)計(jì)師能夠做到多簡(jiǎn)潔實(shí)用就要做到多簡(jiǎn)潔實(shí)用。

三、劣質(zhì)素材

這一點(diǎn)很多很多都不太清楚，小編在做重設(shè)計(jì)的時(shí)候，很受這一條限制。主要是兩個(gè)方面，一是文字，文字太長(zhǎng)，太復(fù)雜。比如我們網(wǎng)站上的一個(gè)培訓(xùn)班的名稱“企業(yè)經(jīng)營(yíng)管理人才素質(zhì)提升工程——浙江大學(xué)管理學(xué)院——巴黎HEC商學(xué)院2014年高級(jí)管理人員工商管理碩士(EMBA)班”，你們告訴我怎么放?比如一條新聞的標(biāo)題“企業(yè)經(jīng)營(yíng)管理人才素質(zhì)提升工程 ——企業(yè)領(lǐng)軍人才培訓(xùn)班(第二期)圓滿結(jié)束”。文字太長(zhǎng)，而且不能刪字(的確不能刪，不見得是領(lǐng)導(dǎo)壓力，很多時(shí)候刪了字內(nèi)容就變味了)。二是圖片，大家可以去看看各大部委網(wǎng)站，圖片拍得太次了，光線黑、角度太刁鉆，根本就不能放大圖看，這也是為什么政府網(wǎng)站一般都把輪播圖放的很小的原因，不是不能放大，放首頁(yè)第一屏全屏，而是放上去了會(huì)讓訪客瞬間有關(guān)掉網(wǎng)站的念頭。素材的劣質(zhì)使得設(shè)計(jì)師和編輯工作難度很大。

四、領(lǐng)導(dǎo)的偏好

這一點(diǎn)大家都懂了，比如某些領(lǐng)導(dǎo)喜歡方塊、有些喜歡橢圓、還有的喜歡三角形，沒辦法的。

說(shuō)了這么多，回歸主題，我來(lái)說(shuō)說(shuō)我的重設(shè)計(jì)。

先來(lái)看看本尊，這是前任的作品，那時(shí)候還沒來(lái)，不了解情況。

這一次重設(shè)計(jì)帶有半概念性質(zhì)，也就是說(shuō)領(lǐng)導(dǎo)要是喜歡，那就可能換，要是不喜歡，就不要再提此事。

網(wǎng)站改版是為了改善內(nèi)容分布邏輯(優(yōu)勝劣汰)以及視覺體驗(yàn)，內(nèi)容上的變動(dòng)就不細(xì)說(shuō)了，比較忌諱，視覺上的話主要是解決閱讀舒適性的問題，一來(lái)文字顯示要齊全，哪怕40個(gè)字的標(biāo)題，也要把它顯示出來(lái)，二要加入一些圖片化的東西，不要看起來(lái)干巴巴的全是文字。

內(nèi)容的設(shè)置就不說(shuō)了，小編自己根據(jù)業(yè)務(wù)權(quán)重來(lái)劃分的，視覺上小編主要是采用了另一種風(fēng)格——把大紅大黃這種象征性的元素用點(diǎn)綴的形式體現(xiàn)，而不是用做背景(從湖南人民政府官網(wǎng)那里學(xué)的)。

細(xì)節(jié)元素用的是積累的素材庫(kù)，其實(shí)這里我想說(shuō)，素材不要盲目積累，以前我收集了很多亂七八糟的素材，有很多好東西，但是我沒有分類，所以就是一堆廢物，后來(lái)還刪掉了，然后去淘寶花了1塊錢買了一個(gè)還過得去的素材包，一直用到現(xiàn)在?？傊?，素材不在多，有幾百M(fèi)精致的就行，顏色樣式都是可以自己換的，有個(gè)幾套UI Kit就夠了，重點(diǎn)是多看看其他的網(wǎng)站是怎么設(shè)計(jì)的，看他的理念，不要看只看UI元素，當(dāng)你掌握了理念，你用最差的素材也能做出好東西。

具體說(shuō)說(shuō)重設(shè)計(jì)，頭部我是從發(fā)改委那里學(xué)來(lái)的，紅色的效果我甚至覺得比發(fā)改委本身還好看，簡(jiǎn)潔大方。

導(dǎo)航欄就隨便從一個(gè)素材庫(kù)弄了一個(gè)，沒什么好說(shuō)的，簡(jiǎn)單清晰即可，別弄得花里胡哨，導(dǎo)航欄是用來(lái)導(dǎo)航的。

輪播圖小編比較喜歡標(biāo)題的擺放，夠長(zhǎng)，60字的標(biāo)題也能放，只是大圖顯示對(duì)以后修圖的工作有點(diǎn)擔(dān)心。

培訓(xùn)信息是本網(wǎng)站特有的內(nèi)容，前面已經(jīng)提到過了那個(gè)Bug般長(zhǎng)度的培訓(xùn)班了，關(guān)鍵是要把名字顯示齊全，我就參考了蘋果上的一個(gè)表單，感覺還不錯(cuò)。

接下來(lái)的教育培訓(xùn)是大雜燴了，內(nèi)容比較雜，但是有比較重要，一個(gè)個(gè)堆著放不合適，那索性就合并成一個(gè)模塊，參考的是發(fā)改委官網(wǎng)。

新聞中心

學(xué)習(xí)平臺(tái)

這個(gè)banner是不是很眼熟。。。沒錯(cuò)，是湖南人民政府網(wǎng)的，太喜歡它了，政務(wù)banner必備樣式啊，banner右邊給出了廣告進(jìn)入的通道。

工作動(dòng)態(tài)不是很滿意，時(shí)間比較緊，這一部分主要是從豆瓣日記和什么值得買那里獲得的靈感。

企業(yè)分站沒什么好說(shuō)的了，這種風(fēng)格大家從優(yōu)設(shè)上也看膩了。

機(jī)構(gòu)鏈接自己畫的。本來(lái)想?yún)⒖柬n國(guó)首爾政府的官網(wǎng)，但是不是太合適，這里貼出來(lái)給大家參考。

最后是屁股了，也是用的紅底白字，算是語(yǔ)文課中的首尾呼應(yīng)吧。

當(dāng)前文章：政府網(wǎng)站設(shè)計(jì)的規(guī)劃化
本文URL：http://www.bm7419.com/news/161177.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)