Skeuomorphic—擬物化設(shè)計(jì)
什么是擬物化模擬現(xiàn)實(shí)物品的造型和質(zhì)感，通過(guò)疊加高光、紋理、材質(zhì)、陰影等效果對(duì)實(shí)物進(jìn)行再現(xiàn)，也可適當(dāng)程度變形和夸張，界面模擬真實(shí)物體，擬物設(shè)計(jì)會(huì)讓你第一眼就認(rèn)出這是個(gè)什么東西。交互方式也模擬現(xiàn)實(shí)生活的交互方式。
擬物化計(jì)的優(yōu)點(diǎn)1、認(rèn)知和學(xué)習(xí)成本低：外婆級(jí)的人也能看懂iOS里面幾乎所有原生應(yīng)用的圖標(biāo)；
2、各種按鈕的視覺(jué)質(zhì)感和按下去之后的交互效果，養(yǎng)成用戶(hù)對(duì)這類(lèi)“東西”的統(tǒng)一認(rèn)知和使用習(xí)慣；
3、人性化的體貼：我相信有很多同學(xué)都非常喜歡ibooks的體驗(yàn)，用它來(lái)閱讀確實(shí)是一種享受。
擬物化設(shè)計(jì)的缺點(diǎn)大多數(shù)擬物化界面并沒(méi)有實(shí)現(xiàn)功能化，只是花費(fèi)大量時(shí)間在視覺(jué)的陰影和質(zhì)感效果。
Flatdesign—扁平化設(shè)計(jì)
什么是扁平化摒棄高光、陰影等能造成透視感的效果，通過(guò)抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來(lái)表現(xiàn)。界面上極簡(jiǎn)抽象、矩形色塊、大字體、光滑、現(xiàn)代感十足，讓你去意會(huì)這是個(gè)什么東西。其交互核心在于功能本身的使用，所以去掉了冗余的界面和交互。
扁平化設(shè)計(jì)的優(yōu)點(diǎn)1、簡(jiǎn)約而不簡(jiǎn)單，搭配一流的網(wǎng)格、色彩設(shè)計(jì)，讓看久了擬物化的用戶(hù)感覺(jué)煥然一新；
2、突出內(nèi)容主題，減弱各種漸變、陰影、高光等擬真視覺(jué)效果對(duì)用戶(hù)視線的干擾，讓用戶(hù)更加專(zhuān)注于內(nèi)容本身，簡(jiǎn)單易用。
3、設(shè)計(jì)更容易，優(yōu)秀扁平的設(shè)計(jì)只需保證良好的架構(gòu)、網(wǎng)格和排版布局，色彩的運(yùn)用和高度一致性。
扁平化設(shè)計(jì)的缺點(diǎn)需要一定的學(xué)習(xí)成本，且傳達(dá)的感情不豐富，甚至過(guò)于冰冷。
扁平化設(shè)計(jì)的逆襲
開(kāi)發(fā)更加簡(jiǎn)單數(shù)碼設(shè)備普及度不高的時(shí)代，擬物化是有效果的，尤其對(duì)于孩子和老人來(lái)說(shuō)擬物化設(shè)計(jì)更直觀有趣。但是隨著數(shù)碼科技的發(fā)展，擬物化的好處會(huì)越來(lái)越少，隨之帶來(lái)的是開(kāi)發(fā)成本增加。
使用更加高效擬物化是時(shí)代過(guò)渡中的一個(gè)不得已。在未來(lái)人眼中，一個(gè)溫度計(jì)的app要特地設(shè)計(jì)成實(shí)體溫度計(jì)的樣子，一定傻透了。擬物≠高效，刻意擬物有時(shí)反而降低了效率。
緩解審美疲勞論天下設(shè)計(jì)，繁久必簡(jiǎn)。擬物化設(shè)計(jì)的沉重感多少讓人們開(kāi)始審美疲勞，隨著Windows8的Metro界面發(fā)布，設(shè)計(jì)變得更簡(jiǎn)約清晰，勢(shì)在必行。
扁平化設(shè)計(jì)五大技巧
對(duì)于設(shè)計(jì)師來(lái)說(shuō)，如果你觀察微軟的WindowsPhone的平臺(tái)，你可能會(huì)發(fā)現(xiàn)一個(gè)特別的現(xiàn)象：那就是難看的應(yīng)用不多，但令人印象深刻的應(yīng)用也不多。應(yīng)用很有統(tǒng)一感，但是很難張揚(yáng)個(gè)性，以至于有的開(kāi)發(fā)者感嘆，它們看起來(lái)都是一個(gè)樣子。設(shè)計(jì)師JohnnyHolland將Metro語(yǔ)言比作是包豪斯風(fēng)格，并且指出，“因?yàn)槿コ搜b飾，使得個(gè)性化的空間很小”，這可能給人以“缺乏生命力”的感覺(jué)，所以要想設(shè)做出好的扁平化設(shè)計(jì)，也是非常需要技巧的。
簡(jiǎn)單的設(shè)計(jì)元素扁平化完全屬于二次元世界，一個(gè)簡(jiǎn)單的形狀加沒(méi)有景深的平面，不叫扁平化都浪費(fèi)這個(gè)詞了。這個(gè)概念最核心的地方就是放棄一切裝飾效果，諸如陰影、透視、紋理、漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈俐落，沒(méi)有任何羽化、漸變或者陰影。尤其在手機(jī)上，因?yàn)槠聊坏南拗疲沟眠@一風(fēng)格在用戶(hù)體驗(yàn)上更有優(yōu)勢(shì)，更少的按鈕和選項(xiàng)使得界面干凈整齊，使用起來(lái)格外簡(jiǎn)單......
強(qiáng)調(diào)字體的使用字體是排版中很重要的一部分，它需要和其他元素相輔相成，想想看，一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無(wú)襯線字體的例子，無(wú)襯線字體家族龐大分之眾多，其中有些字體會(huì)在特殊得情景下會(huì)有意想不到得效果。但注意，過(guò)猶不及，不要使用那些極為生僻的字體，因?yàn)楸２积R它就把你帶進(jìn)坑里了......
關(guān)注色彩扁平化設(shè)計(jì)中，配色貌似是最重要的一環(huán)，扁平化設(shè)計(jì)通常采用比其他風(fēng)格更明亮更炫麗的顏色。同時(shí)，扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。比如，其他設(shè)計(jì)最多只包含兩三種主要顏色，但是扁平化設(shè)計(jì)中會(huì)平均使用六到八種顏色。另外還有一些顏色也挺受歡迎，如復(fù)古色淺橙、紫色、綠色、藍(lán)色等......
簡(jiǎn)化的交互設(shè)計(jì)設(shè)計(jì)師要盡量簡(jiǎn)化自己的設(shè)計(jì)方案，避免不必要的元素出現(xiàn)在設(shè)計(jì)中。簡(jiǎn)單的顏色和字體就足夠了，如果你還想添加點(diǎn)什么，盡量選擇簡(jiǎn)單的圖案。扁平化設(shè)計(jì)尤其對(duì)一些做零售的網(wǎng)站幫助巨大，它能很有效的把商品組織起來(lái)，以簡(jiǎn)單但合理方式排列......
偽扁平化設(shè)計(jì)不要以為扁平化只是把立體的設(shè)計(jì)效果壓扁，事實(shí)上，扁平化設(shè)計(jì)更是功能上的建簡(jiǎn)化于與重組。比如，有些天氣方面的應(yīng)用會(huì)使用溫度計(jì)的形式來(lái)展示氣溫，或者計(jì)算應(yīng)用仍用計(jì)算器的二維形態(tài)表現(xiàn)。在應(yīng)用軟件當(dāng)中，溫度計(jì)的形象則純粹是裝飾性的，而計(jì)算器的計(jì)算方式也并不是最簡(jiǎn)單直接的。相比于擬物化而言，扁平風(fēng)格的一個(gè)優(yōu)勢(shì)就在于它可以更加簡(jiǎn)單直接的將信息和事物的工作方式展示出來(lái)......
扁平化設(shè)計(jì)靈感
擬物化還是扁平化，重點(diǎn)不在于追趕潮流，潮流只能影響設(shè)計(jì)外觀和樣子，并且會(huì)慢慢淡去，而被新的潮流所替代。設(shè)計(jì)師設(shè)計(jì)一款應(yīng)用的時(shí)候，讓外觀充分表現(xiàn)產(chǎn)品的內(nèi)容才是王道。對(duì)于設(shè)計(jì)師說(shuō)，或許平庸的設(shè)計(jì)師喜歡“扁平化設(shè)計(jì)”，因?yàn)樗銎饋?lái)毫不費(fèi)力。圓角方形+挑選顏色+使用免費(fèi)圖標(biāo)=完事。我對(duì)于扁平化設(shè)計(jì)的觀點(diǎn)是，設(shè)計(jì)師很容易實(shí)現(xiàn)它，但是要做出真正出色的東西會(huì)更難。因?yàn)椋绻阆拗谱约嚎梢允褂玫膱D形工具，你必須更刻苦的思考，才能做出令人愉悅的界面。
推薦閱讀
設(shè)計(jì)師的思維工具 [ ISUX五維創(chuàng)意卡 ]
我們先從一個(gè)火爆的應(yīng)用說(shuō)起。微信是當(dāng)今智能機(jī)的標(biāo)配應(yīng)用，它的核心功能很簡(jiǎn)單：將語(yǔ)音文件像短信一樣發(fā)送給好友，達(dá)到信息傳遞的目的。也就是說(shuō)結(jié)合短信和錄音的功能>>>詳細(xì)閱讀
本文標(biāo)題：扁平化設(shè)計(jì)
地址：http://www.xglongwei.com/a/blog/20131206/292121.html
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示