受益版 平面设计排版 设计师通用排版历史发展理论

骨骼(分割)设计

20世纪初,瑞士现代主义的设计家们经过长期的研究与实践将骨骼编排的设计方法发展成为一种成熟而可以被广泛应用的方法,可以在各类平面设计中,特别是书籍装帧、报刊杂志、产品样本等方面应用。之后在欧、美国家被广泛运用,并得以不断完善和发展。

(1).骨骼设计

骨骼或分割设计——严谨、理性的设计方法。

基本原理——将版面刻意按照骨骼的规则,有序地分割成大小相等的空间单位。

常见分割法:

竖向通栏:双栏、三栏、四栏

横向通栏:双栏、三栏、四栏

横、竖同时进行分割的四栏、六栏、八栏、十二栏等:

期刊杂志、画册编排:双栏、三栏。

报刊编排:(信息量多而大)四栏、五栏、六栏

←双栏骨骼。

←杂志页面。标题为通栏,文字为四栏骨骼,图片和图片上端的文字跨越两栏。版面严谨、理性。

整个版面为四栏骨骼的组合,图片按照四栏骨骼的规则配置。

内页设计。分别为十栏和十二栏骨骼。

杂志页面设计。两幅图片整体的插入双栏骨骼中。

杂志页面设计。此设计在四栏骨骼的基础上进行变化。其中包含了四栏、图文跨越双栏的文字居中排列,版面左右以对称方式编排。

大面积的图片与五栏骨骼的组织构成。因为图片与文字的对比悬殊,图片的张弛使版面不显刻板。

(2).变形骨骼。

渊源:后现代时期,冷漠、高度人性化的国际主义设计风格→富有生气、

自由变化的后现代主义设计观。

变形骨骼在骨骼设计的基础上发展变化。是在骨骼的基本形上,通过合并、取舍部分骨骼寻求新的造型变化。

《出版物设计》。是一幅以五栏骨骼为主的报版,图片跨越两栏和四栏。版面在骨骼的基础上变化较丰富,

骨骼规范性越来越小,而自由设计的因素非常明显、突出,所以版面的图版率,视觉度、活力增强。

图版率——占据版面的图(插图、照片)和文章的面积之比叫做图版率。只有文字的版面十分拥挤。

文字的跳跃率——以正文为基准,以最大标题的字幅、字高计算后的大小比率叫做文字的跳跃率。

照片的跳跃率——版面中最小照片和最大照片的大小比率叫照片的跳跃率。提高照片的跳跃率就能改善格局。相反,降低照片的跳跃率,使用大小相等的照片和画,就给人平稳的印象。

内页设计:跳跃的字母使平淡的骨骼版面变得活泼。放大的首字母在设计中起到了视觉图形的作用。

三栏骨骼版面,有意空出版面右上方和左下方的空间,在左下方做标题的个性编排。

版面划分出三栏骨骼的空间,取第一栏安排标题,图片和重要信息

版面为双栏结构,但栏的上下游小小的错落,版面严谨不失活泼。

版面空间留白较多,影响骨骼的完整呈现,但骨骼结构依然明晰。版面设计整体、简洁。整体留白空间更好地烘托了主体。

内页设计。版面结构复杂,上部分为三栏骨骼,下部分为不规则的分栏。版面上紧下松,图片的编排服务于下部分文字群的流程关系。

版面为三栏骨骼的内页设计,版面传达的符号元素都是以白底衬托。

左右版面的内页设计,细看有骨骼的痕迹,设计依据骨骼的设计概念,但很多地方又非标准骨骼的分栏,既秩序,又自由。打破了骨骼的刻板、理性,是求变、求个性的设计。

杂志页面设计,自由编排的图片与骨骼的设计组合。图片的跳跃与文字的宁静产生空间跳跃。

有明确的骨骼分栏,但不是按骨骼严格的标准设计。

展示设计墙,在骨骼的基础上进行变化。

平面设计风格的人性化,个性化和娱乐性,无论图和文字、点或线的构成关系都充满着随机无序,无主次,无中心,相互矛盾,相互排斥,以及极端的耗散的编排。(层次丰富,轻松、自由、活力、人性化)

骨骼(分割)设计

20世纪初,瑞士现代主义的设计家们经过长期的研究与实践将骨骼编排的设计方法发展成为一种成熟而可以被广泛应用的方法,可以在各类平面设计中,特别是书籍装帧、报刊杂志、产品样本等方面应用。之后在欧、美国家被广泛运用,并得以不断完善和发展。

(1).骨骼设计

骨骼或分割设计——严谨、理性的设计方法。

基本原理——将版面刻意按照骨骼的规则,有序地分割成大小相等的空间单位。

常见分割法:

竖向通栏:双栏、三栏、四栏

横向通栏:双栏、三栏、四栏

横、竖同时进行分割的四栏、六栏、八栏、十二栏等:

期刊杂志、画册编排:双栏、三栏。

报刊编排:(信息量多而大)四栏、五栏、六栏

←双栏骨骼。

←杂志页面。标题为通栏,文字为四栏骨骼,图片和图片上端的文字跨越两栏。版面严谨、理性。

整个版面为四栏骨骼的组合,图片按照四栏骨骼的规则配置。

内页设计。分别为十栏和十二栏骨骼。

杂志页面设计。两幅图片整体的插入双栏骨骼中。

杂志页面设计。此设计在四栏骨骼的基础上进行变化。其中包含了四栏、图文跨越双栏的文字居中排列,版面左右以对称方式编排。

大面积的图片与五栏骨骼的组织构成。因为图片与文字的对比悬殊,图片的张弛使版面不显刻板。

(2).变形骨骼。

渊源:后现代时期,冷漠、高度人性化的国际主义设计风格→富有生气、

自由变化的后现代主义设计观。

变形骨骼在骨骼设计的基础上发展变化。是在骨骼的基本形上,通过合并、取舍部分骨骼寻求新的造型变化。

《出版物设计》。是一幅以五栏骨骼为主的报版,图片跨越两栏和四栏。版面在骨骼的基础上变化较丰富,

骨骼规范性越来越小,而自由设计的因素非常明显、突出,所以版面的图版率,视觉度、活力增强。

图版率——占据版面的图(插图、照片)和文章的面积之比叫做图版率。只有文字的版面十分拥挤。

文字的跳跃率——以正文为基准,以最大标题的字幅、字高计算后的大小比率叫做文字的跳跃率。

照片的跳跃率——版面中最小照片和最大照片的大小比率叫照片的跳跃率。提高照片的跳跃率就能改善格局。相反,降低照片的跳跃率,使用大小相等的照片和画,就给人平稳的印象。

内页设计:跳跃的字母使平淡的骨骼版面变得活泼。放大的首字母在设计中起到了视觉图形的作用。

三栏骨骼版面,有意空出版面右上方和左下方的空间,在左下方做标题的个性编排。

版面划分出三栏骨骼的空间,取第一栏安排标题,图片和重要信息

版面为双栏结构,但栏的上下游小小的错落,版面严谨不失活泼。

版面空间留白较多,影响骨骼的完整呈现,但骨骼结构依然明晰。版面设计整体、简洁。整体留白空间更好地烘托了主体。

内页设计。版面结构复杂,上部分为三栏骨骼,下部分为不规则的分栏。版面上紧下松,图片的编排服务于下部分文字群的流程关系。

版面为三栏骨骼的内页设计,版面传达的符号元素都是以白底衬托。

左右版面的内页设计,细看有骨骼的痕迹,设计依据骨骼的设计概念,但很多地方又非标准骨骼的分栏,既秩序,又自由。打破了骨骼的刻板、理性,是求变、求个性的设计。

杂志页面设计,自由编排的图片与骨骼的设计组合。图片的跳跃与文字的宁静产生空间跳跃。

有明确的骨骼分栏,但不是按骨骼严格的标准设计。

展示设计墙,在骨骼的基础上进行变化。

平面设计风格的人性化,个性化和娱乐性,无论图和文字、点或线的构成关系都充满着随机无序,无主次,无中心,相互矛盾,相互排斥,以及极端的耗散的编排。(层次丰富,轻松、自由、活力、人性化)


相关文章

  • 10本最有价值的平面设计类书籍
  • 10本最有价值的平面设计类书籍   Update:2011-12-11 Mirko著,elcia编译 学习平面设计,可谓一件终身事业,因此,对于平面设计的学生来说,坚持阅读是必须的.不要因为一时的失败而气馁,要知道,你还有很多时间在这个 ...查看


  • 新闻采编与制作专业项目建设方案
  • 新闻采编与制作专业项目建设方案 一.新闻采编与制作专业 进入新世纪以来,随着我国的经济.文化发展步伐日益加快,信息的传播的地位作用日益重要.社会主义市场经济条件下,新闻传媒业不仅仅是起到喉舌的作用,更是信息产业的龙头和核心部分,新闻舆论传播 ...查看


  • 年度鉴定表自我鉴定
  • 学年鉴定表自我鉴定 大二的学习生活结束了,回首过去,感到这一年的学习生活是我人生的一大转折.大一 曾做出过辉煌成绩,大二在已打下的基础上不断的挑战自我.充实自己,为实现人生的价值 打下更加坚实的基础而不懈努力.本年的校园生活主要由二个部分组 ...查看


  • 报纸版面设计_相关整理
  • 报纸版面的编排与设计 1 报纸版面的编排与设计 报纸版面的设计很重要.每天的版面既不能重复,又要能体现一份报纸特有的风格.一个好的版面可以更好地表现舆论导向的正确性.版面内容的可读性,也可充分展示其可欣赏性.对读者而言,看到这样的版面是一种 ...查看


  • 通用技术远程培训总结
  • 通用技术远程培训总结 兰州西北中学 许燕春 假期远程培训即将结束,在这八天里,我的收获非常大.经过了这些天的通用技术培训研修,使我明白了,基础教育是科教兴国的奠基工程,对提高中华民族素养,培养各级各类人才,促进社会主义现代化建设具有全局性, ...查看


  • 新版平面美术设计与图文编辑课程设计报告范例
  • 艺术图像处理--雪中奔驰 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ [摘要] 本文以制作数字图像<雪中奔驰>为例, ...查看


  • [中国电化教育]杂志文稿编辑规范
  • <中国电化教育>杂志文稿编辑规范 (2011年9月修订版) 参照<中国学术期刊(光盘版)检索与评价数据规范(试行)>,依据中华人民共和国国家标准GB/T15835-1995<出版物上数字用法的规定>.GB ...查看


  • 中国计算机发展史(图)
  • 原文 开篇语:从1953年1月我国成立第一个电子计算机科研小组到今天,我国计算机科研人员已走过了近五十年艰苦奋斗.开拓进取的历程.从国外封锁条件下的仿制.跟踪.自主研制到改革开放形势下的与"狼"共舞,同台竞争,从面向国防 ...查看


  • 网站群建设功能需求
  • XXX 大学网站群功能需求 一.网站建设功能需求 1.系统采用纯B/S结构设计,所有操作均基于常见浏览器,如:IE6.0及以上版本.火狐.Chrome .遨游等. 2.提供网站迁移工具,可对原有网站进行迁移. 3.支持多网站建设,并以&qu ...查看


热门内容