返回首頁 | 關于我們 | 作品展示 | 網站建設 | 網站優化 | 網站策劃 | 解決方案 | 聯系我們 | 在線留言 | 需求提交
   


您當前的位置是:首頁 > 網頁設計 > 網站設計風格及色彩搭配經驗之談
網站建設知識
域名空間
網站建設
網頁設計
網站推廣
最新文章
偽靜態網站對網站優化的好處
域名備案正確拍照示例
網站備案的流程、網站備案需要哪些資料?
網站到底要不要開啟https?
打造高質量的網站
好好建站網告訴您---北京做網站多少錢?
如何辦理經營性備案?
北京公司如何選擇公司網站域名?
Kindeditor 單獨調用單張圖上傳增加預覽
解析北京做網站注意事項
關于阿里云域名實名認證公告
北京做網站哪家強?這里有你想要的網站優化秘籍
企業為什么要做網站?
響應式網站設計圖片處理7個技巧
為什么網站做得不好的原因?
網站被百度降權之后應該怎么辦
分析競爭對手網站來做網站優化
關鍵詞突然降到100名以外的原因分析
做網站時關鍵詞優化的技巧
seo入門的基本技巧
 

網站設計風格及色彩搭配經驗之談

發布時間: 2010-11-28 23:32:34

  在一般人眼中,“網站”幾乎就代表著“互聯網”。網站本身的價值正在被人們不斷的發現,不斷的認可。“如何設計一個成功的網站?”已成為越來越多的網頁設計師所思考、關注的問題。本人從事商業網站建設已經有兩年以上的經驗,在此只想拋磚引玉,提出自己的一些想法,歡迎高手指點!

  設計網站需要考慮的因素非常之多,從前期網站開始時的定位、設定網站框架、整理資料,到具體制作中的設計環節,再到最后的調試、發布、宣傳。這是一個環環相扣的過程。在此我們僅僅從設計師的角度來整體把握我們這次想討論的主題——如何設計成功的網站!由于篇幅有限,我們僅僅討論設計網站時重要的兩大部分:整體風格和色彩搭配。

  一、確定網站的整體風格

  網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。

  風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的,IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。

  在這里,我提供給大家一些參考經驗:

  1.將你的標志logo,盡可能的放在每個頁面上最突出的位置。

  2.突出你的標準色彩。

  3.總結一句能反映貴站精髓的宣傳標語!

  4.相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的!

  二、網頁色彩的搭配

  無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。

  關于色彩的原理有許多,在此我們不可能一一闡述,大家可以看看相關設計書籍,有利于系統地理解。在此我們僅僅想告訴大家一些網頁配色時的小技巧。

  1.用一種色彩。這里是指先選定一種色彩,然后調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。

  2.用兩種色彩。先選定一種色彩,然后選擇它的對比色。

  3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。

  在網頁配色中,還要切記一些誤區:

  1.不要將所有顏色都用到,盡量控制在三~五種色彩以內。

  2.背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。


文章出自:北京做網站公司-好好建站網 http://www.lyral.tw 如轉載請注明出處!
上一篇:網頁設計中提高可讀性的方法
下一篇:網頁設計的重要性
捕鱼大富翁手机版 63742650796819139734698715456884487616837447747288464486534342948583997235928519593048336348567750 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();