這幾年里扁平化設計在以驚人的速度發(fā)展。但扁平化風格不會停滯不前,會是不斷改進的。
扁平化設計當前的改進都是基于圖片的焦點。
讓我們研究下這種演變的特點。
有效的極簡主義
極簡主義是只保留你所需要傳達的。扁平化設計和極簡主義有許多共同的簡單原理和關于內容的設計。
極簡主義的形式和功能類似于一個完美的婚姻。
扁平化設計是在視覺和功能上簡單化,等待頁面很多使用這樣的設計。這種輕量級的設計也更容易適配不同的屏幕尺寸。
在屏幕上的元素越少,剩下的是更有效的。
雖然看似簡單,但極簡主義實際上是很難做到很好的。使用較少的元素是意味著你必須用可有的元素表達更多的內容。因此,最重要的是決定需要保留什么。
強調內容(尤其是視覺效果)。遵循一個簡單的規(guī)則 —— 重點在于屏幕的焦點。每個屏幕都應該包含一個且只有一個中心焦點,沒有其他分散注意力的地方。
在屏幕上的元素越少,剩下的越是重要的。
用有效的負空間。負空間是極簡主義的重要成分 —— 這使視覺上適應綜合性風格。
主色
色彩是扁平化設計的一個主要組成部分。扁平化設計中明亮的色調彌補了視覺吸引上的不足。使用明亮顏色的設計永遠不會過時。然而,這一趨勢似乎逐漸變?yōu)橹皇侵魃褂妹髁恋纳{。
內容為主,顏色為輔。
背景上使用對比鮮艷的顏色,讓設計師更好的把握什么是可見的什么是不可見的。
重點顏色可以讓元素更突出。
明亮的圖像在一個暗色的背景會產生一個戲劇性的效果。
突出關鍵的觸發(fā)按鈕和文字。使用可以突出按鈕的顏色,給它們一個醒目的邊界或背景。如果把其他按鈕設成虛擬按鈕那是更好的了。
話術“停留。玩。發(fā)現?!焙汀八阉鳌钡陌粹o高亮顯示。
使用經過驗證的顏色組合。Flat UI Colors收集了一些很好的顏色組合。
吸引人的排版
更好的設備和網絡工具的可用性(如谷歌字體和Adobe Typekit)會在字體設計中建立一個新時代。
文本成為視覺設計的元素。
這字體設計的趨勢是基于更注重于排版,自定義的字體,有意義的書寫。吸引人的排版便于品牌識別,提高了文本內容并創(chuàng)建一個完美的視覺層次。
吸引人的排版更加醒目。
永遠不要丟棄時髦字體的排版風格 —— 一定要是用戶易讀的。
手寫的字體對主頁的設計是一個很好的補充。易讀性可能是一個問題,應該盡量避免使用在大標題中。你可以找到一組由Creative Bloq發(fā)布的免費手寫字體“50個免費的手寫字體”。
手繪元素是一個很棒的使品牌人性化的方式。
一種設計,一種字體
如果你使用太多的字體,設計似乎變得很擁擠,甚至會影響用戶感知的視覺層次結構。除了品牌標識和引人注目的標題我們可以使用戲劇性的排版,大多數扁平化設計都使用相似的字體。
你不會想要設計一個令人分散注意力的字體
因此,當設計一個網站時要思考如何使利用權重和大小使排版視覺上更好,而不是使用不同的字體。
在設計上使用相同的字體,重點在于內容而不是字體。
選擇一個在不同大小和權重下都易讀的字體(特別是在較小的設備上)。
設計中的Avenir字體。
選擇一個容易區(qū)分字母形式的字體。許多字體在相似的字母中太容易混淆。例如,大寫的 I 和小寫的 L 會變得很相似。你需要通過表格讓用戶明確的進行區(qū)分。
Clear Sans與Lato(注意大寫的 I 和小寫的 L)。
扁平化設計暫時不會很快淘汰。將來的趨勢是繼續(xù)發(fā)展新的不同的迭代,同時仍保留使它如此受歡迎的簡單性。