平衡布局指页面视觉重量均匀、稳定、不偏沉,分为对称平衡与不对称平衡,实操运用如下:
- 合理分配视觉重量
把控图片、文字、按钮、色块的视觉重量,大图、深色、密集元素重量大,浅色、留白、小字重量轻;一侧偏重时,用留白、小元素做对冲,避免页面一边拥挤、一边空旷。
- 灵活使用对称布局
正式、企业、官方类网站采用左右对称,Logo、导航、内容区块居中排布,视觉工整稳重,提升专业感。
- 运用非对称平衡设计
资讯、创意、电商网站使用不对称布局,左侧大面积文字,右侧搭配小图片、图标;一边厚重、一边轻盈,动静结合,保持视觉平衡又不失灵动。
- 统一元素分布密度
不要将元素集中堆砌在某一个角落,均匀分布板块,控制间距,疏密有致,防止局部拥挤造成视觉压迫感。
- 色彩明暗均衡搭配
深色色块不要集中在同一区域,深浅颜色穿插分布,用浅色留白中和深色厚重感,保证页面明暗协调、观感舒适。
|