扁平化網站設計的10個小建議
編輯:小舟信息發布時間:2017-03-24網絡設計世界中總有一些潮流趨勢來來去去,有的漸漸被淘汰,而有的則越來越受歡迎。扁平化設計即屬于后者。
人們喜歡扁平化設計的原因在于它的簡單、通用,而且能帶來優秀的用戶體驗。在內容上的簡約能夠加快網頁載入速度,提升網站性能。
但“扁平化”是什么意思?如何把那些設計原則應用到實際中創建一個令人驚嘆的網站?
強調重要的內容
扁平化設計依賴于基礎的幾何圖形、框架和字體排版來創建布局。為了在布局中建立清晰的內容層級,你需要特別注意這些元素的順序、對稱性和大小。在頁面上組織這些元素,引導訪問者按照你想要的方式瀏覽。
使用顏色打造深度
顏色在扁平化設計中的地位非常重要。它們不僅讓網站看起來更漂亮,在決定深度方面也非常有機制。因為扁平化設計是基于2D的,網站設計者常用打造深度的一些技巧在這里就不適用了。但有色相和顏色的幫忙–尤其是淺色元素在深色表面上–你就能得到合適的深度了。
整潔
在家里你可以為所欲為,但網站必須保持整潔。扁平化設計和雜亂無章并不匹配,所以一定要整理網站。要保證頁面元素之間有足夠的空間,盡量不要裝飾性元素。
區分可點擊與不可點擊內容
扁平化設計的一個問題是不好區分網站上的有鏈接可點擊元素和不可點擊元素。在你概念化自己的網站時,要考慮應該如何向訪問者表示他們應該點擊哪里。比較常見的方式包括添加下劃線、框架和圖形等。
簡化導航
與其他網站設計風格不同,扁平化設計并不僅僅關乎外觀。用戶體驗的簡單性是扁平化設計勝出的關鍵,而這里的簡單則始于導航。保持基本的網站結構,如果有多個頁面請使用下拉菜單,并設計合理的簡潔明了的菜單。
使用合適的字體
并不是所有的字體都適合應用于扁平化設計。你得選擇那些簡單易懂、能讓人一眼看明白的字體。
活力調色板
單色設計或許讓人驚艷,但扁平化設計最重要的是動感、鮮活、令人興奮。顏色對于實現這一點來說非常重要。大膽地選用顏色,混搭出精彩!
添加條紋
還記得內容層級嗎?添加一些條紋可以把網站分割成水平的版塊,打造平滑、連貫的結構,與扁平化外觀十分匹配。
選擇正確的圖標
圖標是扁平化設計的一大支柱,起著路標的作用,能幫助網站訪問者了解網站。在扁平化設計中,圖標的功能性遠大于美學欣賞性,所以你應該選擇那些直觀的、容易理解的圖標。
失去一些效果
你可能已經注意到了,簡單化是扁平化設計中的一個重要方面。如果你想要扁平化設計,那么你就要丟棄所有可愛的效果和動畫。不要擔心,你不會想念它們的。如果你能堅持扁平化設計的原則,你會得到一個非常棒的網站,而你甚至不會記得這些效果。