版式设计:骨骼版式与经验
- 格式:docx
- 大小:24.42 KB
- 文档页数:4
版式设计的十三种基本版面类型一、骨骼型骨骼型是一种规范的理性的分割方法。
常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。
一般以竖向分栏为多。
在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。
骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。
二、满版型版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。
文字的配置压置在上下、左右或中部的图象上。
满版型给人以大方、舒展的感觉,是商品广告常用的形式。
三、上下分割型把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。
配置有图片的部分感性而有活力,而文案部分则理性而静止。
上下部分配置的图片可以是一幅或多幅。
四、左右分割型把整个版面分割为左右两个部分,分别在左或右配置文案。
当左右两部分形成强弱对比时,则造成视觉心理的不平衡。
这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。
不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。
五、中轴型将图形做水平或垂直方向的排列,文案以上下或左右配置。
水平排列的版面给人稳定、安静、和平与含蓄之感。
垂直排列的版面给人强烈的动感。
六、曲线型图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。
七、倾斜型版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。
八、对称型对称的版式给人稳定、庄重理性的感觉。
对称有绝对对称和相对对称。
一般多采用相对对称。
以避免过于严谨。
对称一般以左右对称居多。
九、中心型重心有三种楷念。
1、直接以独立而轮廓分明的形象占据版面中心。
2、向心:视觉元素向版面中心聚拢的运动。
3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。
重心型版式产生视觉焦点,使强烈而突出。
十、三角形在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。
1.骨格型2.满版型3.上下分割型4.左右分割型5.中轴型6.曲线型7.倾斜型8.对称型9.重心型10.三角型11.并置型12.自由型13.四角型各种类型的具体差别:一.骨格型规范的、理性的分割方法。
常见的骨格有-竖向通栏、双栏、三栏和四栏等。
一般以竖向分栏为多。
图片和文字的编排上,严格按照骨格比例进行编排配置,给人以严谨、和谐、理性的美。
骨格经过相互混合后的版式,既理性有条理,又活泼而具有弹性。
二.满版型版面以图像充满整版,主要以图像为诉示,视觉传达直观而强烈。
文字配置压置在上下、左右或中部(边部和中心)的图像上。
满版型,给人大方、舒展的感觉。
是商品广告常用的形式。
三.上下分割型整个版面分成上下两部分,在上半部或下半部配置图片(可以是单幅或多幅),另一部分则配置文字。
图片部分感性而有活力,而文字则理性而静止。
FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:/shejililun/四.左右分割型整个版面分割为左右两部分,分别配置文字和图片。
左右两部分形成强弱对比时,造成视觉心理的不平衡。
这仅是视觉习惯(左右对称)上的问题,不如上下分割型的视觉流程自然。
如果将分割线虚化处理,或用文字左右重复穿插,左右图与文会变得自然和谐。
五.中轴型将图形作水平方向或垂直方向排列,文字配置在上下或左右。
水平排列的版面,给人稳定、安静、平和与含蓄之感。
垂直排列的版面,给人强烈的动感。
六.曲线型图片和文字,排列成曲线,产生韵律与节奏的感觉。
七.倾斜型版面主体形象或多幅图像作倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。
八.对称型对称的版式,给人稳定、理性、理性的感受。
对称分为-绝对对称和相对对称。
一般多采用相对对称手法,以避免过于严谨。
对称一般以左右对称居多。
九.重心型重心型版式产生视觉焦点,使其更加突出。
有3种类型:1.直接以独立而轮廓分明的形象占据版面中心;2.向心:视觉元素向版面中心聚拢的运动;3.离心:犹如石子投入水中,产生一圈一圈向外扩散的弧线的运动。
http://www.iseokagenosato.jp/kotonohagusa/圆形,平稳,在感情上是饱满的,浑厚有力量的。
方形,除了平稳外有端庄,大方感,在感情上是踏实的,可依靠的。
三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有目的性的。
菱形比三角形对称,在平衡中寻求个性。
其他不规则的图形,显得富有自己的个性,是独立的,张扬的。
在规则的图形里变得非常明显。
往往用于丰富画面。
居中:平静,稳定,集中感居上:不稳定感居下:画面有沉淀,安静的感觉,但是不容易被人发现。
在页面三分之二靠上时:吸引人注意往往是视觉的焦点。
还是举日本节气网站这个例子,进入某个节气后首先映入眼帘的是正中央的节气信息,第一时间让用户看到最想知道的内容,正中央圆角矩形的设计,隐喻传统印章,安静且舒适。
而内容相对而言在视线的偏上方从纯色背景到高清大图设的背景设计上非常有层次感也不会觉得枯燥。
3.当画面中有不同大小的点时,大的点是焦点。
点不同的排列方式也会产生不同的视觉心理感受。
当一个画面中有很多零散的点分布时,用户的视线会来回游移,而设计的目的就是如何让他们在不规则中不显得凌乱。
例如这个站点画面里有三个较大的点,大的点往往吸引人的注意,并且这三个点形成了一个视觉上的三角形,相对来说是比较稳定的。
三角形的位置在页面的三分之二靠上,正好在视觉焦点的位置。
也说明了当你的视觉元素非常多时,把想要突出的内容放在偏上或者居中的位置,才容易被识别。
二.线的运用如果说点是静止的,那么线,就是点运动的轨迹。
游离于点和形之间,它具有位置、长度、宽度、方向、形状和性格等属性。
不同的线有不同的感情性格,线有很强的心理暗示作用。
直线好比男性,刚强有力量,曲线好比女性,柔和并且性感。
不同方向的线条和不同的排列方式也对用户起了不同的引导作用如上面所示左图是瑞士航空公司的海报设计,不同方向的蜿蜒的公路线条性感的交织在一起,使得画面非常丰富。
中图是一个电影海报,曲线的指向型引导用户的视觉,这就是点和线的区分,线是带有方向性的,有粗细的变化。
《版式设计》选修课程教学大纲一、教学目的:通过该课程的教学与实践,培养学生的审美素质、提高学生版面的创造设计与表现能力,使学生领会视觉传达的变化规律和应用的基本法则和设计原理,能应用构成的语言要素进行各种风格的版式设计,为将来走向社会工作奠定基础。
二、教学基本要求:该课程为选修课,要求学生具有初步的艺术鉴赏能力和文化素养,并有相关的学习资料。
通过该门课程的学习能掌握并应用版式设计的规律、形式美的基本法则、图案的各种表现手法,及图案配色方法与原则。
三、教学环节安排:按照教材的章节的顺序由简到繁,由易到难,由浅入深逐步展开。
采取讲授与示范相结合,整体讲授与个别辅导相结合的方法。
先通过基本理论知识的讲授,再结合实例给学生做示范,接着通过作业的讲评进一步提高学生的设计能力。
四、主要章节内容及学时分配:(一)、版式设计的概念和原理(2课时)1、版式的概念、分类及形式2、形式与内容的关系3、图案的布局法则4、图案变化手法(二)、版式的视觉流程(4课时)1、单向和曲线视觉流程2、重心和反复视觉流程3、导向和散点视觉流程(三)、版式设计的形式法则(6课时)1、单纯和秩序2、对比和调和3、对称和均衡4、节奏和韵律5、虚实和留白(四)、版式设计的基本类型(6课时)1、骨骼型和满版型2、上下和左右分割型3、中轴型和对比型4、曲线和倾斜型5、并置和自由型(五)、文字的编排构成(6课时)1、字号、字体、行距2、文字编排的基本形式3、文字的强调和整体编排4、字的图形表述(六)、图案的的编排构成(6课时)1、方型图、褪底图、出血图的表现形式2、图形的块状结合和散点组合3、展开页的整体设计(七)现代版式设计的发展趋势(2课时)1、强调创意、突出个性2、注重情感的诉求3、追求多维空间的表现方式七、考核方式作业与随堂考试各占50%。
要求:运用版式设计中所学习过的原理,进行设计。
版式设计的骨骼一、骨骼型骨骼型是一种规范的理性的分割方法。
常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。
一般以竖向分栏为多。
在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。
骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。
二、满版型版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。
文字的配置压置在上下、左右或中部的图象上。
满版型给人以大方、舒展的感觉,是商品广告常用的形式。
三、上下分割型把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。
配置有图片的部分感性而有活力,而文案部分则理性而静止。
上下部分配置的图片可以是一幅或多幅。
四、左右分割型把整个版面分割为左右两个部分,分别在左或右配置文案。
当左右两部分形成强弱对比时,则造成视觉心理的不平衡。
这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。
不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。
五、中轴型将图形做水平或垂直方向的排列,文案以上下或左右配置。
水平排列的版面给人稳定、安静、和平与含蓄之感。
垂直排列的版面给人强烈的动感。
六、曲线型图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。
七、倾斜型版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。
八、对称型对称的版式给人稳定、庄重理性的感觉。
对称有绝对对称和相对对称。
一般多采用相对对称。
以避免过于严谨。
对称一般以左右对称居多。
九、中心型重心有三种楷念。
1、直接以独立而轮廓分明的形象占据版面中心。
2、向心:视觉元素向版面中心聚拢的运动。
3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。
重心型版式产生视觉焦点,使强烈而突出。
十、三角形在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。
版式设计的骨骼一、骨骼型骨骼型是一种规范的理性的分割方法。
常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。
一般以竖向分栏为多。
在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。
骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。
二、满版型版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。
文字的配置压置在上下、左右或中部的图象上。
满版型给人以大方、舒展的感觉,是商品广告常用的形式。
三、上下分割型把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。
配置有图片的部分感性而有活力,而文案部分则理性而静止。
上下部分配置的图片可以是一幅或多幅。
四、左右分割型把整个版面分割为左右两个部分,分别在左或右配置文案。
当左右两部分形成强弱对比时,则造成视觉心理的不平衡。
这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。
不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。
五、中轴型将图形做水平或垂直方向的排列,文案以上下或左右配置。
水平排列的版面给人稳定、安静、和平与含蓄之感。
垂直排列的版面给人强烈的动感。
六、曲线型图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。
七、倾斜型版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。
八、对称型对称的版式给人稳定、庄重理性的感觉。
对称有绝对对称和相对对称。
一般多采用相对对称。
以避免过于严谨。
对称一般以左右对称居多。
九、中心型重心有三种楷念。
1、直接以独立而轮廓分明的形象占据版面中心。
2、向心:视觉元素向版面中心聚拢的运动。
3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。
重心型版式产生视觉焦点,使强烈而突出。
十、三角形在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。
十一、并置形将相同或不同的图片作大小相同而位置不同的重复排列。
并置构成的版面有比较、说解的意味,给予原本复杂喧嚣的版面以次序、安静、调和与节奏感。
十二、自由型自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。
十三、四角型指在版面四角以及连接四角的对角线结构上编排的图形。
这种结构的版面,给人以严谨,规范的感觉。
版式设计之我见最近刚刚开完版式设计课,一提到版式设计,首先令我想到的一定就是书籍,杂志和报纸的版面编排,因为版式源于书籍,这也是版面编排的初始阶段,刚开了版式设计课后,如今是时期的版式设计的目的已不再是单一的传达信息,而是有着更重要的目的,在传达信息的同时,传达新思想、新观念、新技术、新材料、新工艺。
所谓的版式设计是对作品内容在书刊上编排格式的处理,是整体的重要组成部分,以书刊的性质,内容,读者对象和可提供的技术手段作为依据,使书刊的版式和书刊的装帧和谐一致,使版面安排的合理,脉络分明,既方便阅读,又能给人以美感!版式设计的最终目的是要完善书的阅读内容,使内容清晰、易读、和谐。
同时版式设计也是许多设计元素的复杂组合,结构框架的设计,个人风格的发挥都是为了鲜明的表现内容、突出主题,使版式的主题更清晰、一目了然。
作为主体的图片、文字、在版面上都应有自己的位置,设计手法都是平等的,是为了能更好的体现清晰性、和谐性,使版面达到局部和整体,内容和形式的完美统一!在一个版面中,文字、图形、色彩是版式设计的主要元素,文字具有很强的说服力,图形跟色彩更具有吸引力,从人的接受心理上来说,图形跟色彩更感性化、文字更趋向于理性化,色彩在版面设计中常起到画龙点睛的作用,它对我们的感官能产生一种直接的影响,也是客观存在的!所以作为设计师再版面的色彩设计上,不能单凭主观喜好,一定要从主题内容出发,理解色彩在表现主题思想上的视觉心理感受!版式设计的构成要素分为点、线、面。
点是造型要素中的最基本的形态,也是最小的单位,点具有位置,但没有大小和固定的形状。
点具有张力作用和紧张性,所以在一张版面中一组文字,一个标志,或几个符号的位置不同、数量不同、大小不同、聚散的排列或不同的组合方式给人的感觉也就不同。
线,具有长度和位置的要素,并且它具有空间方向感,比点更具感情性格(直线表示静,曲线表示动,折线表示不安定)。
面,也称做是“行”,而且它具有量感:面的量感和体积感在版面中常起到稳定的作用,在点、线变化较多的版面中,能起到协调统一的作用,而且不同明度的面在版面中能起到丰富层次的作用,再者面有醒目和限制的作用,在版面的设计中常用此方式来突出文字和标题,也可以用多种方法来表现二维空间中的立体形态,使之产生三维空间感!在版面设计中,构成很少是单独要素的运用,绝大数是点、线、面的综合运用。
因此,版式设计的点、线、面综合构成就是将文字、图形理解为点、线、面,再遵照审美原理和构成法则,设计和安排好点、线、面在版面中的视觉流程,相互关系,空间位置,面积数量,大小明暗!现代的版式设计是艺术形式中的一种,其艺术性在于遵循美的原理,将节奏与韵律、对称与平衡、对比与调和、变异与秩序、形象与空间、变化与统一等形式美的构成法则运用于版式设计中:a对称与平衡,对称的编排形式近于完美,对称形式会让人感到静止、单调和呆滞,缺少变化是它最大的弊病。
b对比与调和,对比的形式有很多,再版式设计中常用的对比形式有形象与形象的对比,形象与空间的对比,色彩对比。
其中任何版面都不可缺少的是明暗对比。
c节奏与韵律,它的主要作用就是协调版面的整体关心。
d秩序与变异,版式设计最基本的要求是清晰明了、井然有序,在编排上亦单纯化,是画面的整体性更强。
变异的表现形式有:位置的变异、形象的变异、方向的变异、大小的变异、色彩的变异。
e空间与虚实,对现在板式的空间理解有两方面,一是版面的实际尺寸,二是版面的虚实!版式设计的视觉元素是文字、图形、线条、色块等形象,形象是实体,为“图”。
“图”具有紧张、密度高、前进的感觉。
版面设计的基本形式可归纳为:有版心设计和无版心设计,基本类型可分为,规则的和自由的版式设计!有版心设计是传统的版面设计,常用于书籍正文编排、报纸、杂志等,有版心板面是有四边余白与版心组成,文字、插图、页码、页眉等要素均要受到版心的约束。
版心与白边的比例成反比关系,版心设计的大小要根据正文内容和设计意图来确定。
无版心设计,也称满版设计,即版面不留固定白边,图像,图形不受版心约束,跨余白作“出血”处理。
无版新设计的主要特征是设计可以根据内容和构图的需要自由发挥,强调设计个性化,其编排形式灵活多变、新颖奇妙,能最大限度的体现设计师的审美意识,设计观念和意图,具有较强的时代气息。
一般运用插图较多,图文并茂的海报招贴、个性杂质、书刊封面、企业年报、产品样本、包装装帧等设计。
规则的版式设计是以“栏”为基本要素,栏是版面变化的规则,栏的作用是使版面条理化和规范化,引导和帮助读者了解内容的顺序,提高阅读的速度和舒适度。
栏的设定是以节省时间,适合眼睛一次扫描为原则的,过宽的栏会使视觉流动缓慢,容易造成眼睛疲劳,阅读意愿降低,因此,每栏的字数不宜超过45个字,也不宜过少,栏数也不宜过多,宜单纯。
栏与栏之间要留出一定的空白,这些空白起到了隔离和区分的作用。
这里值得注意的是:规则的分栏设计不是只适合有版新设计,无版心设计同样适合,再图片较多的情况下,常常选择满版设计,同时又选择规则的分栏设计,图片做“出血”设计,内容文字则按栏编排。
因为,在任何一个版面中,图片“出血”不会影响到信息的传递,而内容文字的“出血”却可以直接影响到正确的信息传递。
所以,文字只有作为图形是才会做“出血”处理。
自由版式设计在文字、图像、图形编排时不受栏的限制,版面的变化丰富多姿,随意性较大,独立性较强。
版面变化以版式设计的审美原理为依据,个性化为准则,重视版式设计的艺术性,强调版式设计的形式感。
它的特点是:a、文字、图形、图像的处理个性化。
b、将新颖、时尚注入版式编排,使文字、图像、图形更奇妙,更具有趣味性。
c、更注重版面的节奏和对比,更强调版面的和谐与精致。
d、具有较强的独立性。
自由版式设计常常是以满版的形式来表达,其特点在一些追求版式编排的多变性和个性化的单幅招贴、时尚杂志的单幅插页、艺术类画册中表现的最充分。
版式设计的类型:1、书籍杂志的版式设计:书籍设计又成装帧设计,它的内容包括:封面、护封、环衬、扉页、前言、目录、正文、后记、插图及版权页等因素。
它设计的核心是封面,封面设计的范围是:封面、封底、书脊、勒口等,封面的文字信息包括:书名、副题、作者、出版社等。
杂志与书籍不同,它具有出版快速、周期短、信息量大的特点,因此图文并茂是它的惯用手段,杂志的版式设计注重风格和品味,追求独特面貌和个性。
2、报纸跟广告的版式设计:报纸以其内容复杂、发行量大、时效性强、传播面广、读者众多、便于携带和随时阅读等特点,成为最强劲的宣传媒体,它常采用分栏划块的编排形式。
报纸广告是报纸中不可缺少的一项内容,报纸广告的尺寸过根据报纸版面来分的,大体可分为全页跨版、半页跨版、全版、半版、四分之一版、三分之一版和其他不同尺寸,它的构成要素有:商标、品名、标题、广告语、说明文案、图片、图形、厂名及通讯方式等。
3、非出版物的版式设计:非出版物也称宣传册或宣传单,主要指各种各样的推销材料和信息发布材料,它一般要求色彩生动,图文并茂的编排方式,它的直观性和情趣性要优于其它板式。
4、招贴广告的版式设计:它的编排要注意的是:a、图形先于文字b、文字与阅读距离的关系 c、色先于行 d、空间留白5、包装的版式设计:构成包装的元素分为a、视觉元素b、包装的构造和材料。
在编排设计上首先要做到流程清晰、主次强烈、色彩鲜明、具有一定的远视效果。
6、网页的版式设计:它的关键在于主页设计,主页要有强烈的个性,醒目抢眼,饶有情趣,特色鲜明等,值得注意的是:a、主页设计要根据网站的性质和内容,确定网页的主色调、确定统一的标示和主标题的字体 b、考虑主页的视觉流程,连接的编排位置要做到醒目、明显 c、动画的插入是增加网页趣味和活力的,同时动画的提示作用和注目率大于静态图形 d、网页正文的文字要与整体风格一致 e、网页的色彩采用的计算机显示器的色彩格式RGB,其中有216中网络安全色。
7、企业形象的版式设计:它包含着企业精神、独特的企业文化和审美形式,包括a、名片、信封、信纸、请柬的版式设计 b、企业形象手册、年度报告和应用不分。
以上是我对本次版式设计课的一点总结,望大家多提意见,共同探讨!黑设绘。