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