通栏版面:通栏排版就是左右不分栏,用一个直通栏,从最左边一直到最右边,没有别的内容。通常是广告或者标题用通栏排版,文章在排书的时候用,报纸是不用的。也可以理解为1栏的意思。
双栏式版面:双排版指的是一张纸上的整篇文字可以排列分割成两竖列文字,中间的留白对于阅读文字的人眼睛是一个休息,可以让人们阅读时更容易。 双栏板式是将页面内容成两栏,但不是均分。通常是一边固定宽度,一边自适应变化宽度。 如果是平均分配,视觉焦点没有那么出色。还可以偏向某一方,视觉焦点会比较直观而明显,同时还形成了良好的对比。比如左侧宽度自适应,右侧固定宽度,或者左侧宽度固定,右侧自适应。 在网页中一般固定宽度是导航栏,自适应宽度的是主体内容显示区,主体所在的栏更宽一些,增加主体的视觉比重,让页面呈现得更加活跃。
三栏式版面:三栏布局是目前最常见的网页设计布局,比如淘宝网的首页,就是个典型的三栏布局。以及日常的三折页宣传手册也是这种板式。 基本布局一般是标题之下放置三栏,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容,三栏占据整个页面的宽度。最后在页的底端放置页脚,页脚也占据整个页面宽度。 三栏式布局一般是左右两栏宽度固定,中间栏宽度自适应。因为主体所在的是中间栏,中间栏的宽度要大于两边,以增加视觉比重,突出重点。
四栏式版面:与两栏、三栏相似,只不过多加了一栏,总体上还是那种整齐划一的分割形式。
变形骨骼:是在骨骼设计的基础上,通过合并、取舍部分骨骼,创造新的造型变化的做法。如下图:在两栏的基础上,在右边又分成了横版的三栏,实际上就是两栏和三栏的结合形式。
两栏、三栏即有横版的,也有竖版的,通常以竖版的居多。
变形骨骼就是在标准的两栏、三栏的基础上再合并、分割,在不失严谨和规范的前提下,产生一些变化,增加视觉冲击效果。
部分图片来源于网络,侵权请联系删除。