扁平化(huà)設計概念核心意義:去除冗餘、厚重和(hé)繁雜(zá)的(de)裝飾效果,其信息結構呈現的(de)是一種扁而寬的(de)結構形式。扁平化(huà)設計在網頁制作界面視覺上有著(zhe)非常大(dà)的(de)優勢。扁平化(huà)網站在設計有以下(xià)技巧:
1、去掉過渡式高(gāo)光(guāng)、過渡式漸變、過渡式陰影(yǐng)。在這(zhè)篇文章(zhāng)裏,扁平化(huà)高(gāo)光(guāng)、階梯式漸變以及所謂的(de)長(cháng)投影(yǐng)是允許的(de)。
2、使用(yòng)有明(míng)确含義的(de)圖标可(kě)以讓你的(de)設計不那麽單調并且耐看。
3、色塊在扁平化(huà)設計中占據著(zhe)很重要的(de)地位,幾乎我們看到的(de)所有扁平化(huà)設計都離不開色塊。關于色塊的(de)形狀,基礎形狀有圓形、三角形、四邊形、五邊形以及六邊形。
4、除了(le)基礎的(de)形狀之外,你可(kě)以由基礎形狀衍生出更多(duō)的(de)組合形狀。但是我建議(yì)不要超過三種不同的(de)基礎形狀組合,這(zhè)樣會讓你的(de)設計脫離扁平化(huà)簡約的(de)初衷。
5、請選擇無襯線體,常用(yòng)的(de)中文無襯線體有微軟雅黑(hēi)、黑(hēi)體、幼圓、張海山銳楷體、方正智藝體等。
6、扁平化(huà)設計排版,對(duì)齊、親密性、重複、對(duì)比。在你放好一個(gè)色塊或者文字後,請務必檢查一下(xià)是否滿足以上四條準則。
7、扁平化(huà)設計中如果要用(yòng)到圖片,常見的(de)處理(lǐ)方法有三種:普通(tōng)的(de)色塊/文字+圖片、壓暗處理(lǐ)、模糊處理(lǐ)。