午夜精品久久久久久-午夜精品久久久久久91-午夜精品久久久久久久-午夜精品久久久久久久2023-国产精品亚洲精品久久成人-国产精品亚洲精品日韩动图

是什么能讓一個設計看上去是協調的,有條理的,專業的?答案是”色彩”.

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

色彩是最難辦的設計元素.“好”的色彩是像個人口味和感覺一樣難以把握的,而且還有諸如對比度,顯示器校準等技術上的限制因素

但是對于內容來說,色彩是至關重要的.如果你認為一個網站很重要,值得花時間來完善,那么用戶通常也會認為它很重要,會花時間來讀.選擇好的色彩就是為了達到這種效果.

如果想讓網站看上去是沒有條理(unplanned)的,最好的辦法就是隨機選擇顏色.

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

跟印刷制品一樣,色彩會影響人們對所見到的信息的理解.

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

好的設計策略會包含一個配色方案(比如為了傳達信息和營造氛圍,色彩的可選范圍.)以及這個方案的具體安排.

讓我們假設你需要設計一個專業的網站.(當然這個很有可能演變成一種喝酒游戲(drinking game):要嗎是客戶要求網站是”專業的”,”簡潔的”或者”現代的”,要嗎就是”我喜歡這個網站,扒下來.”)

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

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

一個”專業”的設計會讓用戶覺得,這個網站是很嚴肅正規的展示它的主題,即便主題可能是很輕松的.無論哪種色相(hue)還是色值(value),“專業”都意味著是協調的,有條理的,經過深思熟慮的.

使用灰度

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

將設計中的色彩移除之后可以暴露出問題的根本原因,而這些問題在開始考慮哪種黃綠色的色度(深淺)更好看之前就該去解決.如果設計在黑白效果下就感覺不好,那就需要做一些改變了.

每個頁面是否都有清晰的目標?設計是否能引導讀者讀完全部的內容?內容是引人入勝的,鼓舞人心的還是客觀的傳遞信息?標題清晰嗎?文字鏈是否與其他文字有對比?色彩可以加強這些效果,但是布局,樣式和組織中的問題都無法單純的通過色彩就能夠解決

如果要重新設計,請先去掉顏色.這個簡單的去色行為真實的展示出網站的立足點.(事實上,重新設計應該開始于重新評估你的目標和內容,不過這是另外一個故事了.)

有時,去掉色彩本身就是一種解決方案.

我曾經跟一個網站設計公司一起工作,重新設計他們的網站.對于這個項目,他們是很挑剔的,希望能更好.但是如果你認為為你自己設計很難,試著與小組一起解決.在項目結束前,下班后我們之中的三個人一邊喝著酒一邊看著第九稿設計.

我突然的把photoshop的圖層都合并,然后點擊”去色”把紫銅色和藍色的設計稿變成黑白色.讓每個人都驚訝是,它起作用了.

那周結束之前,我們用紅色強化后完成了一個”暖”灰色的設計.當先前的客戶開始贊賞這個新的設計并且接到更多其他的客戶電話時,我們知道我們成功了.

用Photoshop的斜視濾鏡來測試你的配色方案.

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

每個截圖都復制一下背景圖層

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

使用圖像->修改->色調分離.使用8到12之間,或者使用濾鏡->像素化->馬賽克.使用15到30像素

這樣可以看到真正的主色調.整個配色方案,用的越多的顏色,那個顏色在用戶的印象中越重.

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

調整你的色相

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

飽和度是顏色有多濃:霓虹燈效果的顏色就是飽和度很高,而蠟筆的顏色就是飽和度低一些.

色值表示了顏色有多亮(比如,與黑色或者白色有多接近)

色相決定了色彩屬于彩虹的哪個部分,比如紅色或者綠色;這個就是人們容易出錯的地方.

不協調的色相可以很容易的K掉一個配色方案.一個設計可以用一種色相的上百種不同深淺的顏色,從蠟筆到霓虹燈,看上去仍然是有條理的.但是如果色相使用錯誤的方式混合在一起,整個配色方案就會混亂了

避免不協調色相的一種辦法就是使用第三色來分隔.黑色,灰色或者白色的緩沖區是最安全的,因為灰色系是中性色彩:你可以把黑色,白色,灰色與彩虹中任何部分混合在一起并且很協調.