梁景紅談:色彩設計法則!
色彩是需要設計的,色彩是設計的一部分。
色彩怎麼設計才算好?
特定項目的色彩設計思考脈絡是什麼樣的?
對待他人作品,有沒有可以衡量、評估、修正色彩設計的方法?
色彩具有引導用戶的特性,然而真正使觀者所認同的並不是色彩,而是設計師的控制色彩的能力。設計師需要足夠理解畫面中色彩設計的層級關係、單個色彩的感知力與支配力等。實際上,並不是「色彩」做了引導,而是你(的色彩設計能力)做到了引導。因此我認為學習色彩要從設計需求角度出發,不能孤立看待「色彩」和「設計」這兩個學科。
色彩設計法則
色彩設計就是為了「聚焦」
將設計作品分解為單位像素,文字、線條、圖像、視頻……畫面中的哪個元素不是由顏色組成呢?色彩設計關係到設計的方方面面。設計師運用色彩設計作品,而閱讀者通過色彩感知並解讀作品。如果在創作時沒有刻意地為了設計主旨安排色彩,那麼觀者也就無法從作品中獲取與主題相關的信息。當色彩缺乏方向性和目的性時,作品形式也就無法實現簡潔而有效。
實際上,色彩設計的確與主題表達密不可分,它可以引導視線移動,傳遞情感信息,製造美的享受。可以毫不誇張地說,能不能成為優秀的作品,色彩有決定作用。
「突出的色彩」
常常有界面設計師在講座上問我:「色彩為什麼可以引導用戶,色彩是怎麼做到的?」實際上,當兩個顏色在同一個畫面中出現的時候,自然形成對比,形成「突出的色彩」和「不被注意的色彩」的反差。同時我們的視線本能地停留在「突出的色彩」上,找到一個「突出的色彩」後,再去尋找下一個,直到瀏覽完全部畫面。
如果在「文字」上存在有「突出的色彩」,那麼該「文字」就會被最先瀏覽到。如果在「圖像」上存在有「突出的顏色」,那麼該「圖像」就會被最先瀏覽到。
色彩反差大,並且造型輪廓突出,會使聚焦更加強烈而震撼。在設計特殊主題時,這種創意手法非常有效。
聚焦與融合
當在色彩之間形成強對比時,使視線快速「聚焦」在「突出的色彩」上,這種顏色也具備了支配周圍空間的能力。當色彩之間產生弱對比時,這些色彩雖然有一定的差異性,卻沒有特別突出的顏色,可以感受到它們相互「融合」。「聚焦」與「融合」是色彩支配畫面最關鍵的兩種手段。兩者同等重要,融合之處的色彩更顯細節之美,聚焦範圍的色彩重在信息表達。
對比灰色來說,品紅色是這幅作品中的聚焦色,面積最大的兩塊品紅色是觀者視覺最先的兩個聚焦點。不論視線先到達哪裡,之後都會立刻轉移到另一處。接著會移動到中心文字處,最後則會移動到底部信息處。
色彩與信息傳達
人們會自然地閱讀色彩聚焦處的信息,而後尋找下一個色彩聚焦處。就如同雜誌、網頁、海報都有視覺引導線一般,觀者順著一個又一個色彩聚焦處來閱讀信息。這樣一來作品的主旨就傳遞給了觀者,不論是商業信息還是藝術意圖也都是通過色彩的引導進行主題表達的。所以說:色彩設計就是進行最佳的色彩聚焦設計。
當反差沒那麼強烈的時候,聚焦的順序可能會因人而異。比如對於上圖中的作品。有的人會先聚焦在紅色上,有的人則是黑色,還有的人是卡通牛頭造型。
信息層、色彩層與聚焦層
從信息角度說,畫面中的任何信息都應該是重要的。不重要的信息不應該出現在畫面中。簡潔、直接的作品總是要勝出一籌。
聚焦處與融合處的差異在於閱讀的次序,信息的層次感,信息的強調差異,以及如何表達重點推薦信息等。色彩設計不僅僅包含對主題信息的處理,也包含了設計形式的審美需求和情感表達等。
如何理解信息層次、色彩層與層層遞進聚焦的關係是色彩設計的關鍵。如果只是為了美而設置聚焦,而忽略了信息表達的順序,這也會給觀者帶來極大的困擾。同時,隨意設置聚焦或沒有進行聚焦處理都不會形成美感。
分解色彩設計聚焦關係,實際上可以整理出3 個層次:「信息層」「色彩感知層」和「色彩聚焦層」。信息層是圖片、文字、圖形、圖表、抽象造型等視覺元素的前後層次。色彩感知層次是從顏色的三元素(明度、彩度、純度)出發,我們會單純從感知色彩而得到前後層次。色彩聚焦層次是從作品外部進入到畫面內部整個過程的聚焦層次。第一層聚焦是從作品整體觀看到的色彩聚焦感受。通過層層聚焦,我們便閱讀完整個畫面。色彩設計離不開對這 3 個層次的理解。
從作品整體看到的聚焦強度印象
· 強聚焦適合矛盾衝突強烈的主題;
· 弱聚焦適合表述情感的主題。
強聚焦:誇張的、戲劇性、震撼的
電影《幸福的馨香》的海報
白牆和黑色的鍋,色彩對比最為強烈。視線第一時間聚焦在大鍋上,一看就知道是美食題材的電影
弱聚焦:柔和的、抒情的
電影《另一個女人》的海報
畫面總體看沒有強烈聚焦點,比較柔和。弱聚焦在女主角臉部的輪廓上,形成飄渺的感覺,營造出一個憂傷女人的氣質。
同層級的聚焦過多是不可取的
為了集中展示出一段時期的成就,有時候會出現這樣的設計:單獨看每個作品都很優秀,放在一起則會包含很多刺激的色彩(過多的聚焦),而干擾了對於重要信息的閱讀。這樣的作品更像是打個招呼,它並不具備長時間閱讀的特質,也不屬於經典而永恆的審美範疇。有節制地進行聚焦並且用心地增加層次豐富的融合,才會創造出更禁得住推敲的作品。
思考目標:
在長頁面上感受視線流動與色彩的關係
對於無法一眼看全的長頁面,一次性只能看到一部分內容。觀者會根據聚焦色的指引不斷向下閱讀。
在互聯網中,大多數都是這樣的長頁面。因為成本很低,所以多數設計得都不好看,視覺流動也很單一,屬於直線向下。這個作品中用藍莓做引子,在標題處採用深藍色,並用綠色做輔助,在小標題和圖標處點綴使用。
如果把視線所及的內容範圍簡單規劃一下的話,大概可以分3段。
在第一段中,最顯眼的是有立體感的照片圖像——藍莓,從這裡起步,視線移動到色彩一致、面積最大的藍色文字之上,向下順序閱讀。然後轉移到圖表上。
圖像和文字相比較起來,通常圖像更加有吸引力,所以到了中段範圍,觀者會先注意到「手」和「碗」,然後會再返回來閱讀文字。有的人習慣豎排閱讀(日文),有的人習慣橫排閱讀(大多數中國人和歐美人)。這裡圖示的是橫排閱讀的效果。最後一段範圍,仍然先看到藍色的範圍,之後轉移到圖示,最後看到標誌,閱讀完畢。藍色一直起到引導作用。藍色與背景色、文字色形成有彩色與無彩色的平衡。圖像(照片)與純色(文字)形成了花色與純色的平衡效果。
TAG:零設計 |