网页版式构成分类有哪几种?网页版式设计技巧
当前位置:贝知网>知识分享>平面设计>网页版式构成分类有哪几种?网页版式设计技巧
网页版式构成分类有哪几种?网页版式设计技巧
时间:2022-09-12 平面设计

网页版式构成分类有哪几种?网页版式设计技巧

网页版式构成分类有哪几种

如果网页设计仅按网页版式构成来分类,常见的设计形式有这些:骨骼型、满版型、分割型、中轴型、曲线型等。如果想具体了解网页版式构成分类有哪几种,那不妨接着往下看吧!

1.骨骼型

网页中的骨骼型版式是一种规范的、理性的设计形式,类似于报纸的版式。常见的骨骼型有竖向的通栏、双栏、三栏、四栏,以及横向的通栏、双栏、三栏、四栏。

通常情况下,竖向分栏常被用来设计网页,这种版式给浏览者一种和谐理性的美感。几种类型的方式组合在一起,使网页看起来合理而有条理,同时也生动而灵活。

2.满版型

满版型的网页,即是以图像充满整版。页面主要以图像为诉求点,在图片之上压制了少量的文字,使视觉传达效果直观而强烈。

满版型给浏览者一种宽敞、大方的感觉。而美中不足的是,由于目前网络宽带上大图片的传输速度较慢,这种版式多见于强调艺术性或个性的网页设计。

3.分割型

分割型版式设计是将整个页面分为上下或左右两部分,分别安排图片和文字,两部分之间有明显的对比,有图片的部分感性而具有活力,文字部分则理性而平静。

在设计实践中,可以通过调整图片和文字所占的面积来调整对比的强弱。如果图片的比例过大,文字使用的字体过细,字距、行距、段落排列稀疏,容易造成视觉上的不平衡,显得生硬、强烈。

如果将文字或图片进行虚实分割处理,会产生自然和谐的效果。

4.中轴型

中轴型版式设计是沿着页面的视觉轴线将图片或文字水平或垂直地排列。横向排列的页面给浏览者一种稳定、平静和含蓄的感觉。垂直排列的页面给浏览者一种舒缓的感觉。

5.曲线型

曲线型版式设计是将图片或文字在页面上以曲线方式排列,这种排列方式可以使浏览者产生一种节奏感和韵律感。

网页版式设计技巧

1.区隔信息

即利用长线条把版面里不同类型的信息区分开,你可以根据实际情况来选择使用虚线还是实线,觉得黑白线单调的话也可以给它点颜色瞧瞧,使用长线区隔信息可以使其看起来更清晰,更方便受众阅读,同时还可以起到规整的作用,使版面不至于太凌乱。

如果一个版面内的信息层级关系很多,我们可以同时使用细线和粗线来进行划分。

2.装饰

我们在排版时经常会遇到这样的情况,信息并不是很多,也不适合加图片,所以整个版面容易显得单调和平淡,这时我们可以利用长线来丰富版面,在增加美感的同时还能增加设计感。

3.建立固定版式

在画册或报纸的排版中,一般会有一些固定不变的信息放在顶部或底部,作为模板出现,利用长线来辅助建立这种固定版式也是屡试不爽的技巧。

4.强调

在文字下面加直线还能起到强调信息的作用,就像我们以前看书的时候划重点一样,引导到受众把目光聚焦在此。