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