是什么能讓一個規劃看上去是和諧的,有條理的,專業的?答案是”色彩”.

不是所有的項目都要用那種淺的”公司藍”(corporate blue)才會看上去很專業.色彩規劃(planning color)便是樹立一個描繪有哪些色彩能夠用以及如何運用的框架.

色彩是難辦的規劃元素.“好”的色彩是像個人口味和感覺相同難以把握的,而且還有比方比照度,顯示器校準等技能上的約束因素.

可是關于內容來說,色彩是至關重要的.假如你以為一個網站很重要,值得花時間來完善,那么用戶一般也會以為它很重要,會花時間來讀.挑選好的色彩便是為了達到這種作用.

在本文中,咱們會回顧一些用來給你的Web規劃樹立美麗的調色板的技能.

假如想讓網站看上去是沒有條理(unplanned)的,好的方法便是隨機挑選色彩.

即使當用戶第一次瀏覽網站的主頁時,色彩也會影響到他們關于內容的情緒.這個網站會讓人興奮嗎? 可信嗎?大膽嗎(daring)?乏味嗎?有政治傾向?很正式的嗎?

跟印刷制品相同,色彩會影響人們對所見到的信息的了解.

找到合適的色彩并不容易,可是整體進程仍是有跡可循的.

好的規劃戰略會包括一個配色計劃(比方為了傳達信息和營造氛圍,色彩的可選規模.)以及這個計劃的具體安排.

讓咱們假設你需求規劃一個專業的網站.(當然這個很有或許演變成一種喝酒游戲(drinking game):要嗎是客戶要求網站是”專業的”,”簡練的”或許”現代的”,要嗎便是”我喜愛這個網站,扒下來.”)

配色計劃取決于網站的特點.比方,銀行和花店的網站看上去都會很專業.

可是人們或許不會喜愛在一個”公司藍”或銀灰色的網站買花.或許幻想一下美國銀行的網站變成紫色和黃綠色.

一個”專業”的規劃會讓用戶覺得,這個網站是很嚴厲正規的展現它的主題,即便主題或許是很輕松的.不管哪種色相(hue)仍是色值(value),“專業”都意味著是和諧的,有條理的,經過深思熟慮的.

運用灰度

與色彩作業的好方式便是從沒有色彩開端.

將規劃中的色彩移除之后能夠露出出問題的根本原因,而這些問題在開端考慮哪種黃綠色的色度(深淺)更美觀之前就該去處理.假如規劃在是非作用下就感覺不好,那就需求做一些改動了.

每個頁面是否都有明晰的方針?規劃是否能引導讀者讀完全部的內容?內容是引人入勝的,鼓舞人心的仍是客觀的傳遞信息?標題明晰嗎?文字鏈是否與其他文字有比照?色彩能夠加強這些作用,可是布局,款式和安排中的問題都無法單純的經過色彩就能夠處理.

假如要從頭規劃,請先去掉色彩.這個簡略的去色行為實在的展現出網站的立足點.(事實上,從頭規劃應該開端于從頭評估你的方針和內容,不過這是別的一個故事了.)

有時,去掉色彩本身便是一種處理計劃.

用Photoshop的斜視濾鏡來測試你的配色計劃.

用網站至少三個頁面做截圖.在Photoshop中翻開

每個截圖都仿制一下布景圖層

給新的圖層做一下10px左右的高斯模糊

運用圖像->修正->色彩別離.運用8到12之間,或許運用濾鏡->像素化->馬賽克.運用15到30像素

這樣能夠看到真正的主色彩.整個配色計劃,用的越多的色彩,那個色彩在用戶的印象中越重.

曾經網站的布局和安排過去都沒有色彩,現在是時分來選一個調色板了.可是選哪個?用多少?

調整你的色相

色彩具有三個屬性:色相,飽和度,色值(有時會叫做明度)(譯者注: 想深化了解的話能夠讀這個:關于色彩的基本理論)

飽和度是色彩有多濃:霓虹燈作用的色彩便是飽和度很高,而蠟筆的色彩便是飽和度低一些.

色值表明了色彩有多亮(比方,與黑色或許白色有多接近)

色相決定了色彩歸于彩虹的哪個部分,比方赤色或許綠色;這個便是人們容易出錯的當地.

不和諧的色相能夠很容易的K掉一個配色計劃.一個規劃能夠用一種色相的上百種不同深淺的色彩,從蠟筆到霓虹燈,看上去仍然是有條理的.可是假如色相運用過錯的方式混合在一同,整個配色計劃就會混亂了.

防止不和諧色相的一種方法便是運用第三色來分隔.黑色,灰色或許白色的緩沖區是安全的,因為灰色系是中性色彩:你能夠把黑色,白色,灰色與彩虹中任何部分混合在一同而且很和諧.

第二種計劃是不同的色相運用不同的比例.假如配色計劃中有紫色和棕色,那么規劃中能夠包括許多深棕色,而且參加一些明亮的紫色來裝點.

另一個可選計劃是更改色值.純藍色和亮青色是很一般的組合,可是深藍色(海藍色)和靛青色(天藍色)能夠經過滿足的比照來互相烘托.赤色和紫色差異夠大,但不會沖突,一起又滿足接近而不像是刻意為之.淺赤色(粉色)和深紫色能夠供給比照.

惋惜的是,防止過錯的色彩組合與挑選好的色彩無法劃等號.假如你滿足了,可是你的用戶感覺不舒暢,那就不是一個成功的配色計劃.

發現優異的配色計劃

優異的配色是從哪來的?有上百種色彩和上千種組合,怎樣挑選?

小的靜態網站的規劃師應該從內容取色.一般是經過相片.

關于吸引方針用戶的色彩,他們平時穿的衣服是一個優異的指示器.看看你的用戶穿的什么,你會知道什么色彩能讓他們覺得舒暢.假如你的網站是關于,描繪體育聯盟的,想想他們比賽時穿的衣服,這要比他們平時作業時的好.

假如你幸運的得到方針用戶的照片,一并看看.你需求得到這群人的中間色(average).可是假如照片無法利用,那么去購物吧.

商業界的服裝規劃師關于每種心境和生活方式都有優異的色彩感.當然不用跟第五大道上的高級時裝相同.經過google查找“camping stores,” “baby clothes,” “ski and swimwear”和“casual living”會找到許多很好的色彩組合.

人們會依據他們的品嘗穿衣服.假如你運用他們喜愛的色彩,在你的網站上他們會覺得更舒暢.

運用紋路

經過微小的改動色相,飽和度和色值來制造紋路.

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

簡略而特別的紋路布景很容易樹立:

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