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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、劣質(zhì)素材

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

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

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

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

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

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

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

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

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

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

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

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

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

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

新聞中心

學(xué)習(xí)平臺

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

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

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

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

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

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

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

廣告

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