网页版式的基本类型有多种,主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。

一、骨骼型

网页中的骨路型版式是一种规范的、理性的设计形式,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用,显得网页既理性、条理,又活泼而富有弹性。

二、满版型

页面以图像充满整版。主要以图像为诉求点,将少量文字压置于图像之上。视觉传达效果直观而强烈。满版型绐人以舒展、大方的感觉。美中不足的是,限于当前网络宽带对大幅图像的传输速度较慢,这种版式多见于强调艺术性或个往的网页设计中。

三、分割型

分割型版式设计,是把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成明显的对比:有图片的部分感性而具活力,文案部分则理性而平静。设计实践中,可以通过调整图片和文案所占的面积,来调节对比的强弱。如果图片所占比例过大,文案使用的字体过于纤细,字距、行距、段落的安排又很疏落,则易造成视觉的不平衡,显得生硬、强烈。倘若通过文字或图片将分割线虚化处理,就会产生自然和谐的效果。

四、中轴型

中轴型版式,是沿页面的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面,给人稳定、平静、含蓄的感觉。垂直排列的页面,给人以舒畅的感觉。

五、曲线型

曲线型版式,是图片或文字在页面上作曲线的编排构成。这种编排方式能产生韵律感与节奏感。

六、倾斜型

倾斜型版式,是页面主题形象或多幅图片、文字作倾斜编排。它能造成页面强烈的动感,引人注目。

七、对称型

对称型的页面版式,给人以稳定、严谨、庄重、理性的感受。

对称,分为绝对对称和相对对称两种类型。一般采用相对对称的手法,以避免版式呆板。左右对称的页面版式比较常见。

四角型也是对称型的一种,是在页面四角安排相应的视觉元素。四个角是页面的边界点,重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角,也就控制了页面的空间。越是凌乱的页面,越要注意对四个角的控制。

八、焦点型

焦点型的网页版式,通过对视线的诱导,使页面具有强烈的视觉效果。焦点型分三种情况。

1.中心

以对比强烈的图片或文字置于页面的视觉中心。

2.向心

视觉元素引导浏览者视线向页面中心聚拢,就形成了一个向心的版式。向心版式是集中的、稳定的,是一种传统的手法。

3.离心

视觉元素引导浏览者视线向外辐射,则形成一个离心的网页版式。离心版式是外向的、活泼的,更具现代感,运用时应注意避免凌乱。

九、三角型

这种版式是网页各视觉元素呈三角形排列。正三角形(金字塔型)较具稳定性,倒三角形则产生动感。侧三角形构成一种均衡版式,既安定又有动感。

十、自由型

自由型的页面具有活泼、轻快的风格。

声明:本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们进行删除处理。