解析扁平化設計的流行配色方案

2021-08-11 01:25:48 字數 1458 閱讀 9087

扁平化設計從2023年開始就已經流行起來,我覺得flat design有點類似極簡主義設計,同樣是追求簡潔、簡約,不同的是,扁平化設計是一項運用簡單效果,或者是刻意進行乙個不使用三維效果的設計方案。乙個好的扁平化設計必然不可能出現陰影、浮雕和漸變等效果。

扁平化設計看上去非常簡單、直觀,並且使用方便,所以在手機介面和網頁設計中變得越來越受歡迎。

扁平化設計並不侷限於某種色彩基調,它可以使用任何色彩。但是大多數的設計師都傾向於使用大膽鮮豔的顏色。

那麼,如何讓扁平化設計在色彩上與眾不同呢?設計師正在不斷地增加色彩層次,將原本的一兩個層次層加到三個、四個甚至更多。這些色彩的亮度和飽和度大都非常高。

在進行扁平化設計時,傳統的色彩法則就不適用了,轉而以彩虹色這種流行色來進行配色。

扁平化設計一般都有特定的設計法則,比如利用純色,採用復古風格或是同類色。但並不是說這是唯一的選擇,而是這種方式已經成為一種流行的趨勢,也更加受大家歡迎。

提到扁平化設計的色彩,純色一定首當其衝地出現在我們腦海裡,因為它帶來了一種獨特的感受。純粹的亮色往往能夠與明亮的或者灰暗的背景形成對比,以達到一種極富衝擊力的視覺效果。所以說,在進行扁平化設計時,純色絕對是最受歡迎的色彩趨勢。

前面設計達人網分享過metro的配色方案,而flatuicolors.com將扁平化設計中最受歡迎的色彩進行了乙個整理,從寶藍和草綠到明黃和橘黃色,這些色彩概括出了我們現在能夠看到的色彩趨勢。

在扁平化設計中,三原色是很少見的,即正紅、正藍和正黃。

簡單起見,在乙個扁平化設計方案中,如果你想快速的配色,那就選擇相似的色調和飽和度。另外,本文也將提供一些色彩樣本。

樣本:利用色彩進行一組扁平化設計的色彩配色。每一種色彩都能與背景形成最強勁的視覺衝擊。

復古色在進行扁平化設計時,復古色也是一種常見的色彩方式。

這種色彩雖然飽和度低,但卻是在純色的基礎上新增白色,以使色彩變得更加柔和。復古色經常以大量的橘色和黃色為主,但有時也有紅色或藍色。

在扁平化設計中,以復古色為主色調是很常見的,以為這種色彩能夠使頁面變得更加柔美、富有女性氣質。

樣本:在扁平化設計中,如果將復古色作為主色調,呈現效果最好。

同類色(單色調)

在扁平化設計中,同類色正迅速成長為一種流行趨勢。這種色彩往往以單一顏色搭配黑色或白色來創造一種鮮明且有視覺衝擊的效果。

大部分的同類色利用乙個基本色搭配兩三個色彩。最受歡迎的色彩選擇似乎是藍色,但很多設計師則傾向於使用黑色搭配一兩個流行色比如紅色,作為按鈕。

另乙個方法是利用少量的色彩變化。比如,藍色配以綠色呈現出一種藍綠色的效果。

樣本:正如其他的色彩搭配一樣,同類色也是需要對比的。

最受歡迎的顏色::藍色、灰色和綠色。

結論:進行扁平化設計是一件令人愉悅的事情,所以,你的設計作品也應該反映出這種快樂的態度。

色彩的選擇應該與你的作品相匹配,正確地引導使用者有效地使用你的**,並且在這一過程中擁有乙個有趣的經歷。當進行扁平化設計時一定不要拘泥與傳統的色彩搭配法則,而是開闊你的思路,引發各種奇思妙想。

流行趨勢 25個最佳的扁平化網頁設計案例

以微軟 metro ui 為代表的扁平化介面設計 flat ui design 已成為網頁設計領域的流行趨勢,越來越多的設計師崇尚扁平化設計的簡約 大方和時尚的現代氣息。這篇文章分享的25個最佳的扁平化網頁設計案例將帶你一起體驗這前沿的設計。layervault lorenzo verzini sp...

陣列扁平化(flatten)實現方案

1,2,3,1,2,3,1,2 1,2,3,1,2,3,1,2 上面的轉換就是陣列的扁平化,將乙個巢狀多層的陣列 array 轉換為只有一層的陣列。下面是實現陣列扁平化的幾種簡單方法。function flatten1 arr flatten2 1,2,3,1,2,3,1,2 1,2,3,1,2,3...

扁平化設計的色彩選擇

本文 自 視覺中國 扁平化設計 flat design 的色彩選擇 譯自 這段時間以來,我們已經陸續為大家呈現了很多優秀的扁平化設計形式,也討論了很多扁平化設計的發展趨勢。有關扁平化設計的製作,很重要的一點就是色彩的使用。扁平化設計是一項運用簡單效果,或者是刻意進行乙個不使用三維效果的設計方案。乙個...