收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 17463|回复: 34

[其它] 版式设计的十三种基本版面类型(转载)

[复制链接]
发表于 2008-5-10 18:03:25 | 显示全部楼层 |阅读模式
我看这个比较短小 就转帖过来  加入发现有一样的请版主删除
一、骨骼型
  骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。


二、满版型
  版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉,是商品广告常用的形式。


三、上下分割型
  把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。


四、左右分割型
  把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。


五、中轴型
  将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。


六、曲线型
  图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。


七、倾斜型
  版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。


八、对称型
  对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。


九、中心型
  重心有三种楷念。1、直接以独立而轮廓分明的形象占据版面中心。2、向心:视觉元素向版面中心聚拢的运动。3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。重心型版式产生视觉焦点,使强烈而突出。


十、三角形
  在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。


十一、并置形
  将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、说解的意味,给予原本复杂喧嚣的版面以次序、安静、调和与节奏感。


十二、自由型
  自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。


十三、四角型
  指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉。
发表于 2008-5-13 11:00:31 | 显示全部楼层
不错,简单明了!
回复 支持 反对

使用道具 举报

发表于 2008-5-13 11:11:01 | 显示全部楼层
真是短小精干啊,配上图就更好了
回复 支持 反对

使用道具 举报

发表于 2008-5-13 13:55:39 | 显示全部楼层
呵呵
同意楼上
原来右这么多类型呀
回复 支持 反对

使用道具 举报

发表于 2008-5-13 17:47:31 | 显示全部楼层
要是有实例就好了!
回复 支持 反对

使用道具 举报

发表于 2008-6-24 05:37:44 | 显示全部楼层
有圖那就又更棒了!誰來補個圖呢?
回复 支持 反对

使用道具 举报

发表于 2008-6-24 06:09:46 | 显示全部楼层
这样好的文字,不支持一下很惭愧呀.

    `
回复 支持 反对

使用道具 举报

发表于 2008-7-3 20:52:49 | 显示全部楼层
支持一下,不过如果能够每段文字说明配有一个案例就更加好了!
回复 支持 反对

使用道具 举报

发表于 2008-7-18 14:02:45 | 显示全部楼层
总算被我看到关于版式方面的东西了,严重支持!
回复 支持 反对

使用道具 举报

发表于 2008-8-6 14:07:48 | 显示全部楼层
这篇文章.我看过..我这有配图的文章..回头发上来
回复 支持 反对

使用道具 举报

发表于 2008-8-6 14:28:40 | 显示全部楼层

那你回头记得发上来哦!

原帖由 [i]golive77 于 2008-8-6 14:07 发表
这篇文章.我看过..我这有配图的文章..回头发上来

那你回头记得发上来哦!
回复 支持 反对

使用道具 举报

发表于 2008-8-6 17:07:03 | 显示全部楼层
原帖由 [i]golive77 于 2008-8-6 14:07 发表
这篇文章.我看过..我这有配图的文章..回头发上来

期待,很有用
回复 支持 反对

使用道具 举报

发表于 2008-8-8 14:50:20 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2008-8-14 08:30:58 | 显示全部楼层
如果有图就更完美了
回复 支持 反对

使用道具 举报

发表于 2008-9-23 16:28:42 | 显示全部楼层
搜索了一下。发觉这十三式可能出自《网页艺术设计》一书,山东美术出版社出版,顾群业等编著。
线索可查看  这里那里
回复 支持 反对

使用道具 举报

发表于 2008-12-13 10:28:46 | 显示全部楼层
非常感谢楼主分享。
回复 支持 反对

使用道具 举报

发表于 2008-12-15 09:07:08 | 显示全部楼层
有图更好了··
回复 支持 反对

使用道具 举报

发表于 2008-12-16 15:18:11 | 显示全部楼层
如果有效果图就好了!!!
回复 支持 反对

使用道具 举报

发表于 2008-12-16 15:41:47 | 显示全部楼层
有图就好了
单看文字·····不够直接
回复 支持 反对

使用道具 举报

发表于 2009-1-31 12:02:19 | 显示全部楼层
配上图就好了~呵呵!
回复 支持 反对

使用道具 举报

发表于 2009-2-5 14:07:17 | 显示全部楼层
好文章,有作用!
回复 支持 反对

使用道具 举报

发表于 2009-2-6 15:55:16 | 显示全部楼层
好东西,收藏了。
回复 支持 反对

使用道具 举报

发表于 2009-2-8 17:17:50 | 显示全部楼层
觉得说的太模糊了,我看到最后还是不是很明白
回复 支持 反对

使用道具 举报

发表于 2009-2-11 10:53:21 | 显示全部楼层
有图就好了
回复 支持 反对

使用道具 举报

发表于 2009-2-11 13:23:00 | 显示全部楼层

回复 1# baicaibangzi [楼主] 的帖子

能不能配图啊,那就明了了
回复 支持 反对

使用道具 举报

发表于 2009-2-13 09:40:26 | 显示全部楼层
原帖由 [i]purple317 于 2009-2-11 10:53 发表
有图就好了

我找到了,发上来大家看看
1.骨骼型
  网页版式的骨骼型是一种规范的、理性的分割方法,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用,既理性、条理,又活泼而富有弹性。
1 副本副本.gif
回复 支持 反对

使用道具 举报

发表于 2009-2-13 09:46:52 | 显示全部楼层
2.满版型
  页面以图像充满整版。主要以图像为诉求点,也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及,这种版式在网页设计中的运用越来越多。
2 副本副本.gif
回复 支持 反对

使用道具 举报

发表于 2009-2-13 09:47:27 | 显示全部楼层
3.分割型
  把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成对比:有图片的部分感性而具活力,文案部分则理性而平静。可以调整图片和文案所占的面积,来调节对比的强弱。例如:如果图片所占比例过大,文案使用的字体过于纤细,字距、行距、段落的安排又很疏落,则造成视觉心理的不平衡,显得生硬。倘若通过文字或图片将分割线虚化处理,就会产生自然和谐的效果。
3 副本副本.gif
回复 支持 反对

使用道具 举报

发表于 2009-2-13 09:48:04 | 显示全部楼层
4.中轴型
  沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。
4 副本副本.gif
回复 支持 反对

使用道具 举报

发表于 2009-2-13 09:49:09 | 显示全部楼层
5.曲线型
  图片、文字在页面上作曲线的分割或编排构成,产生韵律与节奏。
5 副本副本.gif
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-5-31 17:17 , Processed in 0.146115 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表