關(guān)于風(fēng)格那點事兒:扁平化設(shè)計VS擬物化設(shè)計
![](http://image.woshipm.com/wp-files/img/102.jpg)
這篇小短文是關(guān)于最近很火的扁平化風(fēng)格的深度探討。我可以聽到你們腦袋里不耐煩地抱怨:“Brah,這種事情隨意啦!”。但是如果你想做一個有品味的設(shè)計師,還是看看為好。當(dāng)然,我會盡可能得快點講完。
我從不認為哪種風(fēng)格或哲學(xué)立場更正確或者說更優(yōu)于其他,我更中庸一些,我認為答案通常不是極端的;我也認為,使用得當(dāng)?shù)木褪呛玫?。?dāng)下被討論的很火熱的用戶界面設(shè)計風(fēng)格有兩種:扁平化設(shè)計和擬物化設(shè)計。在實際的案例中我們應(yīng)該怎樣取舍呢?
簡單說來,設(shè)計師的品味決定了他如何在實際案例中靈活運用這兩種設(shè)計風(fēng)格。在iOS客戶端的Dropbox中,這兩種設(shè)計風(fēng)格被很好地融合在一起。
我要說的第一件事,過猶不及。iOS中Header的特點是它有十分豐富細膩的漸變等特效,而扁平化設(shè)計則完全摒棄了這些特效。如果我們像iOS那樣使用更多的特效,制造更多的細節(jié)和對比,最終會得到下圖中第一個Header;如果我們?nèi)サ羧康臐u變和效果,我們會得到一個像Windows8一樣扁平的結(jié)果,即下圖中間的Header;最后,如果我們在Header上加入一點點不易察覺的、十分微妙的漸變和特效,我們就會得到下圖第三個Header
和《三只小熊》(The Story of the Three Bears)里的小菇?jīng)鲆粯?,我個人更喜歡第三個效果。
我要說的第二件事,還是過猶不及。檢查一下UI視圖中“選中”狀態(tài)的設(shè)計。我們使用淺藍色的背景來表明這個部分被選中了,而不是復(fù)雜的特效。這個設(shè)計很好地給了用戶操作反饋,既不會太顯眼,又不會引不起用戶的注意。
我們需要有目的性地、科學(xué)合理地使用扁平化和擬物化風(fēng)格,而不是生硬地套用某種風(fēng)格,更不是一條路走到黑。這樣才能讓我們的用戶界面設(shè)計看起來更高端!更大氣!更有品味!更國際范兒!親,你們懂的!
來源:uisdc
- 目前還沒評論,等你發(fā)揮!