骨骼型板式设计分类与使用技巧

 时间:2026-02-13 12:55:31

1、通栏版面:

通栏排版就是左右不分栏,用一个直通栏,从最左边一直到最右边,没有别的内容。通常是广告或者标题用通栏排版,文章在排书的时候用,报纸是不用的。

也可以理解为1栏的意思。

骨骼型板式设计分类与使用技巧

骨骼型板式设计分类与使用技巧

2、双栏式版面:

双排版指的是一张纸上的整篇文字可以排列分割成两竖列文字,中间的留白对于阅读文字的人眼睛是一个休息,可以让人们阅读时更容易。

双栏板式是将页面内容成两栏,但不是均分。通常是一边固定宽度,一边自适应变化宽度。

如果是平均分配,视觉焦点没有那么出色。

还可以偏向某一方,视觉焦点会比较直观而明显,同时还形成了良好的对比。

比如左侧宽度自适应,右侧固定宽度,或者左侧宽度固定,右侧自适应。


在网页中一般固定宽度是导航栏,自适应宽度的是主体内容显示区,主体所在的栏更宽一些,增加主体的视觉比重,让页面呈现得更加活跃。

骨骼型板式设计分类与使用技巧

骨骼型板式设计分类与使用技巧

骨骼型板式设计分类与使用技巧

3、三栏式版面:

三栏布局是目前最常见的网页设计布局,比如淘宝网的首页,就是个典型的三栏布局。以及日常的三折页宣传手册也是这种板式。

基本布局一般是标题之下放置三栏,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容,三栏占据整个页面的宽度。最后在页的底端放置页脚,页脚也占据整个页面宽度。

三栏式布局一般是左右两栏宽度固定,中间栏宽度自适应。因为主体所在的是中间栏,中间栏的宽度要大于两边,以增加视觉比重,突出重点。

骨骼型板式设计分类与使用技巧

骨骼型板式设计分类与使用技巧

骨骼型板式设计分类与使用技巧

4、四栏式版面:

与两栏、三栏相似,只不过多加了一栏,总体上还是那种整齐划一的分割形式。

骨骼型板式设计分类与使用技巧

5、变形骨骼:

是在骨骼设计的基础上,通过合并、取舍部分骨骼,创造新的造型变化的做法。

如下图:在两栏的基础上,在右边又分成了横版的三栏,实际上就是两栏和三栏的结合形式。

骨骼型板式设计分类与使用技巧

  • 骨骼型版型设计理念
  • Photoshop如何将工具预设中的画笔转为画笔预设
  • Ps中怎样制作出消失点的效果图呢?
  • AI中给图片添加霓虹灯光特效
  • Ai如何制作涂抹图案
  • 热门搜索
    手抄报中国梦 安全出行手抄报 圣诞节英文手抄报 普通话规范字手抄报 海洋手抄报 欢庆五一劳动节手抄报 五城同创手抄报 感谢师恩手抄报 校园文明礼仪手抄报 校园手抄报图片