關於網站視覺之色彩的延續思考

摘要： 就色彩方面來說，可是一門大學問，色彩在視覺中究竟佔有多大的分量? 關於網站視覺之色彩的延續思考 我想很多人並沒有足夠的重視色彩，因此他們也就不可能將色彩的運用發揮到極

就色彩方面來說，可是一門大學問，色彩在視覺中究竟佔有多大的分量?

關於網站視覺之色彩的延續思考

我想很多人並沒有足夠的重視色彩，因此他們也就不可能將色彩的運用發揮到極致。

人永遠不要嘗試著抗爭與違背天性，設計也是如此。 我們都知道視覺究竟是通過啥來傳遞給大腦的，如果你不知道的話，那就真的無語了。 世界上的一切物體都是以色彩的形式來傳輸進我們的大腦的，而這些色彩也包括了點、面、線、明暗分界線、陰影等等，正是因為這些色彩的奇妙組合，才使得我們眼中的世界是立體的、繽紛的、多彩的。 請不要嘗試著去反駁我的觀點，那會讓我們的探討變得很無趣。

視覺是通過色彩來傳達給我們最基本的資訊，一個東西美不美，能不能給我們造成視覺上的衝擊，在很大程度上其實都取決於色彩。

正是因為色彩是視覺表現的最基本要素，所以才會有了繪畫藝術。 所謂的繪畫就是通過色彩的變化及組合來帶給人以視覺美感的表現形式。 色彩是客觀存在的，而構圖等因素則是主觀的，這或許也是有些朋友反駁的最大理由。 好吧!我們都見過抽象畫吧?為啥毫無構圖、具象的一幅畫能夠帶給人以足夠的美感及視覺衝擊?那還不是因為演出者們對色彩的領悟及把握已到達了爐火純青的地步?色彩對於演出者來說代表的是修養、是功力， 擴展至整個視覺領域這話也是無可厚非的。

色盲患者與普通人眼中的世界是不同，不同審美觀的人在視覺上對色彩的敏感度及喜好也是不同的，不同年齡層次的人對色彩的感受也不是同的，不同心情下、不同環境中對色彩的感受也不會相同，這就要求我們在表現色彩時一定注意這一點， 尤其在網站視覺上，因為龐大的流覽人群，在色彩的表現上，我們最先要考慮的還是色彩的通用性。

有一個最簡單的測試你的網站在視覺上表現上究竟好不好的方法，你可以將網站整個截圖下來，然後轉成黑白單色，如果在黑白色下，你的頁面層次感不強、各個組成部分辨識度不高，整個頁面都給人灰濛濛的感覺，那就證明你做的還遠遠不夠。 一個對色彩領悟能力較高的設計師設計出來的東西，即使在去色的黑白狀態下應該也是美麗動人、層次分明、依然可以給人以視覺震撼的，並不能將色彩的應用僅僅局限在簡單的色彩搭配上。

除了將圖片轉為黑白色外，你還需要將截圖程式設計很小的隨略圖，如果縮略圖中你的層次結構根本看不出來，顏色辨識度也不高，那麼你就需要改進了。 像是很多網站正常看上去還行，但一旦做成了縮略小圖便程式設計了滿幅文字，密密麻麻的毫無美感而言。

關於色彩的問題我們就將到這裡了，再胡侃下去就顯得多餘了，況且色彩的把握本身就是一種只可意會不可言傳的東西，究竟能把握到什麼程度完全需要設計者各種經驗的長年沉澱。

第二步佈局篇

說完了色彩，我們就來看一下佈局結構了。

一、好的網站佈局應該是透氣的

在佈局結構上的處理，我們大多數人(並不只是設計師)總是希望在頁面上表現更多的東西，這不得不說也算是一種大國情結的延續，或者更準確的說我們國人對網站的概念應該是大而全的那種，我們都門戶網站的偏好很厲害...... 甚至有相當一部分的人認為內容越豐富、欄目越多，才越能證明網站的實力，才能算的上是正規運營的網路公司。

顯然這種想法是極其錯誤的，這只能證明你對網路現狀並不瞭解、對網站領域還缺乏一個深度的瞭解，除此之外再也無法去證明其他什麼東西。

話多必失這四個字也是古人總結的，你表現出來的東西越多，越就暴露了你的缺點和弱點，畢竟沒有一個人是全能和完美的，即使是全能和完美的，你也不可能有那麼大的精力將方方面面都照顧到。

好吧，我承認很多朋友還是有著清醒認識的，也有越來越多的朋友都注意到了大而全的網站很難取得成功的現實，因此也有越來越多的朋友開始找尋特色的東西作為網站的主題。 這個認識似乎與我們現在所將的網站佈局關係不大，但你要承認正是因為那種潛意識下的東西在作怪，才導致了我們的頁面擁擠而淩亂，很多流覽者進去之後常常會心煩氣悶、無所適從。

看看很多網站吧!整個頁面都是密密麻麻的東西，貌似設計者恨不得將所有的東西在一個頁面上全展現出來。 這種設計理念是錯誤的，即使是cms也把握一個度，沒有了這個度的把握，頁面便會失控，便會應了那句成語：「畫蛇添足」!

為啥我們不能畫龍點睛呢?為啥我們不能錦上添花呢?

我承認自己有密集恐懼症，而且我知道大多數流覽者對太過密集的東西都沒有好感。 頁面堆砌太多的東西容易讓人產生擁擠、壓抑、淺薄、狹隘、淩亂、緊張、茫然等等一些不好的感受，在這一點上我們應該好好的去分析和比較一些國外很多優秀網站的做法，即使是內容較多的cms頁面，人家做的也是寬鬆透氣、多而不亂、 井然有序、條目分明、重點突出。

素描是一種很見實力而且神奇的藝術表現形式，演出者們僅通過一支鉛筆及灰度的變化便能表現出任何複雜的畫面和物體，而我們的網站也就是這個道理，我們無非就是通過一些圖片和文字的組合來帶給流覽者以視覺上的衝擊和閱讀的快感。 素描講究透氣性，即使是再密集的線條也不能囫圇不清、密不透風，網站也是如此，你就是內容再多，也不能密密麻麻的排布一起，失去了透氣性只能帶給人壓抑之感。

現在有越來越多的網站開始在佈局結構上做文章了，一個寬鬆舒暢的頁面配置絕對會讓流覽者身心舒暢、大大延長停留在頁面上的時間。

二、頁面配置的視覺打造應符合人的生理機能

就網站大的佈局方面來說，無外乎也就幾種：單欄、雙欄、三欄、多欄、瀑布流等等。 就人的視覺上來講，我們在流覽時看到第一眼是整個頁面，而這第一眼是模糊了，僅僅會讓網站瞬間給我們一個初始的印象。 如果這個網站的配色及結構很出色的話，應該會讓流覽者立時為之振奮，從而迫不及待的定睛去仔細看頁面，甚至還會出於被視覺打動的緣故而多翻幾個頁面，甚至會饒有興趣的嘗試頁面上的一些特效或者小互動遊戲， 這時若是再碰到了很有意思的文章的話，我想這個網站就從此紮根在這個流覽者的腦海裡了，毫無懸念的他以後還會再次光臨這個網站，這也就是因為視覺而增加的使用者粘度。 但如果這個網站的配色及結構很普通，並沒有任何出彩的地方呢?那流覽者的眼睛就會略略停頓模糊一秒鐘的時間，然後瞳孔收縮轉為定焦，定焦後的目光最先還是在頁面的地方，這時他看到的就是頁面的結構了，通過頁面的結構的判斷， 眼睛會將視覺感受傳達至大腦，然後流覽者就自己該怎麼樣去流覽眼前的這個頁面。 那麼這個時候單欄的好處也就體現出來了，因為它能在第一眼就已經盡收流覽者眼底，那種視覺感受會很舒服的，因為流覽者並不需要扭頭眨眼、完全是順應著自然本能就很輕鬆的看到了主體內容。

如果你是兩欄甚至多欄的話，流覽者的當第一眼發覺並沒有將角度定格在主內容區域時，就會立刻將目光掃向頁面的左邊，因為他們認為左邊才是最重要的。 這也許是因為大多數網站都是這麼處理的，首先閱讀左邊成為了一種習慣，也恰恰是因為這個原因才導致了越來越多的人將邊欄改在了右邊顯示。 因為我最想讓流覽者看到的是左邊的主內容區域。 其實造成流覽者最先將目光吊向左邊還是基於國人的閱讀習慣。 大陸地區的書寫方向是橫排的從左至右的，書籍的印刷也是這樣，我們從小到大早就養成了從左至右的閱讀習慣，這似乎已經成為了視覺下意識下的本能了。 在數年前，大多數網站的佈局很多都是邊欄在左邊，主內容區在右邊的，顯然設計者們已經注意到了這個視覺偏離的問題，模仿也好、認識也好，反正大家基本都已經接受了現在邊欄放在右邊的佈局。

基於篇幅的關係，我們將在下一章節繼續我們的佈局探討，敬請關注!