扁平化設計 趕一種叫「簡約」的時髦

2021-06-28 17:55:11 字數 2503 閱讀 6975

人可以說是一種受感官支配的動物,我們被食物的香味吸引,被悅耳的**吸引,更容易吸引我們的是透過視覺看到的東西。因此人也可以說是一種視覺動物,我們很容易通過視覺來判斷很多的東西,美醜甚至是善惡。再進一步來說,色彩是抓住我們視覺的核心。

網際網路技術發達的今天,我們開啟電腦、手機就能看到許多的**、應用,最先吸引我們的應該不是它們的效能而是色彩。因此對於**設計來說,介面色彩的設計也是不得馬虎的重要環節。

說到設計,扁平化設計應該算是現下的設計熱門詞,無論是乙個**還是乙個應用程式,扁平化和極簡的設計

已經成為新的趨勢

。越來越多的**設計在ui上走扁平化設計的路線, 「扁平化設計」已是當下網頁設計的流行趨勢。扁平化設計中又會用到很多的色彩,但是色彩總的來說是不變的,那怎樣才能使用色彩讓設計變得各有不同?其實歸根結底就是色調與飽和度的匹配。

我們不難發現大多的設計師通常會選擇大膽的和鮮亮的來使用,意在第一時間抓住人的眼球。設計師們開啟調色盤,多數時會選鮮亮的,飽和度高的來用,偶爾也會使用灰色或黑色 。而包括彩虹調色盤在內的很多傳統配色規則都被丟擲窗外。

我們可以從亮色、復古色到單一色來把握一下扁平化設計的色彩方案,當然這不是說扁平化設計就只有這三種方案可選,只是就現在的配色設計來說它們是流行的趨勢。

不得否認的是,鮮亮的色彩為扁平化設計創造出一明媚的感覺。因為鮮豔的色彩不管是在亮背景下,還是在暗背景下都能獲得很好的對比度,以吸引使用者的注意。可以說,這正是它成為扁平化設計色彩趨勢的原因。

亮色:可以嘗試把這些色彩組合,或混合在一起使用。它們在白色或黑色背景上都有很好表現。

比較流行的有:藍色,綠色和紫色。

復古色

復古色 也是扁平化設計中一種流行的方案。

復古(vintage)也是現在年輕人爭搶著要趕的一種時髦,復古風確實有著一種莫名的吸引力。復古色,這些建立在鮮亮顏色基礎上的不飽和色彩,加之白色內容的反差,看起來更柔和。相較於亮色來說顯得俏皮中帶著沉穩,看起來更有格調。復古色的配色方案往往包含大量的橙色和黃色,偶爾也有紅和藍。

復古色很常見的是用在主色和輔色上,因為它們給人感覺很舒緩。

復古色:這類色彩適合作為主色元素出現,配以圖案或柔和的色彩,效果最佳。

比較流行的有:橙色,桃色,梅子色和深藍色。

單一色 方案正在被日益普及。它依賴於黑色和白色的單一顏色來創造新的色調。

我們所處的世界紛繁複雜,不管是大人還是小孩子每天可以說都在積累疲憊。上述的兩種色彩方案都是基於明亮鮮豔的顏色來配色的,看久了眼睛自然會累。雖然像上文說到的那樣,設計師通常都會選擇的是大膽鮮亮的顏色來使用,但是今天我要推薦的卻是這種單一色的色彩方案。其實,不一定是用特別鮮豔的顏色來設計才能算得上是大膽創新,現在的年輕一代越來越崇尚的是簡約的格調,過於鮮豔的顏色不免俗套。

大多單一色彩方案都是乙個基本色搭配另外2-3種其他色調。最流行的色調就是藍色,但也有設計師採用黑色(或灰色)作為基色,用紅色代表按鈕或動作。另一種做法是利用顏色差異。比如藍色,你可以新增綠色調進去,來建立乙個藍綠色的方案。

單一色:與其他色調方案一樣,通過調節對比度,可以在父顏色基礎上得到很多不同的色調。比如原始顏色對比度是100%,你可以看看調成50%,20%和8%後分別是什麼樣子。

比較流行的有:藍色,灰色和綠色。

我們來看乙個很符合這一調色方案的案例,乙個名為opencenter的使用者中心框架的色彩設計。扁平化設計,使用者介面簡潔清新。我們由下面的介面圖可以看到最主流的不飽和的藍色和綠色的搭配組合,沒有過分鮮豔的顏色使整個畫面看起來非常柔和,同時也不會顯得特別沉悶。就好像是清晨一起床拉開窗簾就是見到的是和煦的冬日陽光,清新自然。

值得一提的是,opencenter這個專案不僅在色彩方面表現得親切柔和。它是乙個開源專案,提供一套介於框架與應用之間的中間產品,它所面向的客戶群是php語言的開發者。

就現有的資料來看opencenter去除了冗餘的cmf部分,保留了核心的使用者系統,擴充套件了模組的裝卸機制,開發者就只需要專注於業務系統的開發。並且為開發者提供一套無限制的使用者中心解決方案來快速構建任何產品。在我看來可以形象得理解為蓋房子,地基都打好了,並且這個地基是免費的,我們要做的只需在地基上建造房子即可。

如果在這樣乙個框架上來開發,不僅是色彩上符合潮流趨勢,其功能也注定成為開發者最強大的助力。

結論讓我們的感官承受乙個舒適柔和的環境,讓我們腦子解放,只用來思考最有價值的問題。opencenter應該說很能滿足上訴的兩個需求,並且很新,且有趣。你可以在專案中體會這一點。乙個好的使用者中心框架,能夠引導開發者開發出更好的產品,這是一件很酷的事情。

扁平化設計與色彩趨勢

b 扁平化設計進修 b img img img img 扁平化設計你可以通俗的理解為 使用簡單特效,或者無特效來建立的設計方案,它不包含三維屬性。諸如投影 斜面 浮雕 漸變等特效都不要在設計中使用。扁平化設計給人的感覺通常都很簡潔,即使它可以做的很複雜。簡單 直接 友好的特性也使得它廣受移動介面和時...

扁平化設計的色彩選擇

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

扁平化設計與色彩趨勢

扁平化設計你可以通俗的理解為 使用簡單特效,或者無特效來建立的設計方案,它不包含三維屬性。諸如投影 斜面 浮雕 漸變等特效都不要在設計中使用。扁平化設計給人的感覺通常都很簡潔,即使它可以做的很複雜。簡單 直接 友好的特性也使得它廣受移動介面和時尚 設計的青睞。說到色彩,扁平化設計中會用到很多,但設計...