此文章是近期一次公司組織的設(shè)計(jì)師培訓(xùn)活動(dòng)中，我為公司北廣東區(qū)準(zhǔn)備的《我在這里做設(shè)計(jì)——空》演講中的節(jié)選，主要講的是網(wǎng)頁設(shè)計(jì)師必備兩項(xiàng)基本能力——版面設(shè)計(jì)和彩色配搭，自身經(jīng)歷和方法可能對(duì)在戰(zhàn)斗一線的設(shè)計(jì)師有所作用吧，那也是此次活動(dòng)中我覺得唯一自己能講的東西。因?yàn)橛猩舷挛穆?lián)系，如果看得有一些茫然請(qǐng)諒解。

一、版面設(shè)計(jì)

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

版面設(shè)計(jì)舉例

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

版面設(shè)計(jì)舉例-美女

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

二、色彩搭配

然后填充進(jìn)去內(nèi)容無論是文字還是圖片，我都把他們調(diào)整成黑白色，為了是保證我的版面布局的合理性。然后就發(fā)現(xiàn)我變成色盲了，整個(gè)灰白色的版面。接下來就是訓(xùn)練自己對(duì)色彩的敏感度了，將一個(gè)灰白色的版面要調(diào)整成一個(gè)你事先想象中彩色鮮明的效果圖。第一步我喜歡先把釋放標(biāo)志的色彩，因?yàn)橐话銟?biāo)志都會(huì)包含企業(yè)色彩，也直接決定了整個(gè)版面色系選擇。然后再一步一步把背景、導(dǎo)航、邊欄的色彩逐步做上去。這樣反反復(fù)復(fù)來回調(diào)整，選擇一個(gè)自己感覺合適的方案。對(duì)色彩的感知是可以通過訓(xùn)練慢慢提高的，如果真的感覺自己找不到方法無法提高的話，我建議還是要找?guī)妆緯�好好去看一下，例如日本視覺設(shè)計(jì)研究所的《七日掌握設(shè)計(jì)配色基礎(chǔ)》就是一本不錯(cuò)的教程。關(guān)于色彩設(shè)計(jì)的書可以讓設(shè)計(jì)師學(xué)習(xí)找到色彩的最基本感知能力。

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

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