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

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

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

我要說(shuō)的第一件事，過(guò)猶不及。iOS中Header的特點(diǎn)是它有十分豐富細(xì)膩的漸變等特效，而扁平化設(shè)計(jì)則完全摒棄了這些特效。如果我們像iOS那樣使用更多的特效，制造更多的細(xì)節(jié)和對(duì)比，最終會(huì)得到下圖中第一個(gè)Header；如果我們?nèi)サ羧康臐u變和效果，我們會(huì)得到一個(gè)像Windows8一樣扁平的結(jié)果，即下圖中間的Header；最后，如果我們?cè)贖eader上加入一點(diǎn)點(diǎn)不易察覺(jué)的、十分微妙的漸變和特效，我們就會(huì)得到下圖第三個(gè)Header

和《三只小熊》（The Story of the Three Bears）里的小菇?jīng)鲆粯樱覀€(gè)人更喜歡第三個(gè)效果。

我要說(shuō)的第二件事，還是過(guò)猶不及。檢查一下UI視圖中“選中”狀態(tài)的設(shè)計(jì)。我們使用淺藍(lán)色的背景來(lái)表明這個(gè)部分被選中了，而不是復(fù)雜的特效。這個(gè)設(shè)計(jì)很好地給了用戶操作反饋，既不會(huì)太顯眼，又不會(huì)引不起用戶的注意。

我們需要有目的性地、科學(xué)合理地使用扁平化和擬物化風(fēng)格，而不是生硬地套用某種風(fēng)格，更不是一條路走到黑。這樣才能讓我們的用戶界面設(shè)計(jì)看起來(lái)更高端！更大氣！更有品味！更國(guó)際范兒！親，你們懂的！

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

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

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

廣告

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