扁平化設(shè)計VS擬物化設(shè)計

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

我從不認(rèn)為哪種風(fēng)格或哲學(xué)立場更正確或者說更優(yōu)于其他，我更中庸一些，我認(rèn)為答案通常不是極端的；我也認(rèn)為，使用得當(dāng)?shù)木褪呛玫?。?dāng)下被討論的很火熱的用戶界面設(shè)計風(fēng)格有兩種：扁平化設(shè)計和擬物化設(shè)計。在實際的案例中我們應(yīng)該怎樣取舍呢？

簡單說來，設(shè)計師的品味決定了他如何在實際案例中靈活運用這兩種設(shè)計風(fēng)格。在iOS客戶端的Dropbox中，這兩種設(shè)計風(fēng)格被很好地融合在一起。

我要說的第一件事，過猶不及。iOS中Header的特點是它有十分豐富細(xì)膩的漸變等特效，而扁平化設(shè)計則完全摒棄了這些特效。如果我們像iOS那樣使用更多的特效，制造更多的細(xì)節(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è)計看起來更高端！更大氣！更有品味！更國際范兒！親，你們懂的！

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)站標(biāo)題：扁平化設(shè)計VS擬物化設(shè)計
URL分享：http://www.muchs.cn/news47/325697.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、軟件開發(fā)、營銷型網(wǎng)站建設(shè)、云服務(wù)器、外貿(mào)建站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)