扁平化網站是近年來很流行的一種網站設計風格,扁平化設計可以使網頁更加耐看,不容易產生審美疲勞,扁平化設計概念的核心意義是:去除冗餘、厚重和繁雜的裝飾效果,其資訊結構呈現的是一種扁而寬的結構形式。扁平化設計在網頁製作介面視覺上有着非常大的優勢。部分行業網站,例如 IT 界或是科技界等具有進步精神的行業網站就非常適合扁平化設計。反之像是旅遊網站、兒童網站就不太適合。這時,或許您會遇到這種疑問,扁平化設計的預想和輸出並不一致呀?到底需要注意哪些問題呢?當然,扁平化並不是萬能風格,除了確認是否和行業匹配,也有需要注意的地方,今天我們來了解一下。
1. 字型選擇
請選擇無襯線體,常用的中文無襯線體有微軟雅黑、黑體、幼圓、張海山鋭楷體、方正智藝體等。
2. 扁平化設計中尤其要注意排版,在這裏再次祭出設計的四大原則:
對齊、親密性、重複、對比。在您放好一個色塊或者文字後,請務必檢查一下是否滿足以上四條準則。
注意,色塊裏面放置文字的時候,要留出呼吸空間。
3. 扁平化這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都乾淨俐落,沒有任何羽化、漸變或者陰影。
扁平化設計中如果要用到圖片,常見的處理方法有三種:
普通的色塊/文字+圖片
壓暗處理
模糊處理
4. 扁平化設計中,配色是最重要的一環,扁平化設計所採用的色彩模式與其他的調色盤相比傾向於更加醒目、更加明亮。同時,扁平化設計中的配色還意味着更多的色調
5. 簡化的互動設計:設計師要儘量簡化設計方案,避免不必要的元素出現在設計中。簡化介面的同時,更重要的是做到使用上的簡潔方便。
從設計發展史上來看,流行的風格趨勢往往在複雜和簡單之間不斷交替變化,這一現象在視覺化設計領域,尤其是介面設計領域表現地尤為明顯。扁平化本身都存在着優缺點,設計風格終歸只是工具,產品的 “可用性” 才是設計本身的重點。沒有一種設計風格是完美無缺的。為每個企業量身定製的設計,才能使介面風格與企業要傳達的資訊相吻合。