第二種方案是不同的色相使用不同的比例.如果配色方案中有紫色和棕色,那么設計中可以包含很多深棕色,并且加入一些明亮的紫色來點綴.

另一個可選方案是更改色值.純藍色和亮青色是很一般的組合,但是深藍色(海藍色)和靛青色(天藍色)可以通過足夠的對比來彼此襯托.紅色和紫色差異夠大,但不會沖突,同時又足夠接近而不像是刻意為之.淺紅色(粉色)和深紫色可以提供對比

遺憾的是,避免錯誤的顏色組合與選擇好的顏色無法劃等號.如果你滿意了,但是你的用戶感覺不舒服,那就不是一個成功的配色方案.

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

優(yōu)秀的配色是從哪來的?有上百種顏色和上千種組合,怎么選擇?

小的靜態(tài)網站的設計師應該從內容取色.一般是通過相片

我最近做的一個由8個頁面組成的網站,頂部被一個精心制作的金屬架貫穿,與之相對比的是深藍色的天空.使用Photoshop的吸管工具,定成5*5的尺寸,我選取了天空的最深和最淺的部分,并應用到邊欄,鏈接,標題,頁腳,同時調整了色度

當客戶問我們是如何把網站設計的這么好,并且這么快,我們回應說”這才是我們該做的”.但是實際上顏色就在那,我只是找到它.(譯者注: 很有陸游的”文章本天成,妙手偶得之”的風采啊…)

對于吸引目標用戶的顏色,他們平時穿的衣服是一個優(yōu)秀的指示器.看看你的用戶穿的什么,你會知道什么顏色能讓他們覺得舒服.如果你的網站是關于,描述體育聯(lián)盟的,想想他們比賽時穿的衣服,這要比他們平時工作時的好

如果你幸運的得到目標用戶的照片,一并看看.你需要得到這群人的中間色(average).但是如果照片無法利用,那么去購物吧

商業(yè)界的服裝設計師對于每種心情和生活方式都有優(yōu)秀的色彩感.當然不用跟第五大道上的高級時裝一樣.通過google搜索“camping stores,”“baby clothes,”“ski and swimwear”和“casual living”會找到很多很好的色彩組合

人們會根據(jù)他們的品味穿衣服.如果你使用他們喜歡的顏色,在你的網站上他們會覺得更舒服

使用紋理

通過微小的改變色相,飽和度和色值來制作紋理

單色紋理(比如,只有一種色相的紋理)和圖案毫無沖突的給大部分網站提供了微妙的維度.

簡單而特別的紋理背景很容易建立:

給內墻(interior wall)照個像或者其他一些光禿禿的但是感覺粗糙的東西.

用photoshop中打開

復制背景層然后重命名為”texture 1

用配色方案中的顏色將背景填充

把圖層”texture 1″的屬性改為”柔光”并把透明度調為30%

在你的網站上試試.如果看上去不對,繼續(xù)調整透明度.

圖層的名字是經過考慮的.你可能在嘗試多張的照片.但是要避免給圖層命名成類似”wall texture”或者”paper texture”.你要更關注在你網站中的效果,而不是從何而來.

建立優(yōu)秀的配色方案

好的配色方案有一定的特性.把它當成是一個框架或者建立一個指南來保證設計的一致性.配色方案應該:

列出2到5個可以一起使用的色相

描述在設計中色相可以改變多少

每種色相深淺的依據(jù)

與黑色和白色對比時可以很好的工作

下面是個例子

設計師通過選擇感覺很好的暖色調開始的.沒有什么邏輯性的,只是一個模糊的目標”秋天”,還有她的感覺.

在Photoshop中,兩個圖層運用了不同深淺的黑色和白色(進行疊加).每個圖層的疊加模式都是”柔光”.對于最右側的顏色純黑有些過于暗了,所以圖層的透明度也進行了調整

為了統(tǒng)一色彩,建立一個新的用純紅填充的圖層.疊加模式是”著色”,透明度是大概40%(注意:圖層的順序很重要.如果著色層在黑白圖層的下面,顏色就會變了)

它提供給設計師15種顏色可以選擇.她選擇了具有一定范圍和色相的4種.這些顏色與白色是對比的