1
版式设计与应用
1.7.6 案例六 网页中的版式设计
案例六 网页中的版式设计

网页版式设计的一般规律:为了使网页获得最佳的视觉传达效果,使网络真正成为可读性强且形式新颖的信息载体,就必须适应人的视觉流向的生理和心理特点,并由此确定各种视觉构成元素之间的关系及秩序。我们应该研究各种视觉造型元素的距离、位置、面积和视觉流程的问题。

图6-25中,通过文字大小的差别,统一采用具有现代感的空间合理分割,非常理性地将信息层次分开,令读者轻松地阅读信息。

图6-25

图6-26

图6-26为分割竖栏的版式设置,竖栏的大小变化,根据网络版面尺寸,文字字体的样式及文字内容的多少,插图的大小、多少等方面的综合因素而定。

图6-27是73dpi网站界面。版面中的文字、图形、色块等造型元素经过精心地编排,在视觉上形成了从左下向右上升腾的趋势,既简约又动感十足。

苹果是现代网页中实现对称平衡的典范。如图6-28,每个元素都是在中轴线两侧排布,创造出了一个视觉上的和谐情景。

图6-27

图6-28

图6-29

图6-29所示网页是强调一致性的卡片式设计,它可以更好地引导用户的视觉。卡片的矩阵至少是按列或者按行对齐的,用户的眼睛可以沿着横向或者纵向有序地浏览。这种浏览方式可以让用户更快地找到对他们而言重要的内容。