是什么能讓一個(gè)設(shè)計(jì)看上去是協(xié)調(diào)的,有條理的,專業(yè)的?答案是”色彩”。

不是所有的項(xiàng)目都要用那種淺的”公司藍(lán)”(corporate blue)才會(huì)看上去很專業(yè)。色彩規(guī)劃(planning color)就是建立一個(gè)描述有哪些色彩可以用以及如何使用的框架。色彩是最難辦的設(shè)計(jì)元素。“好”的色彩是像個(gè)人口味和感覺一樣難以把握的,而且還有諸如對(duì)比度，顯示器校準(zhǔn)等技術(shù)上的限制因素但是對(duì)于內(nèi)容來(lái)說(shuō)，色彩是至關(guān)重要的.如果你認(rèn)為一個(gè)網(wǎng)站很重要，值得花時(shí)間來(lái)完善，那么用戶通常也會(huì)認(rèn)為它很重要，會(huì)花時(shí)間來(lái)讀。選擇好的色彩就是為了達(dá)到這種效果。

如果想讓網(wǎng)站看上去是沒有條理(unplanned)的，最好的辦法就是隨機(jī)選擇顏色。

即使當(dāng)用戶第一次瀏覽網(wǎng)站的首頁(yè)時(shí)，色彩也會(huì)影響到他們對(duì)于內(nèi)容的態(tài)度。這個(gè)網(wǎng)站會(huì)讓人興奮嗎? 可信嗎?大膽嗎(daring)?乏味嗎?有政治傾向?很正式的嗎?跟印刷制品一樣，色彩會(huì)影響人們對(duì)所見到的信息的理解。找到合適的色彩并不容易，但是整體過(guò)程還是有跡可循的。好的設(shè)計(jì)策略會(huì)包含一個(gè)配色方案(比如為了傳達(dá)信息和營(yíng)造氛圍，色彩的可選范圍。)以及這個(gè)方案的具體安排。讓我們假設(shè)你需要設(shè)計(jì)一個(gè)專業(yè)的網(wǎng)站。(當(dāng)然這個(gè)很有可能演變成一種喝酒游戲(drinking game):要嗎是客戶要求網(wǎng)站是”專業(yè)的”,”簡(jiǎn)潔的”或者”現(xiàn)代的”,要嗎就是”我喜歡這個(gè)網(wǎng)站。扒下來(lái)。”)

配色方案取決于網(wǎng)站的特點(diǎn)。比如,銀行和花店的網(wǎng)站看上去都會(huì)很專業(yè)。但是人們可能不會(huì)喜歡在一個(gè)”公司藍(lán)”或銀灰色的網(wǎng)站買花。或者想象一下美國(guó)銀行的網(wǎng)站變成紫色和黃綠色。一個(gè)”專業(yè)”的設(shè)計(jì)會(huì)讓用戶覺得，這個(gè)網(wǎng)站是很嚴(yán)肅正規(guī)的展示它的主題，即便主題可能是很輕松的。無(wú)論哪種色相(hue)還是色值(value)，“專業(yè)”都意味著是協(xié)調(diào)的、有條理的、經(jīng)過(guò)深思熟慮的。

使用灰度

與色彩工作的最好方式就是從沒有色彩開始。

將設(shè)計(jì)中的色彩移除之后可以暴露出問(wèn)題的根本原因，而這些問(wèn)題在開始考慮哪種黃綠色的色度(深淺)更好看之前就該去解決。如果設(shè)計(jì)在黑白效果下就感覺不好,那就需要做一些改變了。每個(gè)頁(yè)面是否都有清晰的目標(biāo)?設(shè)計(jì)是否能引導(dǎo)讀者讀完全部的內(nèi)容?內(nèi)容是引人入勝的，鼓舞人心的還是客觀的傳遞信息?標(biāo)題清晰嗎?文字鏈?zhǔn)欠衽c其他文字有對(duì)比?色彩可以加強(qiáng)這些效果，但是布局、樣式和組織中的問(wèn)題都無(wú)法單純的通過(guò)色彩就能夠解決。

如果要重新設(shè)計(jì)，請(qǐng)先去掉顏色。這個(gè)簡(jiǎn)單的去色行為真實(shí)的展示出網(wǎng)站的立足點(diǎn)。(事實(shí)上,重新設(shè)計(jì)應(yīng)該開始于重新評(píng)估你的目標(biāo)和內(nèi)容，不過(guò)這是另外一個(gè)故事了。)

有時(shí),去掉色彩本身就是一種解決方案。

不協(xié)調(diào)的色相可以很容易的K掉一個(gè)配色方案。一個(gè)設(shè)計(jì)可以用一種色相的上百種不同深淺的顏色，從蠟筆到霓虹燈，看上去仍然是有條理的。但是如果色相使用錯(cuò)誤的方式混合在一起，整個(gè)配色方案就會(huì)混亂了。避免不協(xié)調(diào)色相的一種辦法就是使用第三色來(lái)分隔：黑色,灰色或者白色的緩沖區(qū)是最安全的，因?yàn)榛疑凳侵行陨?你可以把黑色，白色,灰色與彩虹中任何部分混合在一起并且很協(xié)調(diào)。

第二種方案是不同的色相使用不同的比例。如果配色方案中有紫色和棕色，那么設(shè)計(jì)中可以包含很多深棕色，并且加入一些明亮的紫色來(lái)點(diǎn)綴。

另一個(gè)可選方案是更改色值。純藍(lán)色和亮青色是很一般的組合，但是深藍(lán)色(海藍(lán)色)和靛青色(天藍(lán)色)可以通過(guò)足夠的對(duì)比來(lái)彼此襯托。紅色和紫色差異夠大，但不會(huì)沖突，同時(shí)又足夠接近而不像是刻意為之。淺紅色(粉色)和深紫色可以提供對(duì)比。遺憾的是，避免錯(cuò)誤的顏色組合與選擇好的顏色無(wú)法劃等號(hào)。如果你滿意了，但是你的用戶感覺不舒服，那就不是一個(gè)成功的配色方案。

發(fā)現(xiàn)優(yōu)秀的配色方案

優(yōu)秀的配色是從哪來(lái)的?有上百種顏色和上千種組合，怎么選擇?小的靜態(tài)網(wǎng)站的設(shè)計(jì)師應(yīng)該從內(nèi)容取色。一般是通過(guò)相片。

對(duì)于吸引目標(biāo)用戶的顏色，他們平時(shí)穿的衣服是一個(gè)優(yōu)秀的指示器。看看你的用戶穿的什么，你會(huì)知道什么顏色能讓他們覺得舒服。如果你的網(wǎng)站是關(guān)于，描述體育聯(lián)盟的，想想他們比賽時(shí)穿的衣服，這要比他們平時(shí)工作時(shí)的好。如果你幸運(yùn)的得到目標(biāo)用戶的照片，一并看看。你需要得到這群人的中間色(average)。但是如果照片無(wú)法利用，那么去購(gòu)物吧。

商業(yè)界的服裝設(shè)計(jì)師對(duì)于每種心情和生活方式都有優(yōu)秀的色彩感。通過(guò)google搜索“camping stores,”“baby clothes,”“ski and swimwear”和“casual living”會(huì)找到很多很好的色彩組合。

人們會(huì)根據(jù)他們的品味穿衣服。如果你使用他們喜歡的顏色，在你的網(wǎng)站上他們會(huì)覺得更舒服。

使用紋理

通過(guò)微小的改變色相,飽和度和色值來(lái)制作紋理。

單色紋理(比如，只有一種色相的紋理)和圖案毫無(wú)沖突的給大部分網(wǎng)站提供了微妙的維度。當(dāng)你認(rèn)為你有一個(gè)好的配色方案時(shí)，別讓它變得枯燥無(wú)味了。你用戶的感覺跟你一樣，要保持變化。4個(gè)月之后來(lái)回顧一下這些顏色并做個(gè)筆記。然后問(wèn)一下:它們還適用嗎?如果不,應(yīng)該改什么?哪些因素會(huì)影響你的修改?

少用鮮艷的顏色。一小塊鮮艷的顏色會(huì)吸引用戶，但是如果用戶到處都能看見，他們會(huì)漫無(wú)目的的亂看。一些人認(rèn)為配色方案的色相范圍應(yīng)該小，留一些余地可以讓你的設(shè)計(jì)更有深度。

避免使用純的原色比如紅色，綠色,藍(lán)色和黃色。給它們賦予真正的個(gè)性:紅，但是有些紫。藍(lán)色，但是有點(diǎn)綠。加一些橙色讓黃色更”暖”。

確保你的色彩在”褪色”后依然起作用。如果你選擇紅色，請(qǐng)記得亮紅代表女性，暗紅色看上去像鐵銹或者鮮血。黃色會(huì)像褪色的陽(yáng)光一樣成深棕。深藍(lán)色是神秘的，淺藍(lán)色是寧?kù)o的，印刷品等可能褪色的產(chǎn)品來(lái)說(shuō)，如果你增加飽和度，或許是水藍(lán)色。