扁平化設計:趕一種叫“簡約”的時髦

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

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

    說到設計,扁平化設計應該算是現下的設計熱門詞,無論是一個網站還是一個應用程序,扁平化和極簡的設計已經成爲新的趨勢越來越多的網站設計在UI上走扁平化設計的路線, “扁平化設計”已是當下網頁設計的流行趨勢。扁平化設計中會用到很多的色彩但是色彩總的來說是不變的,那怎樣才能使用色彩讓設計變得各有不同?其實歸根結底就是色調與飽和度的匹配。

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

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

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

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

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

復古色

wKioL1TdpiTjEupzAACotKzChUU055.jpg

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

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

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

wKiom1TdpUGBkJ7lAACe-kDuOrI943.jpg

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

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

 

 

 

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

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

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

wKioL1TdpkrzcmQTAAC7gzXc9rA986.jpg

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

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

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

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

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

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

 

wKiom1TdpWug9V2sAAMihKJkOBM703.jpg 

結論

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

來吧,下載 www.OCenter.cn或使用現有的配色方案,開始你的項目吧。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章