關(guān)于風(fēng)格那點事兒：扁平化設(shè)計VS擬物化設(shè)計

這篇小短文是關(guān)于最近很火的扁平化風(fēng)格的深度探討。我可以聽到你們腦袋里不耐煩地抱怨：“Brah，這種事情隨意啦！”。但是如果你想做一個有品味的設(shè)計師，還是看看為好。當(dāng)然，我會盡可能得快點講完。

延伸閱讀：搜狐暢游推薦 和你聊聊扁平化設(shè)計

我從不認為哪種風(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è)計看起來更高端！更大氣！更有品味！更國際范兒！親，你們懂的！

翻譯小組：SDC番茄匠 ? 微博ID:@木草彌生
原文地址：its-a-matter-of-taste

 
================微信推薦================
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：