1、对称型
对称鹅蛋页面给人稳定、严谨、庄重、理性的感觉。对称分为绝对对称和相对对称。一般采用相对对称的手法,以避免呆板。左右对称的页面版式比较常见。四角型也是对称型的一种,是在页面四角安排相应的视觉元素。四个角是页面的边界点,重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角,也就控制了啦也面对的空间。越是凌乱的页面,越要注意四个角的控制。
2、焦典型
焦点型的网页版式通过对视线的引导,使页面具有强烈的视觉效果。焦点型分三种情况:
1)中心:以对比强烈的图片或文字置于页面的视觉中心。
2)向心:视觉元素引导浏览者视线向页面中心聚拢,就形成以一个向心的版式。向心版式是集中的、稳定的,是一种传统的手法。
3)离心:视觉元素引导浏览者视线向外辐射,既形成一个离心的网页版式。离心版式是外向的、活泼的,更具现代感,应用时应注意避免凌乱。
3、三角型
三角型的页面各视觉元素呈三角形排列。正三角形(金字塔形)最具稳定性;倒三角形则产生动感;侧三角形构成一种均衡版式,既安定又有动感。
4、自由型
自由型的页面具有活泼、轻快的感动
5、骨骼型
网页版式的骨骼型是一种规范的、理性的分割方法,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用,既理性、条理、又活泼富有弹性。
6、慢板型
满版型的网页一图像充满正版。它主要以图像为诉求点,也可将部分文字压置于图像之上。其视觉传达效果直接而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及,这种版式在网页设计中的运用越来越多。
7、分割型
分割型把整个页面分为上下或左右两个部分,分别安排图片和图案。两个部分形成对比:有图像的部分感性而具有活力,文案部分则理性而平静。可以调整图片和文案所占面积,来调节对比的强度。例如,如果图片所占面积过大,文案使用的字体过于纤细,字据、行距、段落的安排又很疏落,则造成视觉心理的不平衡,显得生硬。倘若通过文字或图片将分割线虚化处理,就会产生自然、和谐的效果。
8、中中轴型
中轴型沿浏览器窗口的中轴将图片或文字作水平或垂直的排列。水平排列的页面给人稳定、平静、含蓄的感觉;垂直排列的内容给人以顺畅的感觉。
9、曲线型
曲线型的图片、文字在页面上作曲线的分割或编排构成,产生韵律和节奏感。
10、倾斜型
倾斜型的页面主题形象或多幅图片、文字作倾斜编排,形成不稳定感或强烈的动感,引人注目。