就重要性而言,在APP 應用中色彩元素扮演的角色僅次于功能。 人與計算機的互動主要基于與圖形用戶界面元素的交互,而色彩在該交互中起著關鍵作用。 它可以幫助用戶查看和理解APP 內容,與正確的元素互動,并了解操作。 每個APP 都會有一套配色方案,并在主要區域使用其基礎色彩。
如何選擇有效的配色方案
在創建配色方案時,需要考慮很多因素,包括品牌色彩及色彩在你所在區域的特殊意義。
有多少色彩?
保持色彩組合簡潔有助于改善用戶體驗。 一個簡潔的配色方案不會使人眼花繚亂,并且使你的內容更容易被理解。 相反,在太多的地方有太多的色彩很容易搞砸設計。
多倫多大學關于人們如何使用Adobe Color CC的研究顯示大多數人更傾向于僅依賴2-3種色彩的簡單色彩組合。
如何創建方案
那么,你如何選擇這2-3種色彩? 色環可以幫助我們。
△ 十二色環圖是創建配色方案的重要工具。
有許多預設的配色方案可以使配色更容易,特別是對于初學者來說。
單色配色
單色方案是最易于創建的配色方案,因為每種色彩取自相同的基色。 單色的色彩可以很好地結合在一起,產生和諧的效果。
△ 單色是單一色系的搭配,它在色彩的深淺、明暗或飽和度上有所調整而形成明暗的層次關系。
單色方案是非常容易被視覺感受到的,特別是藍色或綠色。
△ 正如你看到的,這個配色方案看起來干凈簡潔。
相近色
相近色的配色方案是選取相互不沖突的的相關色彩; 一種色彩用作主色,而其它色彩用于豐富該方案。
△ 相近色配色方案是由在十二色環圖中相鄰的三種色彩創建的。
這個方案相對容易使用,其訣竅是選擇哪種顏色作為主調色來突出。 例如,Clear,一款手勢操作任務管理APP ,它使用相近的色彩,從視覺上區分任務的優先級。
△ Clear中的默認配色方案讓人聯想到熱點熱圖,其中較緊迫的項目以明亮的紅色顯示。
Calm,一款冥想APP ,使用相近的色彩藍綠色彩,幫助用戶感到輕松和平和。
△ Calm使用相近的色彩來塑造整體的氛圍。
補色搭配
互補色是對立的色彩。
△ 互補色是色環上兩個正對立的顏色。
它們對比強烈,可以用來吸引觀眾的注意力。 當使用互補色方案時,重要的是選擇主色并且使用其互補色用于強調。 例如,當人眼看到一塊不同色調的綠色物體時,一點紅色就會很突出。
△ 使用互補色是讓內容脫穎而出的最簡單方法。
但是你必須謹慎使用互補色,以防止你的內容在視覺上顯得不和諧。
自定義配色方案
創建自己的配色方案不像許多人想象的那么復雜。最簡單的方法就是將一個明亮的主色添加到一堆中性色中,這也是一個最能引起視覺沖擊的方案。
△ 向灰度設計中添加一種色彩可以很輕易地吸引眼球。
白底加灰色文本,點綴以藍色高亮,就是Dropbox的配色方案。
色彩搭配小賞析