近年來，扁平化設(shè)計(jì)一直是設(shè)計(jì)師之間的熱門話題。每個(gè)人都有自己的獨(dú)特認(rèn)識(shí)，有的非常喜歡而有的人卻恰恰相反。那什么是扁平 呢？designmodo設(shè)計(jì)師Carrie Cousins在網(wǎng)站上介紹了扁平化的五大特點(diǎn)，以及“準(zhǔn)”扁平化設(shè)計(jì)的優(yōu)缺點(diǎn)。
Cousins表示他雖然對扁平化設(shè)計(jì)的感覺非常強(qiáng)烈，但并沒有特別熱愛或者特別討厭扁平化設(shè)計(jì)。他認(rèn)為好的設(shè)計(jì)不應(yīng)當(dāng)局限于某種設(shè)計(jì)風(fēng)格，而需要更注重可用性、有用性。如果因?yàn)闀r(shí)尚的緣故，那就順其自然吧。但該趨勢并不適合一切項(xiàng)目，所以不能強(qiáng)求所有應(yīng)用都遵從這一風(fēng)格。
拒絕特效
顧名思義，扁平化設(shè)計(jì)僅僅采用二維元素。所有元素都不加修飾——陰影、斜面、突起、漸變這樣會(huì)帶來深度變化的設(shè)計(jì)都是不應(yīng)該的。從圖片框到按鈕，再到導(dǎo)航欄都干脆有力，需要極力避免羽化、陰影這樣的特效。現(xiàn)實(shí)主義、3D、擬物化更是扁平化設(shè)計(jì)的大敵。
扁平化設(shè)計(jì)中的層次和其它的一一對應(yīng)，但各個(gè)位面間沒有交叉，不會(huì)明確區(qū)分背景圖片、前景圖片、按鈕、文本、導(dǎo)航，等等。
那如何做好扁平化設(shè)計(jì)？扁平化設(shè)計(jì)依賴于清晰的層次結(jié)構(gòu)和元素布局，優(yōu)秀的扁平化設(shè)計(jì)應(yīng)該能幫助用戶理解產(chǎn)品以及交互。
現(xiàn)在，越來越多的網(wǎng)站開始應(yīng)用扁平化設(shè)計(jì)，在App和移動(dòng)設(shè)計(jì)中這一趨勢更為明顯。在小屏幕中，按鈕和選項(xiàng)更少，也讓扁平化設(shè)計(jì)如魚得水。
僅使用簡單的元素
扁平設(shè)計(jì)中使用到很多簡單的UI元素，比如按鈕和圖標(biāo)。設(shè)計(jì)師更常用矩形、圓形、方形等簡單的形狀。元素獨(dú)立。正角、直角、圓弧都非常常見。
UI元素應(yīng)該在保持高可用性的前提下盡可能的簡單，保證應(yīng)用或網(wǎng)站直觀、易用，無需引導(dǎo)。為了同時(shí)達(dá)到簡單但直觀的效果，你可以嘗試為按鈕填充深色，以鼓勵(lì)用戶點(diǎn)擊。
記住，簡單的元素并不意味著設(shè)計(jì)起來很簡單，恰恰相反，扁平化設(shè)計(jì)理念的復(fù)雜度可以與任何其他設(shè)計(jì)風(fēng)格相提并論。
注重排版
因?yàn)楸馄交O(shè)計(jì)要求元素更簡單，排版的重要性就更為突出了。字體的大小應(yīng)該匹配整體設(shè)計(jì)，高度美化的字體會(huì)與極簡設(shè)計(jì)原則相沖突。字形上可以應(yīng)該使用粗體，文案要求精簡、干練，最終保證產(chǎn)品在視覺上和措辭上的一致性。
字體選擇上可以使用簡單的無襯線字體，通過字體大小和比重來區(qū)分元素。同時(shí)你也可以使用新奇的字體作為點(diǎn)綴，但一定要記得不能過火。
排版的目的在于幫助用戶理解設(shè)計(jì)。標(biāo)簽按鈕等其它元素更注重增強(qiáng)易用性和交互性。
關(guān)注色彩
色彩的使用對于扁平化設(shè)計(jì)來說非常重要。你可能已經(jīng)發(fā)現(xiàn)了，扁平化設(shè)計(jì)的網(wǎng)站、應(yīng)用色彩明顯要更加鮮艷、明亮。此外扁平化設(shè)計(jì)的項(xiàng)目也擁有更多的色調(diào)。一般的網(wǎng)站很少會(huì)使用3種以上的色調(diào)，但是在扁平化設(shè)計(jì)中，平均會(huì)使用6-8種顏色。
扁平化設(shè)計(jì)的色調(diào)偏通常更有活力——色彩更純。其主要、次要顏色通常都是非常大眾化的顏色，然后再配以幾種其它顏色。扁平化設(shè)計(jì)的另一個(gè)趨勢在于復(fù)古顏色的使用——淺澄色、紫色、綠色、藍(lán)色——都極為流行。
極簡主義
扁平化設(shè)計(jì)生而簡單，整體上趨近極簡主義設(shè)計(jì)理念。設(shè)計(jì)中應(yīng)該驅(qū)除任何無關(guān)元素，盡可能地僅使用簡單的顏色與文本。如果一定需要視覺元素，你可以添加簡單的圖形。
“準(zhǔn)”扁平化設(shè)計(jì)
最近，越來越多的設(shè)計(jì)師開始贊同準(zhǔn)扁平化的設(shè)計(jì)。在準(zhǔn)扁平化設(shè)計(jì)中，基調(diào)仍然是扁平風(fēng)格的，但會(huì)在設(shè)計(jì)方案中添加一種，且僅添加一種特效，無論是陰影也好、梯度也好……
這種設(shè)計(jì)風(fēng)格比嚴(yán)肅的扁平化更加靈活。設(shè)計(jì)師們喜歡它，因?yàn)榭梢蕴砑由疃群图y理；用戶喜歡它，因?yàn)樗苡兄谥庇^的交互。但反過來，也有設(shè)計(jì)師不喜歡它，因?yàn)椤皽?zhǔn)”扁平風(fēng)格是另兩種風(fēng)格的混合體，缺乏明確的定義，所以更難用好。
凌聚科技立足佛山面向全國，作為佛山網(wǎng)站建設(shè)公司服務(wù)提供商，提供高端精美網(wǎng)站設(shè)計(jì)、品牌形象網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、高交互自適應(yīng)的響應(yīng)式網(wǎng)站設(shè)計(jì)建設(shè)、網(wǎng)站SEO優(yōu)化等服務(wù)。憑借過硬的技術(shù)開發(fā)及安全保障實(shí)力、專業(yè)的全方位解決方案一舉獲得客戶的認(rèn)可。
推薦閱讀：
2016你的淘寶店鋪流量哪里來？關(guān)鍵在結(jié)構(gòu)布局
佛山網(wǎng)站優(yōu)化之：五大影響網(wǎng)站優(yōu)化的技術(shù)誤區(qū)
世界上最遙遠(yuǎn)的距離：我在做品牌，你在賣產(chǎn)品
佛山網(wǎng)站設(shè)計(jì)：如何提升網(wǎng)站的氣質(zhì)和品質(zhì)？
佛山網(wǎng)站優(yōu)化之：為何有的網(wǎng)站“很low”卻排名靠前
佛山網(wǎng)站優(yōu)化之：如何提升你移動(dòng)網(wǎng)站的權(quán)重？
佛山網(wǎng)站設(shè)計(jì)：網(wǎng)頁設(shè)計(jì)師需要注意的十一個(gè)問題
