平衡布局指頁面視覺重量均勻、穩(wěn)定、不偏沉,分為對稱平衡與不對稱平衡,實操運用如下:
- 合理分配視覺重量
把控圖片、文字、按鈕、色塊的視覺重量,大圖、深色、密集元素重量大,淺色、留白、小字重量輕;一側偏重時,用留白、小元素做對沖,避免頁面一邊擁擠、一邊空曠。
- 靈活使用對稱布局
正式、企業(yè)、官方類網(wǎng)站采用左右對稱,Logo、導航、內容區(qū)塊居中排布,視覺工整穩(wěn)重,提升專業(yè)感。
- 運用非對稱平衡設計
資訊、創(chuàng)意、電商網(wǎng)站使用不對稱布局,左側大面積文字,右側搭配小圖片、圖標;一邊厚重、一邊輕盈,動靜結合,保持視覺平衡又不失靈動。
- 統(tǒng)一元素分布密度
不要將元素集中堆砌在某一個角落,均勻分布板塊,控制間距,疏密有致,防止局部擁擠造成視覺壓迫感。
- 色彩明暗均衡搭配
深色色塊不要集中在同一區(qū)域,深淺顏色穿插分布,用淺色留白中和深色厚重感,保證頁面明暗協(xié)調、觀感舒適。
|