是什么能讓一個設(shè)計看上去是協(xié)調(diào)的,有條理的,專業(yè)的?答案是”色彩”.
不是所有的項目都要用那種淺的”公司藍(lán)”(corporate blue)才會看上去很專業(yè).色彩規(guī)劃(planning color)就是建立一個描述有哪些色彩可以用以及如何使用的框架.
色彩是最難辦的設(shè)計元素.“好”的色彩是像個人口味和感覺一樣難以把握的,而且還有諸如對比度,顯示器校準(zhǔn)等技術(shù)上的限制因素.
但是對于內(nèi)容來說,色彩是至關(guān)重要的.如果你認(rèn)為一個網(wǎng)站很重要,值得花時間來完善,那么用戶通常也會認(rèn)為它很重要,會花時間來讀.選擇好的色彩就是為了達(dá)到這種效果.
在本文中,我們會回顧一些用來給你的Web設(shè)計建立漂亮的調(diào)色板的技術(shù).
如果想讓網(wǎng)站看上去是沒有條理(unplanned)的,最好的辦法就是隨機選擇顏色.
即使當(dāng)用戶第一次瀏覽網(wǎng)站的首頁時,色彩也會影響到他們對于內(nèi)容的態(tài)度.這個網(wǎng)站會讓人興奮嗎? 可信嗎?大膽嗎(daring)?乏味嗎?有政治傾向?很正式的嗎?
跟印刷制品一樣,色彩會影響人們對所見到的信息的理解.
找到合適的色彩并不容易,但是整體過程還是有跡可循的.
好的設(shè)計策略會包含一個配色方案(比如為了傳達(dá)信息和營造氛圍,色彩的可選范圍.)以及這個方案的具體安排.
讓我們假設(shè)你需要設(shè)計一個專業(yè)的網(wǎng)站.(當(dāng)然這個很有可能演變成一種喝酒游戲(drinking game):要嗎是客戶要求網(wǎng)站是”專業(yè)的”,”簡潔的”或者”現(xiàn)代的”,要嗎就是”我喜歡這個網(wǎng)站,扒下來.”)
配色方案取決于網(wǎng)站的特點.比如,銀行和花店的網(wǎng)站看上去都會很專業(yè).
但是人們可能不會喜歡在一個”公司藍(lán)”或銀灰色的網(wǎng)站買花.或者想象一下美國銀行的網(wǎng)站變成紫色和黃綠色.
一個”專業(yè)”的設(shè)計會讓用戶覺得,這個網(wǎng)站是很嚴(yán)肅正規(guī)的展示它的主題,即便主題可能是很輕松的.無論哪種色相(hue)還是色值(value),“專業(yè)”都意味著是協(xié)調(diào)的,有條理的,經(jīng)過深思熟慮的.
使用灰度
與色彩工作的最好方式就是從沒有色彩開始.
將設(shè)計中的色彩移除之后可以暴露出問題的根本原因,而這些問題在開始考慮哪種黃綠色的色度(深淺)更好看之前就該去解決.如果設(shè)計在黑白效果下就感覺不好,那就需要做一些改變了.
每個頁面是否都有清晰的目標(biāo)?設(shè)計是否能引導(dǎo)讀者讀完全部的內(nèi)容?內(nèi)容是引人入勝的,鼓舞人心的還是客觀的傳遞信息?標(biāo)題清晰嗎?文字鏈?zhǔn)欠衽c其他文字有對比?色彩可以加強這些效果,但是布局,樣式和組織中的問題都無法單純的通過色彩就能夠解決.
如果要重新設(shè)計,請先去掉顏色.這個簡單的去色行為真實的展示出網(wǎng)站的立足點.(事實上,重新設(shè)計應(yīng)該開始于重新評估你的目標(biāo)和內(nèi)容,不過這是另外一個故事了.)
有時,去掉色彩本身就是一種解決方案.
我曾經(jīng)跟一個網(wǎng)站設(shè)計公司一起工作,重新設(shè)計他們的網(wǎng)站.對于這個項目,他們是很挑剔的,希望能更好.但是如果你認(rèn)為為你自己設(shè)計很難,試著與小組一起解決.在項目結(jié)束前,下班后我們之中的三個人一邊喝著酒一邊看著第九稿設(shè)計.
我突然的把photoshop的圖層都合并,然后點擊”去色”把紫銅色和藍(lán)色的設(shè)計稿變成黑白色.讓每個人都驚訝是,它起作用了.
那周結(jié)束之前,我們用紅色強化后完成了一個”暖”灰色的設(shè)計.當(dāng)先前的客戶開始贊賞這個新的設(shè)計并且接到更多其他的客戶電話時,我們知道我們成功了.
|
