- 零基礎學網頁UI設計
- 胡雪梅
- 374字
- 2020-11-02 10:02:41
1.5.7 縱向分割風格
縱向分割設計風格的特點是將屏幕一分為二,甚至是分為多欄。在網頁UI設計中使用分屏式設計可以方便呈現不同的信息,制造左右對比的效果,同時劃分網頁的有效區域,方便用戶進行快速選擇和視覺聚焦。圖1-33所示為縱向分割風格的網頁UI。

圖1-33 縱向分割風格網頁
☆ 小技巧:縱向分割風格網頁中分割線的偏向性
縱向居中分割頁面:使用縱向線分割頁面時,分割線居中就等于均等分割網頁,但視覺偏向左邊時,頁面會更具母性,即內向型。相反,如果視覺偏向右邊時,網頁頁面則具有父性,即外向型。
縱向分割且左側面積大:當頁面被縱向分割時,左右排布的內容就會具備一種包含時間性的隱喻。左側面積較大時,會表現出過去、經典的感覺,或暗含過去的屬性。
縱向分割且右側面積大:右側面積較大時,所帶來的感受就會顯得更加外向和具有攻擊性,有種面向未來的感覺,因此這種分割布局會呈現出一種前進的感覺。