此文章是近期一次公司組織的設計師培訓活動中，我為公司北廣東區準備的《我在這里做設計——空》演講中的節選，主要講的是網頁設計師必備兩項基本能力——版面設計和彩色配搭，自身經歷和方法可能對在戰斗一線的設計師有所作用吧，那也是此次活動中我覺得唯一自己能講的東西。因為有上下文聯系，如果看得有一些茫然請諒解。

一、版面設計

正在我對軟件操作得得意洋洋的時候，熱衷于各種快捷鍵操作得溜的時候，以飛快的速度處理各種效果的時候，隱隱約約地感覺到我做出來的網站似乎總是看不順眼，感覺好像老是不對，對于哪里不對勁，自己也一直搞不清楚。平時做網站的時候大家一般都喜歡到酷站找一些靈感還有參考，我也是一樣，有幾次打了幾個非常簡潔的國外網站，進去之后感覺非常不錯，這些網站通常就是幾條線條和幾個色塊組成，簡單之余給人第一眼看著感覺就很舒服。于是沿著這個思想慢慢進行探索，發現了網站的版面比例分配是讓人感覺舒服的一個關鍵點，簡單的一個例子，版面上只有兩個方塊，但是有的人擺出來就看著好看，有的人搞出來感覺老是不到位。

版面設計舉例

打個比方吧，在座的帥哥和美女，愛美之心人皆有之對吧，帥哥都喜歡看美女，美女都喜歡看帥哥，覺得美覺得帥的根本原因是什么，是面部的五官的比例分配，眼晴、鼻子、眉毛、嘴巴、耳朵大小和位置分配得好了就美了帥了，如果分配得不好了那也沒有辦法嘛，天生的嘛。版面設計也是同一道理，各位塊與塊之間的大小比例和位置也是決定版面的第一感覺。

版面設計舉例-美女

提高版面設計水平的方法，一方面是通過學習版面設計一些專業書籍，比如我看過的佐佐木剛土的《版式設計原理》、達博納的《英國版式設計教程》這些國外的書籍，或者靳埭強老師的經典之作《視覺傳達設計實踐》，因為我看過感覺還可以，推薦大家如果有空的時候可以簡單地看一下;另外對排版我自己有一個比較土的方法，可能有點愚笨但還是想在這里與大家分享一下。當時我采用了完全黑白色塊的排版方式，把每一塊內容暫時先用一個灰色的色塊暫時代替，然后看彼此之間的大小比例和位置是否協調，如果不理想的話調整至合理比例之后再填充內容，這種就是典型的書籍排版方式。

二、色彩搭配

然后填充進去內容無論是文字還是圖片，我都把他們調整成黑白色，為了是保證我的版面布局的合理性。然后就發現我變成色盲了，整個灰白色的版面。接下來就是訓練自己對色彩的敏感度了，將一個灰白色的版面要調整成一個你事先想象中彩色鮮明的效果圖。第一步我喜歡先把釋放標志的色彩，因為一般標志都會包含企業色彩，也直接決定了整個版面色系選擇。然后再一步一步把背景、導航、邊欄的色彩逐步做上去。這樣反反復復來回調整，選擇一個自己感覺合適的方案。對色彩的感知是可以通過訓練慢慢提高的，如果真的感覺自己找不到方法無法提高的話，我建議還是要找幾本書好好去看一下，例如日本視覺設計研究所的《七日掌握設計配色基礎》就是一本不錯的教程。關于色彩設計的書可以讓設計師學習找到色彩的最基本感知能力。

版面設計和色彩搭配這兩個方面如果掌握好了，那對于一個設計師來說就相當吃了一顆定心丸，因為這時你已經擁有了為企業網站設計做出一個漂亮的界面兩項最重要的能力。當時整個公司的設計師都在PK工作量，每天都傳出來哪個公司的設計師做了多量，那時我保證每個月大概完成相應量的情況下，我花了更多的時間在訓練版面設計和色彩搭配上面，而這段時間至少是半年到一年。

討論：http://www.missyuan.com/viewthread.php?tid=479401