扁平化設(shè)計(jì)#
以下內(nèi)容由網(wǎng)絡(luò)搜索整理，正文附部分原文鏈接。
1.什么是扁平化設(shè)計(jì)
扁平化設(shè)計(jì)：在進(jìn)行設(shè)計(jì)的過程中，去除高光，陰影，羽化，表面質(zhì)地等所有具有三維突出效果的風(fēng)格和屬性。主要因?yàn)槲④浀腗etro,ios7的推動(dòng)讓這一設(shè)計(jì)大為風(fēng)行。
rich design豐富設(shè)計(jì)風(fēng)格：通過添加各種設(shè)計(jì)裝飾，比如下落陰影、梯度等，讓整體設(shè)計(jì)顯得很豐富。
擬物化設(shè)計(jì)：通過模擬物理實(shí)物來讓設(shè)計(jì)更加逼真。
2.為什么扁平化##
一切都是為了需求
產(chǎn)品的所有設(shè)計(jì)不只是風(fēng)格選擇，都應(yīng)該符合<strong>戰(zhàn)略需求</strong>，扁平化也是其中之一。它不僅是視覺上的——只是最直接影響的是視覺而已——它包含了<strong>整個(gè)產(chǎn)品系列的邏輯和思路</strong>。
比如：
1.強(qiáng)化內(nèi)容，而不是內(nèi)容的載體（比如交互）。最終用戶是消費(fèi)內(nèi)容的。掌握高質(zhì)量?jī)?nèi)容的廠商就會(huì)利用這點(diǎn)來拉開差距。這方面差的，就強(qiáng)調(diào)別的好了。
1.Apple掌握大量高品質(zhì)的第三方應(yīng)用，但是從交互層面出發(fā)，他們家的光頭哥的理念一直是：最好的設(shè)計(jì)是讓人覺察不到的。所以應(yīng)該在有限的空間里，更好的服務(wù)和展現(xiàn)內(nèi)容。因此才有去掉按鈕邊框，顯示圖片時(shí)盡可能不要加邊框等等，ios7的設(shè)計(jì)指導(dǎo)
2.而Android的設(shè)計(jì)思路完全不同，它的核心競(jìng)爭(zhēng)力是信息本身，因此它想去APP化，在各個(gè)設(shè)備中用信息流來傳達(dá)價(jià)值（所以他的設(shè)計(jì)語(yǔ)言更強(qiáng)調(diào)卡片化，甚至去視覺交互化，如google now）。
2.多場(chǎng)景適用性，比如車載系統(tǒng)，穿戴設(shè)備。這其中又包括了不同設(shè)備的性能處理，無(wú)數(shù)種類型的分辨率，以及不同場(chǎng)景下的視覺差異（比如日照情況）。對(duì)于有相關(guān)產(chǎn)品的廠商，就會(huì)推廣更適合的設(shè)計(jì)方案，而扁平化是順理成章能解決以上問題的方法。在有大量不同場(chǎng)景需求時(shí)，用擬物化是找死。比如錘子手機(jī)的生態(tài)圈只有手機(jī)，在相對(duì)獨(dú)立的情況下，這個(gè)問題不會(huì)很突出的顯示出來。到時(shí)候如果需要更整個(gè)Android生態(tài)建立更豐富的關(guān)聯(lián)的時(shí)候——而這一天一定會(huì)到來——他也不得不采用扁平化【這是一個(gè)預(yù)言】。
3.更小的開發(fā)成本，第三方開發(fā)者生態(tài)環(huán)境。同一個(gè)產(chǎn)品，適配以上不同需求時(shí)的開發(fā)成本需要控制。生態(tài)環(huán)境越豐富的廠商，越看重這一點(diǎn)，因?yàn)榻o開發(fā)者制造麻煩，就意味著更糟糕的內(nèi)容。扁平化在適應(yīng)多種設(shè)備的時(shí)候，是最少成本和智能的解決方案。
3.扁平化的擴(kuò)展，不只是一種視覺風(fēng)格##
在管理學(xué)中很早就有扁平化組織的概念，在現(xiàn)在的網(wǎng)頁(yè)，應(yīng)用設(shè)計(jì)中，扁平化發(fā)展至今已經(jīng)不僅僅指一種視覺風(fēng)格，更核心的理念是產(chǎn)品功能的扁平化，信息內(nèi)容的扁平化，即信息層級(jí)的扁平化。
信息層級(jí)的扁平化代表著用戶在第一層級(jí)界面只需要看到核心內(nèi)容區(qū)，和最穩(wěn)固最根本的功能。其他的內(nèi)容是收起到第二層級(jí)第三層級(jí)甚至更深的。
那么如何去鑒定最穩(wěn)固最根本的功能呢？
問自己，哪些東西是這個(gè)應(yīng)用（或網(wǎng)頁(yè)、軟件）沒掉了就沒有辦法用的？比如一個(gè)正在打電話中的界面，對(duì)方名字、對(duì)方頭像、撥號(hào)盤、靜音、掛斷、通話時(shí)長(zhǎng)等等哪些是沒了就不行的？如果能分清楚這個(gè)層級(jí)，才能真的做出扁平化的設(shè)計(jì)。
4.扁平化的設(shè)計(jì)原則
1.拒絕特效
顧名思義，扁平化設(shè)計(jì)僅僅采用二維元素。所有元素都不加修飾——陰影、斜面、突起、漸變這樣會(huì)帶來深度變化的設(shè)計(jì)都是不應(yīng)該的。從圖片框到按鈕，再到導(dǎo)航欄都干脆有力，需要極力避免羽化、陰影這樣的特效。現(xiàn)實(shí)主義、3D、擬物化更是扁平化設(shè)計(jì)的大敵。
扁平化設(shè)計(jì)依賴于清晰的層次結(jié)構(gòu)和元素布局，優(yōu)秀的扁平化設(shè)計(jì)應(yīng)該能幫助用戶理解產(chǎn)品以及交互。
2.僅使用簡(jiǎn)單的元素
扁平設(shè)計(jì)中使用到很多簡(jiǎn)單的UI元素，比如按鈕和圖標(biāo)。設(shè)計(jì)師更常用矩形、圓形、方形等簡(jiǎn)單的形狀。元素獨(dú)立。正角、直角、圓弧都非常常見。
UI元素應(yīng)該在保持高可用性的前提下盡可能的簡(jiǎn)單，保證應(yīng)用或網(wǎng)站直觀、易用，無(wú)需引導(dǎo)。為了同時(shí)達(dá)到簡(jiǎn)單但直觀的效果，你可以嘗試為按鈕填充深色，以鼓勵(lì)用戶點(diǎn)擊。
3.注重排版
因?yàn)楸馄交O(shè)計(jì)要求元素更簡(jiǎn)單，排版的重要性就更為突出了。字體的大小應(yīng)該匹配整體設(shè)計(jì)，高度美化的字體會(huì)與極簡(jiǎn)設(shè)計(jì)原則相沖突。字形上可以應(yīng)該使用粗體，文案要求精簡(jiǎn)、干練，最終保證產(chǎn)品在視覺上和措辭上的一致性。
字體選擇上可以使用簡(jiǎn)單的無(wú)襯線字體，通過字體大小和比重來區(qū)分元素。同時(shí)你也可以使用新奇的字體作為點(diǎn)綴，但一定要記得不能過火。
排版的目的在于幫助用戶理解設(shè)計(jì)。標(biāo)簽按鈕等其它元素更注重增強(qiáng)易用性和交互性。
4.關(guān)注色彩
扁平化設(shè)計(jì)的項(xiàng)目擁有更多的色調(diào)。一般的網(wǎng)站很少會(huì)使用3種以上的色調(diào)，但是在扁平化設(shè)計(jì)中，平均會(huì)使用6-8種顏色。
扁平化設(shè)計(jì)的色調(diào)偏通常更有活力——色彩更純。其主要、次要顏色通常都是非常大眾化的顏色，然后再配以幾種其它顏色。扁平化設(shè)計(jì)的另一個(gè)趨勢(shì)在于復(fù)古顏色的使用——淺澄色、紫色、綠色、藍(lán)色——都極為流行。
5.“準(zhǔn)”扁平化設(shè)計(jì)
在準(zhǔn)扁平化設(shè)計(jì)中，基調(diào)仍然是扁平風(fēng)格的，但會(huì)在設(shè)計(jì)方案中添加一種，且僅添加一種特效，無(wú)論是陰影也好、梯度也好……
這種設(shè)計(jì)風(fēng)格比嚴(yán)肅的扁平化更加靈活。設(shè)計(jì)師們喜歡它，因?yàn)榭梢蕴砑由疃群图y理；用戶喜歡它，因?yàn)樗苡兄谥庇^的交互。但反過來，也有設(shè)計(jì)師不喜歡它，因?yàn)椤皽?zhǔn)”扁平風(fēng)格是另兩種風(fēng)格的混合體，缺乏明確的定義，所以更難用好。
5.扁平化的問題#
設(shè)計(jì)就是把原本無(wú)聊的物品變得有趣。
扁平化最大的弊端是會(huì)逐漸同質(zhì)化、單一化、無(wú)聊化，極少的元素，讓應(yīng)用很難個(gè)性化。
