這篇重點闡述APP扁平化設計的配色問題,請小伙伴們跟隨html5模版網(m.suosuyi.cn)一起來一步步學習APP設計配色。
我們先來回顧下之前關于APP扁平化設計的知識點。
2、中國GUI設計師的APP扁平化設計作品欣賞-設計派
3、如何讓你的APP設計更加的漂亮和引人注目?
4、成功設計一款App需要注意哪些問題?
5、略談APP圖標扁平化設計中的長投影設計
那到底什么是APP扁平化設計呢?下面的3點很好的告訴你啦。
1、APP扁平化設計是一種實打實的設計風格,不要花招,不要粉飾。扁平化之前,設計師的作品往往非常的寫實,非常的有立體感。從整體的角度來講,APP扁平化設計是一種極簡主義美學,附以明亮柔和的色彩,最后配上粗重醒目,而風格又復古的字體,提倡功能大于形式、留白大于填充的美學。APP扁平化設計并不局限于某種色彩基調,它可以使用任何色彩。
2、APP扁平化設計是一種不使用任何額外效果的計方案,她不包括任何 3D 效果。這里沒有很深的陰影,斜角,立體效果,漸變或者其它方法創建的凸出或者凹陷效果。圖標和 UI 元素都是很鮮亮的,沒有邊緣效果和陰影。
3、APP扁平化設計并不是完全沒有效果的,只是沒有那些多余的人造的陰影和維度。現在越來越多的設計幾乎都是扁平的了,他們的整體樣子和觀念都只包含很少的效果。
當然在談論APP扁平化設計,不能不談APP字體設計和APP字體排版。
因為扁平化網站一般使用無襯線字體,符合扁平化中沒有過多修飾的簡約美。大部分扁平化設計最多使用兩個系列的字體,很多只使用一個系列。
詳細閱讀《移動APP界面設計分享:文字閱讀體驗設計篇》
下面我們重點講講APP扁平化設計的配色方案:
1、確定色彩基調
你可以選用一些色彩搭配工具來輔助你,如果你是設計大神了,那對于色彩敏感度很強啦,可以捏手拿來!呵呵
APP扁平化設計并不局限于某種色彩基調,它可以使用任何色彩。但是大多數的設計師都傾向于使用大膽鮮艷的顏色。那么,如何讓扁平化設計在色彩上與眾不同呢?
設計師正在不斷地增加色彩層次,將原本的一兩個層次層加到三個、四個甚至更多。這些色彩的亮度和飽和度大都非常高。
在進行扁平化設計時,傳統的色彩法則就不適用了,轉而以彩虹色這種流行色來進行配色。
扁平化設計一般都有特定的設計法則,比如利用純色,采用復古風格或是同類色。但并不是說這是唯一的選擇,而是這種方式已經成為一種流行的趨勢,也更加受大家歡迎。
2、合理進行色彩布局3
APP設計師們應該學會利用色差原理合理搭配分配APP布局棋格。不管是同類色還是復古色,還是運用對比色、透明度等技巧,都要合理搭配。
在APP扁平化設計中,同類色正迅速成長為一種流行趨勢。這種色彩往往以單一顏色搭配黑色或白色來創造一種鮮明且有視覺沖擊的效果。
大部分的同類色利用一個基本色搭配兩三個色彩。最受歡迎的色彩選擇似乎是藍色,但很多設計師則傾向于使用黑色搭配一兩個流行色比如紅色,作為按鈕。
另一個方法是利用少量的色彩變化。比如,藍色配以綠色呈現出一種藍綠色的效果。
同類色在移動設備和APP設計中格外受歡迎。
這個網站FlatUIColors.com上面有詳細的介紹扁平化設計基本原則是什么,扁平化設計是不是新趨勢。大家可以認真閱讀和參考設計。