打造扁平化設計的原則有哪些?
如今設計界最炙手可熱的明星大概就是扁平化設計了吧,關(guān)于它的討論至今都沒(méi)有冷卻的跡象。諸多設計師分成了涇渭分明的兩個(gè)陣營(yíng),一邊努力把扁平化做到極致,一面對其不屑一顧。
我是個(gè)騎墻派,不支持也不反對,在我看來(lái),優(yōu)秀的設計的定義就是好用,只要能設計出優(yōu)秀的產(chǎn)品,我可以采用任何方式,扁平化也是其中之一。但是必須意識到,沒(méi)有哪種風(fēng)格是包打天下的,不能強行將一種風(fēng)格應用到不該用的地方。
那么,扁平化究竟該怎么實(shí)現怎么應用呢?下文將要做的就是分析扁平化的五個(gè)最典型的特征,同時(shí)也介紹一下偽扁平化(不含貶義,只是一種折衷的設計方式)。
一 、拒絕特效
扁平化這個(gè)詞來(lái)自于這種設計所使用的樣式和形狀,它完全屬于二次元世界,一個(gè)簡(jiǎn)單的形狀加沒(méi)有景深的平面,不叫扁平化都浪費這個(gè)詞了。
這個(gè)概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都干凈俐落,沒(méi)有任何羽化、漸變或者陰影。
這一設計趨勢極力避免任何擬物化的元素,這導致這一設計風(fēng)格在其它平臺有時(shí)候顯得突兀,前景圖片、按鈕、文本和導航欄與背景圖片格格不入,各成一派。
那么,扁平化的效果如何呢
因為這種設計有著(zhù)鮮明的視覺(jué)效果,它所使用的元素之間有這清晰的層次和布局,這使得用戶(hù)能直觀(guān)的了解每個(gè)元素的作用以及交互方式。如今從網(wǎng)頁(yè)到手機應用無(wú)不在使用扁平化的設計風(fēng)格,尤其在手機上,因為屏幕的限制,使得這一風(fēng)格在用戶(hù)體驗上更有優(yōu)勢,更少的按鈕和選項使得界面干凈整齊,使用起來(lái)格外簡(jiǎn)單。
二 、 界面元素
扁平化設計通常采用許多簡(jiǎn)單的用戶(hù)界面元素,諸如按鈕或者圖標之類(lèi)。設計師們通堅持使用簡(jiǎn)單的外形(矩形或者圓形),并且盡量突出外形,這些元素一律為直角(極少的一些為圓角)。
這些用戶(hù)界面元素可以方便用戶(hù)點(diǎn)擊,這能極大的減少用戶(hù)學(xué)習新交互方式的成本,因為用戶(hù)憑經(jīng)驗就能大概知道每個(gè)按鈕的作用。
此外,扁平化除了簡(jiǎn)單的形狀之外,還包括大膽的配色。但是需要注意的是,扁平化設計不是說(shuō)就簡(jiǎn)單的搞些形狀和顏色搭配起來(lái)就行,它和其他設計風(fēng)格一樣,是由許多的概念與方法組成的,想要學(xué)習具體設計方法的朋友可以看看 Designmodo,這里有許多現成的設計實(shí)例可以讓大家分享(免費矩形UI、免費扁平化UI,這兩個(gè)地方是一些簡(jiǎn)單的 PSD/HTML UI kit 和一些最基本的組件;專(zhuān)業(yè)矩形UI、專(zhuān)業(yè)扁平化UI,這兩個(gè)地方是一些完整的網(wǎng)頁(yè)/APP PSD/HTML UI 包)。
三 、 優(yōu)化排版
由于扁平化設計的使用特別簡(jiǎn)單的元素,排版就成了很重要的一環(huán),排版好壞直接影響視覺(jué)效果,甚至可能間接影響用戶(hù)體驗。
字體是排版中很重要的一部分,它需要和其他元素相輔相成,想想看,一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無(wú)襯線(xiàn)字體的例子,無(wú)襯線(xiàn)字體家族龐大分之眾多,其中有些字體會(huì )在特殊得情景下會(huì )有意想不到得效果。但注意,過(guò)猶不及,不要使用那些極為生僻的字體,因為保不齊它就把你帶進(jìn)坑里了。
如何使用字體也是一門(mén)學(xué)問(wèn),要學(xué)會(huì )讓不同的字體表達不同的概念,通過(guò)字體告訴用戶(hù)這某一設計/功能的含義,努力使字體成為你簡(jiǎn)化設計的有力武器。
四 、 如何配色
扁平化設計中,配色貌似是最重要的一環(huán),扁平化設計通常采用比其他風(fēng)格更明亮更炫麗的顏色。同時(shí),扁平化設計中的配色還意味著(zhù)更多的色調。比如,其他設計最多只包含兩三種主要顏色,但是扁平化設計中會(huì )平均使用六到八種顏色。
而且扁平化設計中,往往傾向于使用單色調,尤其是純色,并且不做任何淡化或柔化處理(最受歡迎的顏色是純色和二次色)。另外還有一些顏色也挺受歡迎,如復古色(淺橙、紫色、綠色、藍色等)。
五 、 最簡(jiǎn)方案
設計師要盡量簡(jiǎn)化自己的設計方案,避免不必要的元素出現在設計中。簡(jiǎn)單的顏色和字體就足夠了,如果你還想添加點(diǎn)什么,盡量選擇簡(jiǎn)單的圖案。
扁平化設計尤其對一些做零售的網(wǎng)站幫助巨大,它能很有效的把商品組織起來(lái),以簡(jiǎn)單但合理方式排列。
最近還有一種趨勢值得關(guān)注,一些設計師把某一項特效融入整體的扁平化之中,是其成為一種獨特的效果。比如說(shuō),在簡(jiǎn)單的按鈕加一點(diǎn)點(diǎn)漸變或陰影,從而使這種風(fēng)格成為其特色,產(chǎn)生出一種扁平化設計的變種。這種設計要比單純的扁平化更具有適用性和靈活性。
許多設計師比較喜歡這種設計,因為這意味著(zhù)他們可以加點(diǎn)陰影或透視在某些元素上。用戶(hù)可能也會(huì )喜歡這種稍微圓滑一點(diǎn)的設計方式,這能引導他們進(jìn)行一些適當的交互。
但是,還有另一部分設計師并不喜歡這種定為模糊的設計方式。
<< 上一篇:廣告設計中的構圖基礎理論 | >> 下一篇:點(diǎn)線(xiàn)面在平面設計中的表現有哪些? |
- 2017-02-17廣告設計中的構圖基礎理論
- 2017-02-17平面文字設計原則及組合有哪些?
- 2017-02-16零基礎學(xué)習網(wǎng)頁(yè)設計美工怎么速成?
- 2017-02-16平面廣告設計需要創(chuàng )意思維
- 2017-02-16廣告策劃設計中的幾個(gè)入門(mén)常識
- 2017-02-16平面廣告設計中的靈魂就是創(chuàng )意
- 2017-02-16室內裝修中大門(mén)風(fēng)水禁忌有哪些?
- 2017-02-16室內設計中如何學(xué)習看風(fēng)水的原則
- 2017-02-16室內設計風(fēng)水知識影響風(fēng)水因素
- 2017-02-15鄭州市區室內設計培訓到底哪家好?
- 2017-02-15平面設計的學(xué)習要點(diǎn)有哪些?
- 2017-02-15廣告設計師兼職怎么在網(wǎng)上接單
- 2017-02-15室內設計風(fēng)格的轉變-從復雜到簡(jiǎn)單
- 2017-02-15室內設計行業(yè)需要什么樣的畢業(yè)生
- 2017-02-15室內設計中主要用什么方式建模方法
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16