零基础学网页UI设计
上QQ阅读APP看书,第一时间看更新

1.5.7 纵向分割风格

纵向分割设计风格的特点是将屏幕一分为二,甚至是分为多栏。在网页UI设计中使用分屏式设计可以方便呈现不同的信息,制造左右对比的效果,同时划分网页的有效区域,方便用户进行快速选择和视觉聚焦。图1-33所示为纵向分割风格的网页UI。

图1-33 纵向分割风格网页

☆ 小技巧:纵向分割风格网页中分割线的偏向性

纵向居中分割页面:使用纵向线分割页面时,分割线居中就等于均等分割网页,但视觉偏向左边时,页面会更具母性,即内向型。相反,如果视觉偏向右边时,网页页面则具有父性,即外向型。

纵向分割且左侧面积大:当页面被纵向分割时,左右排布的内容就会具备一种包含时间性的隐喻。左侧面积较大时,会表现出过去、经典的感觉,或暗含过去的属性。

纵向分割且右侧面积大:右侧面积较大时,所带来的感受就会显得更加外向和具有攻击性,有种面向未来的感觉,因此这种分割布局会呈现出一种前进的感觉。