事實上,在設計過程中對比度是最重要的設計原則之一,它也是每個設計項目中必不可少的設計要求。那么為什么這么說呢?
控制對比度有助于設計項目的組織結構化,建立信息和視覺的層次,讓最重要的部分成為視覺的重心,讓關鍵信息突出展示。
善于使用有對比度的設計,能增加視覺的觀賞性和趣味性。在相同的布局、相同的視覺元素中,形態(tài)3和色彩的變化有時候非常單調,但是對比能讓變化顯得不同凡響。
然而,和絕大多數(shù)的設計規(guī)則一樣,平衡是對比度控制的核心規(guī)則。如果對比度反差太大。
這樣的視覺設計可能是混亂而不和諧的,如果對比度不明顯,那么設計作品可能看起來單調而晦暗,毫不突出。
那么怎么控制對比度才能真正提升設計項目的視覺效果呢?遺憾的是,你所期待的神奇公式并不存在。
正如同你剛剛開始學習UI設計技能的時候一樣,對比度設計中的許多技巧不是非此即彼的簡單規(guī)程。
但是如果你認為它過于神秘那就錯了,對比度是成就好設計的一種規(guī)則,它還是有跡可循的,任何人都可以將它添加到設計項目中,作出優(yōu)秀的作品。
如果你對對度有興趣的話,不妨看下去,下面的20個設計技巧,也許會幫你打開一扇門。
01. 深淺色彩對比
這個值通常指的是色彩的明暗度,純黑和純白深淺的極致。但是要創(chuàng)造高對比度的色調并不是非得使用黑色和白色。將一個色彩調亮一個調暗是調出對比度的有效手段。
案例中,深藍色的背景和淺色的文本就很好的構成了對比。
02. 不同色調構建對比度
傳統(tǒng)的色輪上有12種色彩,但是常用的配色方案有很多,系統(tǒng)的配色理論中對于如何借助色輪來創(chuàng)建配色方案有比較系統(tǒng)的介紹。
比如大家所熟知的單色方案、相似色方案、對比色方案、對稱三色方案等等。在諸多配色方案中,有一些對比度非常高的配色方案,比如:
·對比色:色輪對稱位置的兩種色彩對比強烈,比如紅和綠,藍和黃,等等。下方案例中就很好地運用了對比色,配合繁復的結構,整個設計實用且充滿了視覺沖擊力。
·分離式對比色:色輪上任意位置的色彩,和它正對位置的色彩兩側的色彩,三種色彩共同組成的配色方案。
·對稱三色:色輪上相互構成120度角度的三種色彩。
值得注意的是,在實際運用中不要使用高飽和度的純色,雖然那樣對比強烈,但是并不一定好看。適當?shù)卣{整深淺和色調,會讓整個配色更優(yōu)秀。
03. 控制色溫營造對比
色彩都有著不同的色溫,黑白灰是中性色(米色和棕色有時候也會被歸類與中性色),紅色、橙色是暖色調,藍色、綠色是冷色調。不同色溫的色調在一起的時候能夠形成不錯的對比度。
下面的案例中,藍色和黃色就構成了不錯的對比,大塊的綠色包圍著明亮的黃色按鈕,整個配色充滿凝聚力。
04. 借助飽和度控制對比
色彩的強度最強的時候,也就是飽和度最高的時候,是最純粹的色彩。飽和度越高色彩越鮮艷,飽和度越低越接近于灰色。
同一色彩不同飽和度下的色彩能夠構成對比,不同色彩不同飽和度下也能構成對比。
下面的案例中,高飽和度的紅色和低飽和度的綠色對比明顯。
05. 形狀對比:幾何形狀與有機形狀
我所熟知的幾何形狀,諸如矩形、三角形和圓形都是規(guī)整的形狀,而流態(tài)的、或者源自自然物體的各種不規(guī)整的有機形狀則通常不是特別規(guī)整,和幾何形狀可以構成對比。
下面的LOGO整體的構成都是規(guī)整的幾何圖形,而其中填充著自然的、插畫式的圖案,兩者構成對比又相互依存。