• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 網(wǎng)站建設(shè) >> 網(wǎng)站制作 >> 政府網(wǎng)站設(shè)計(jì)的色彩與風(fēng)格

政府網(wǎng)站設(shè)計(jì)的色彩與風(fēng)格

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)站設(shè)計(jì)部 點(diǎn)擊數(shù)： 更新時(shí)間：2014-12-21
• 一、網(wǎng)站的風(fēng)格
  網(wǎng)站的整體風(fēng)格是指站點(diǎn)的整體形象給瀏覽者的綜合感受。網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。因?yàn)闆]有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺得新浪、騰訊是平易近人的，肯德基、麥當(dāng)勞是生動(dòng)活潑的，新華網(wǎng)、中國網(wǎng)是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。 
  
  如何樹立網(wǎng)站風(fēng)格呢?我們可以分這樣幾個(gè)步驟：
  1．確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的
  一個(gè)網(wǎng)站有風(fēng)格而沒有內(nèi)容，就好比繡花枕頭一包草，好比一個(gè)性格傲慢但卻目不識丁的人。你首先必須保證內(nèi)容的質(zhì)量和價(jià)值性。這是最基本的，無須置疑。
  2．你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么：
  如果只用一句話來描述你的站點(diǎn)，應(yīng)該是什么？
  想到你的站點(diǎn)，可以聯(lián)想到的色彩是什么？
  想到你的站點(diǎn)，可以聯(lián)想到的畫面是什么？
  如果網(wǎng)站是一個(gè)人，他擁有的個(gè)性是什么？等等。
  3．在明確自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象。
  經(jīng)過第二步印象的“量化”后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。審查網(wǎng)站標(biāo)準(zhǔn)色彩是否容易聯(lián)想到這種特色，是否能體現(xiàn)網(wǎng)站的性格等等。具體的做法，沒有定式。這里提供一些參考：
  將你的標(biāo)志logo，盡可能的出現(xiàn)在每個(gè)頁面上�；蛘唔撁迹�或者頁腳，或者背景。
  突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。
  突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。
  想一條朗朗上口宣傳標(biāo)語。把它做在你的banner里，或者放在醒目的位置，告訴大家你的網(wǎng)站的特色是什么等等。
  
  二、網(wǎng)站的色彩
  無論是平面設(shè)計(jì)，還是網(wǎng)頁設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候，我們看到的不是優(yōu)美的版式或者是美麗的圖片，而是網(wǎng)頁的色彩。
  關(guān)于色彩的原理有許多，相關(guān)設(shè)計(jì)書籍都有介紹，這里就不在闡述。在此我只想談?wù)劸W(wǎng)站在配色上的一些小的技巧。
  用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。
  用兩種色彩。先選定一種色彩，然后選擇它的對比色。
  用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。
  
  三、風(fēng)格和色彩的關(guān)系
  網(wǎng)站的風(fēng)格和色彩是一個(gè)相輔相成的關(guān)系的，風(fēng)格的改變也會(huì)給色彩帶來改變，一個(gè)網(wǎng)站擁有漂亮的色彩，比其它任何設(shè)計(jì)要素都重要，它不但可以給人留下深刻的印象，而且也可以產(chǎn)生很好的視覺效果。所以，網(wǎng)頁設(shè)計(jì)師們在色彩的使用上需要深思熟慮。
  有一些顏色沖擊力極強(qiáng)，又充滿矛盾感，這些富有張力的顏色屬于超出平常人接受能力的高調(diào)的生活方式。單一色彩的美麗是有限的，每一種色彩都不是孤立存在的，不同色彩之間的搭配確實(shí)千變?nèi)f化，只有經(jīng)過搭配才能顯現(xiàn)出色彩之豐富的魅力，而這些顏色因?yàn)榇钆溥\(yùn)用難度極大，令很多設(shè)計(jì)師望而卻步，但若經(jīng)高超的搭配技巧馴服了這些極具個(gè)性沖突的色彩，則可以讓它們綻放出不同反響的藝術(shù)效果。比如，背景色熱情紅+主體色彩橡樹黃+點(diǎn)綴色彩未來銀，則表現(xiàn)出大膽、性感、時(shí)尚的效果；點(diǎn)綴色彩自由黃+主體色彩可可棕+中性背景色，就可以表現(xiàn)出簡練、現(xiàn)代、活力四射的效果。
  
  四、政府門戶網(wǎng)站風(fēng)格和色彩的應(yīng)用
  政府門戶網(wǎng)站不僅是政務(wù)信息發(fā)布和業(yè)務(wù)處理平臺，也是知識加工平臺、知識決策平臺、知識獲取平臺的集成，下面我就以廣東、四川、成都為例（如下圖）來談?wù)務(wù)�府網(wǎng)站在風(fēng)格和色彩上的應(yīng)用：
  廣東省（www.gd.gov.cn）
  
  四川�。╳ww.sc.gov.cn）
  
  成都市（www.chengdu.gov.cn）
  
  1．以上頁面的共同特點(diǎn)：
  布局簡單 
  中心定位 
  3D效果 
  顏色鮮亮（要謹(jǐn)慎使用） 
  可愛的圖標(biāo)（也要謹(jǐn)慎使用） 
  大字體 
  2．針對以上頁面談?wù)務(wù)�府網(wǎng)站風(fēng)格和色彩的應(yīng)用：
  首先，我們來談?wù)務(wù)�府網(wǎng)站的布局，大概兩年前，你可以找到很多“流動(dòng)布局”和“左對齊并固定寬度”的布局，現(xiàn)在內(nèi)容開始在出現(xiàn)在屏幕的中央。左對齊的布局方式已經(jīng)不如以前常見了，流動(dòng)布局（全屏）也沒有這么流行了。盡可能在“一屏”以內(nèi)顯示更多的信息似乎是一直以來的至理名言（也就是盡可能不要滾屏）。由于政府網(wǎng)站主要以信息為主，所以政府網(wǎng)站滾屏是很常見的，網(wǎng)站的尺寸也從800×600的窄屏逐漸向1024×768的寬屏過渡，網(wǎng)站的信息量也隨之加大。
  
  其次，和幾年前的政府網(wǎng)站風(fēng)格相比，現(xiàn)在的政府網(wǎng)站似乎正在尋找更加簡單的單欄或雙欄布局�？偟母杏X就是政府網(wǎng)站正在逐漸認(rèn)同簡單的頁面風(fēng)格。閱讀這類頁面只需要從上看到下即可，你的眼睛不用在頁面上轉(zhuǎn)來轉(zhuǎn)去拼命尋找想要的東西。同時(shí)在瀏覽過程中它也提供更加平和、穩(wěn)定的瀏覽體驗(yàn)。
  
  政府網(wǎng)站在顏色上也有了很大的突破，目前國內(nèi)的政府網(wǎng)站主要以紅色為主，在色彩上紅色是能夠吸引人們視線的色彩。因?yàn)榧t色是強(qiáng)烈的色彩，所以常常作為有攻擊性的、嚴(yán)格的、代表權(quán)力的色彩進(jìn)行使用。它是充滿活力的色彩，是可以令人感覺到熱情和力量的色彩。紅色可以作為主色彩使用，也可以作為強(qiáng)調(diào)色使用，但作為后者會(huì)有更好的效果。由于歷史背景的不同，各個(gè)國家的政府網(wǎng)站的色彩也不同，可以說政府網(wǎng)站的色彩是有它的傳統(tǒng)性決定的。
  最后，有一個(gè)“規(guī)則”：不要在同一個(gè)頁面上使用太多好看的元素（這樣會(huì)影響用戶的注意力）。比如上面的頁面，在3D效果、小圖標(biāo)、字體它們就運(yùn)用的很好，基本上還是保守些，背景以白色、淡青、淡米色為主，正文以黑字為主，因?yàn)檎�府網(wǎng)站信息量比較大，用戶需要能夠很清楚的看到內(nèi)容，從用戶體驗(yàn)的角度上講，應(yīng)該充分考慮可讀性。配色推薦紅色兼顧莊重和親和力。
  
  五、總結(jié)
  設(shè)計(jì)師有時(shí)是反對風(fēng)格的，固定風(fēng)格的形成意味著自我的僵死，但風(fēng)格同時(shí)又是一個(gè)設(shè)計(jì)師性格、喜好、閱歷、修養(yǎng)的反映，也是設(shè)計(jì)師成熟的標(biāo)志，色彩是一種語言（信息），色彩具有感情，能讓人產(chǎn)生聯(lián)想，能讓人感到冷暖、前后、輕重、大小等等，所以要?jiǎng)?chuàng)造出視覺興奮點(diǎn)來升華我們的作品。
• 企業(yè)門戶網(wǎng)站開發(fā)平臺的設(shè)計(jì) :上一篇
  什么網(wǎng)站算好站? :下一篇