10. 白色
白色,干凈,神圣,純潔的顏色,通常被認為是“無色”的。白色的明度最高,無色相。
UI常用配色原理
在UI中配色有哪幾種方式呢,今天教大家一些小技巧,要了解UI中配色,首先我們的知道關于顏色的幾個小知識:
1. 純色
顧名思義就是單色,一個顏色組成,在界面中經常通過顏色深淺冷暖對比來使用。
2. 鄰近色
相鄰的兩組顏色,色相環中相距30度,或者相隔五六個數位的兩色,為鄰近色關系,色調統一和諧、感情特性一致。
3. 互補色
在色相環中每一個顏色對面(180度對角)的顏色,稱為互補色,也是對比最強的色組。把對比色放在一起,會給人強烈的排斥感,搭配不好會很山寨。
3. 三種顏色
界面中,由三種顏色組成的配色。
4. 拆分互補色
拆分互補色就是在互補色的前提下,每個互補色再增加一個同色系的顏色,比如互補色是藍色,和紅色。
▲ 這是一對紅藍互補色
▲ 在藍色和紅色基礎上,選擇一個鄰近色作為拆分互補色
以上就是色彩中常用一些搭配方式,互補色,單色,鄰近色,拆分互補色,那么界面中怎么運用呢,來看一些實際的案例
單色運用
Copper的產品設計,整個產品就采用一種配色,暖粉色,顏色年輕活潑,暖粉色很好的運用在界面的各個地方,形成統一的品牌認知。
蒂芙尼,整個品牌網站,到線下店,以及對外的宣傳,周邊包裝產品統一的使用著蒂芙尼藍色設計,讓這個藍色深入人心。
印象筆記的設計,從整體的網站設計,到界面,到引導頁面,都是講印象筆記經典的綠色用到徹底,形成品牌色彩認知。
WalidB的插畫作品,同樣在插畫作品中,運用一個色系,通過深淺對比,來形成統一的風格色調,讓風格更加具有高級感,科技感。
鄰近色運用
CreativeO的圖標設計中,很好的運用鄰近色漸變,讓圖標更加富有活力和時尚感,鄰近色作為漸變運用。
一個天氣應用,同樣采用鄰近色做對比,背景底紋運用一些光暈讓界面更加生動和靈動。