下载文档原格式
版式构成的三元素
2015-4-1 14:00|发布者: admin|查看: 46|评论: 0
摘要: 版式设计如同绘画之构图和书法之行款，同样是在二维空间经营位置。
设
计者依据原稿对版面空间分割做出判断，在处理“排什么”和“怎样排”之前，
首先应把握版式构成的三元素，即版芯与版面，排式与分栏，字体与字号。
...
版式设计如同绘画之构图和书法之行款，同样是在二维空间经营位置。
设计者依据原稿对版面空间做出判断，在处理“排什么”和“怎样排”之前，首先应把握版式构成的三元素，即版芯与版面，与分栏，字体与字号。
版芯是版式构成的框架，它直接影响版面的容量和视觉效果。
版芯又称版口，是指期刊正文版面容字和图表的面积。
版芯四周留的空白要适当。
艺术类期刊版芯可略小，四边留白多，版面空灵。
但留得过大则版芯面积小，图文容量相对小。
科普期刊的读者一般较少在版面上作批注，所以版芯可大，藉以扩充版面，增加信息量。
鲜花握手雷人路过鸡蛋。
版式设计的构成要素点、线、面是构成视觉空间的基本元素,也是版面构成的主要语言.版面构成实际上就是如何经营好点、线、面。
不管版式如何复杂，最终都可以简化到点、线、面。
在设计师的眼里，世上万物都可以归纳为点、线、面：一个字母、几个数字，可以理解为一个点或多个点。
一行文字、一行空白,均可理解为一条线。
多行文字、一张图片或一片空白，都可以理解为不同形状的面.版式设计就是在有限的版面空间内处理和协调好点线面之间相互依存、相互作用的关系,组合出各种各样的形态，构成有新意的符合审美意识的版式.一、点点在造型要素中是最基本的形态，也是最细小的单位。
一个较小的形态称为点，一条线的起始或终结也是点,两条或几条线的交叉处仍然可以称为点.点在形象设计中不是孤立存在的，它必然会依附于某个形体上，它的形状不固定，可以是任意的形象.比如：在一套形象设计中,服装上的蝴蝶结是点，一粒特殊的装饰扣是点，头发可以是点,帽子也可以是点。
点的性质是由空间环境所决定。
点在空间环境中只占有极小的面积.点具有张力作用和紧张性，在空间的衬拖托下，点很容易将视线吸引和聚集。
在版面中一组文字、一个标志或几个符号的位置不同、数量不同、大小不同、聚散排列不同给人的感觉也不同。
主要表现在以下几个方面:(一）平等配置以大、小均等的点在整体上等距的排列，效果平稳、均衡，但是,容易显得缺少变化、呆板，无新意.(二)不均等配置以大、小不同,距离不等的分配方式排列，设计效果有强弱对比之感,配置效果活泼，富于变化。
（三）强调配置一个点在整体形象中常常起到强调的作用。
同样的点，由于设计的位置不一样，强调的位置也不一样。
比如：头饰作为点,配置在人体的上部，其装饰的不仅仅是头部或脸部，而是通过强调整体形象上部的一“点”，来达到某种整体效果.设计师在造型构思时首先要决定用点的目的，然后再确定点的位置.以点在全局中的强调配置，起到画龙点睛的作用。
点设计表现时通常是需要色彩来配合，因此,点的位置、大小与色彩配置有着很重要的联系。
常见的版式构成方式一、引言在设计和排版中，版式构成是非常重要的一部分。
合理的版式构成可以使文章或设计作品更加清晰、易读，给人以良好的视觉体验。
本文将介绍一些常见的版式构成方式，希望对大家在设计和排版中有所帮助。
二、单列版式单列版式是最简单、最常见的版式构成方式之一。
它将内容按照一列一列的方式排布，适用于大部分文本类内容的呈现。
单列版式可以使内容有条理地呈现出来，易于阅读和理解。
在排版过程中，可以根据需要调整文字的字号、字距和行距，以达到最佳的阅读效果。
三、多列版式多列版式是指将内容分成多列进行排布的方式。
这种版式构成方式适用于需要呈现大量信息的情况，例如报纸、杂志等。
多列版式可以使内容更加紧凑，同时也能增加版面的美感。
在设计多列版式时，需要注意每一列的宽度和间距的设置，以保证整体的平衡和美观。
四、分栏版式分栏版式是一种将内容分成多个栏目进行排布的方式。
它通常用于报纸、杂志和宣传手册等需要呈现多种信息的场合。
分栏版式可以使不同的内容在同一篇文章中清晰地呈现出来，增加了信息的层次感和可读性。
在运用分栏版式时，需要注意每个栏目的宽度和间距的设置，以保持整体的平衡和统一。
五、网格版式网格版式是一种将版面划分为多个网格，并将内容按照网格进行排布的方式。
这种版式构成方式适用于需要呈现复杂信息的情况，例如网页设计、画册设计等。
网格版式可以使内容有序地呈现出来，增加版面的美感和层次感。
在运用网格版式时，需要注意网格的大小和间距的设置，以保持整体的平衡和稳定。
六、对称版式对称版式是一种将版面分为左右对称两部分进行排布的方式。
这种版式构成方式适用于需要呈现平衡和稳定感的情况，例如书籍封面设计、名片设计等。
对称版式可以使内容在视觉上更加舒适和平衡，给人以稳定感和专业感。
在设计对称版式时，需要注意左右两部分内容的大小和位置的设置，以保持整体的平衡和协调。
七、不对称版式不对称版式是一种将版面划分为不规则形状进行排布的方式。
版式设计之版面构成的22条法则(一)大小的对比大小关系为造形要素中最受重视的一项，几乎可以决定意象与调和的关系。
大小差别少，给人的感觉较沈着温和，大小的差别大，给人的感觉较鲜明，而且具有强力感。
﹝二﹞明暗的对比阴与阳、正与反、昼与夜等等，如此类的对比语句，可使人感觉到日常生活中的明暗关系。
初诞生的婴儿，最初在视觉上只能分出明暗，而牛、狗等动物虽能简单识别黑白，可是，对彩度或色相却无法轻易识别，由此可知，明暗﹝黑和白﹞乃是色感中最基本的要素。
﹝三﹞粗细的对比字体愈粗，愈富有男性的气概。
若代表时髦与女性，则通常以细字表现。
细字如果份量增多，粗字就应该减少，这样的搭配看起来比较明快。
﹝四﹞曲线和直线的对比曲线很富有柔和感、缓和感；直线则富坚硬感、锐利感，极具男性气概。
自然界中，皆由这两者适当混合。
平常我们并不注意这种关系，可是，当曲线或直线强调某形状时，我们便有了深刻的印象，同时也产生相对应的情感。
故我们常为加深曲线印象，就以一些直线来强调，也可以说，少量的直线会使曲线更引人注目。
﹝五﹞质感的对比在一般人的日常生活中，也许很少听到质感这句话，但是在美术方面，质感却是很重要的造形要素。
譬如松弛感、平滑感、湿润感等等，皆是形容质感。
故质感不仅只表现出情感，而且与这种情感融为一体。
我们观察画家的作品等，常会注意其色彩与图面的构成，其实，质感才是决定作品风格的主要因素，虽然色彩或对象物会改变，可是，作为基础的质感，是与一位画家之本质有着密切的关系，是不易变更的。
若是外行人就容易疏忽这一点，其实，这才是最重要的基础要素，也是对情感最强烈的影响力。
﹝六﹞位置的对比在画面两侧放置某种物体，不但可以强调，同时也可产生对比。
画面的上下、左右和对角线上的四隅皆有潜在性的力点，而在此力点处配置照片、大标题或标志、记号等等，便可显出隐藏的力量。
因此在潜在的对立关系位置上，放置鲜明的造形要素，可显出对比关系，并产生具有紧凑感的画面。
招贴设计中版式的构成要素招贴设计是广告宣传中重要的一种形式，具有视觉冲击力强、信息传递快速等特点。
而版式是招贴设计的重要组成部分，它的合理构成直接影响到招贴设计的效果。
因此，本文将从版式的构成要素入手，探讨影响招贴设计效果的主要因素。
一、排版要素排版是版式的基础，它涉及到文字、图片等元素在海报中的布局、大小、颜色等，影响版面的整体效果。
1、比例比例是排版要素中最基本的一项，它决定了招贴设计中各元素的大小和相对位置。
在招贴设计中，比例一般需要与广告信息的重要性相对应，例如产品名称、价格等信息需要以较大的字体呈现，同时辅助图片和图形也要有足够的空间。
2、字体在招贴设计中，字体的选择非常重要。
不同字体会产生不同的视觉效果，一些大众化的字体如宋体、黑体、微软雅黑等都可以使用，但应该避免使用过于个性化的字体，以免影响信息的传递。
为了提高海报的辨识度，建议在海报中统一使用两种字体，大小盘根据主次。
3、颜色颜色是招贴设计中非常重要的一项排版要素，颜色的选择和运用直接影响设计效果。
颜色带有情感和文化的指向性，招贴设计中可以通过颜色的选择来传递广告信息，同时也可以突出海报的品牌特色和个性。
例如，黄色和红色可以让人产生温暖、积极的印象，黑色和白色则显得严肃、高贵。
二、布局要素布局要素决定了海报中各个元素之间的排列方式，直接影响到海报整体的视觉效果和信息传递效果。
1、对齐性对齐性是招贴设计中非常重要的一项布局要素，它涉及到海报中各元素的相对位置。
应尽可能地保持整齐，避免出现重心不协调的情况。
一般来说，水平和垂直的对齐为主，会让海报整洁、美观。
2、留白留白是布局要素中的重要组成部分，也是海报的关键因素之一。
适当的留白可以让海报的信息更加突出、醒目，同时也能给人以舒适感，增强视觉体验。
3、比例不同的元素在海报中所占的比例也是影响招贴设计效果的一个重要因素。
可以通过调整元素之间的比例，来突出海报中的重点信息和重点图像。
三、内容要素内容要素是招贴设计中的核心元素，也是影响其效果的关键因素。
专题——平面构成------------------------------------------------------------------------------------------------------------------------------------- - 4 -一、平面构成形态元素 -------------------------------------------------------------------------------------------------------------------------- -4-一）点-------------------------------------------------------------------------------------------------------------------------------------------------- -4-1.点的特点-------------------------------------------------------------------------------------------------------------------------------------------- -4-2.点的视觉特征 ------------------------------------------------------------------------------------------------------------------------------------- -4-4.点的错视（错视即视觉与客观事实不一致现象） ----------------------------------------------------------------------------------- -4-二）线-------------------------------------------------------------------------------------------------------------------------------------------------- -5-1.线的特点-------------------------------------------------------------------------------------------------------------------------------------------- -5-2.线的视觉特征 ------------------------------------------------------------------------------------------------------------------------------------- -5-3.线的构成-------------------------------------------------------------------------------------------------------------------------------------------- -5-4.线的错视-------------------------------------------------------------------------------------------------------------------------------------------- -5-三）面-------------------------------------------------------------------------------------------------------------------------------------------------- -5-1.面的分类-------------------------------------------------------------------------------------------------------------------------------------------- -5-2.面的性质-------------------------------------------------------------------------------------------------------------------------------------------- -5-3.面的构成-------------------------------------------------------------------------------------------------------------------------------------------- -5-四）构成的形式法则------------------------------------------------------------------------------------------------------------------------------ -5-1.对称 -------------------------------------------------------------------------------------------------------------------------------------------------- -5-2.均衡 -------------------------------------------------------------------------------------------------------------------------------------------------- -6-3.变化 -------------------------------------------------------------------------------------------------------------------------------------------------- -6-4.统一 -------------------------------------------------------------------------------------------------------------------------------------------------- -6-5.点线面综合构成---------------------------------------------------------------------------------------------------------------------------------- -6-二、平面构成表现形式 -------------------------------------------------------------------------------------------------------------------------- -6-一）重复构成---------------------------------------------------------------------------------------------------------------------------------------- -6-1.重复构成的特征---------------------------------------------------------------------------------------------------------------------------------- -6-2.基本形与近似形---------------------------------------------------------------------------------------------------------------------------------- -6-3.重复构成的形式---------------------------------------------------------------------------------------------------------------------------------- -7-4.骨格的类型 ---------------------------------------------------------------------------------------------------------------------------------------- -7-5.重复构成的要点---------------------------------------------------------------------------------------------------------------------------------- -7-6.重复类型-------------------------------------------------------------------------------------------------------------------------------------------- -7-二）特异构成---------------------------------------------------------------------------------------------------------------------------------------- -7-1.特异构成的特征---------------------------------------------------------------------------------------------------------------------------------- -7-2.特异构成的形式（规律中的不规律者，即逻辑断点） ---------------------------------------------------------------------------- -7-3.特异的分类 ---------------------------------------------------------------------------------------------------------------------------------------- -7-4.特异构成的要点---------------------------------------------------------------------------------------------------------------------------------- -7-三）渐变构成---------------------------------------------------------------------------------------------------------------------------------------- -7-1.渐变构成的特征---------------------------------------------------------------------------------------------------------------------------------- -7-2.渐变构成的形式---------------------------------------------------------------------------------------------------------------------------------- -7-3.渐变的类型 ---------------------------------------------------------------------------------------------------------------------------------------- -8-4.渐变构成的要点：手法灵活+空间拉大 -------------------------------------------------------------------------------------------------- -8-四）发射构成---------------------------------------------------------------------------------------------------------------------------------------- -8-1.发射构成的特征---------------------------------------------------------------------------------------------------------------------------------- -8-2.发射构成的因素---------------------------------------------------------------------------------------------------------------------------------- -8-3.发射构成的形式---------------------------------------------------------------------------------------------------------------------------------- -8-4.发射构成的要点---------------------------------------------------------------------------------------------------------------------------------- -8-五）空间构成---------------------------------------------------------------------------------------------------------------------------------------- -8-1.空间构成的特征---------------------------------------------------------------------------------------------------------------------------------- -8-2.空间构成的形式---------------------------------------------------------------------------------------------------------------------------------- -8-3.矛盾空间的构成---------------------------------------------------------------------------------------------------------------------------------- -8-4.空间构成的要点---------------------------------------------------------------------------------------------------------------------------------- -9-六）对比构成---------------------------------------------------------------------------------------------------------------------------------------- -9-七）肌理构成---------------------------------------------------------------------------------------------------------------------------------------- -9-2.肌理构成的形式---------------------------------------------------------------------------------------------------------------------------------- -9-3.肌理构成的方法---------------------------------------------------------------------------------------------------------------------------------- -9-4.肌理构成的要点---------------------------------------------------------------------------------------------------------------------------------- -9-三、形状感觉与情感表现 ----------------------------------------------------------------------------------------------------------------------- -9-一）形态感觉表现 --------------------------------------------------------------------------------------------------------------------------------- -9-1.形态感觉-------------------------------------------------------------------------------------------------------------------------------------------- -9-2.感觉表现-------------------------------------------------------------------------------------------------------------------------------------------- -9-3.感觉表现构成的要点 --------------------------------------------------------------------------------------------------------------------------- -9-二）自我情感表现 --------------------------------------------------------------------------------------------------------------------------------- -9-1.自我情感-------------------------------------------------------------------------------------------------------------------------------------------- -9-2.情感表现-------------------------------------------------------------------------------------------------------------------------------------------- -9-3.情感表现构成的要点：鲜明的情感特征+简洁生动的形态+具有美感形式的画面---------------------------------------- -9-专题——色彩构成------------------------------------------------------------------------------------------------------------------------------------- - 9 -一）基础小知识 ------------------------------------------------------------------------------------------------------------------------------------ -9-1.色系 ------------------------------------------------------------------------------------------------------------------------------------------------ -10-2.色立体 --------------------------------------------------------------------------------------------------------------------------------------------- -10-3.冷暧 ------------------------------------------------------------------------------------------------------------------------------------------------ -10-4.冷暖对比特性 ----------------------------------------------------------------------------------------------------------------------------------- -10-二）色彩三要素 ---------------------------------------------------------------------------------------------------------------------------------- -10-1.色相 ------------------------------------------------------------------------------------------------------------------------------------------------ -10-2.明度 ------------------------------------------------------------------------------------------------------------------------------------------------ -10-3.纯度 ------------------------------------------------------------------------------------------------------------------------------------------------ -11-三）七大色调————色彩总体的倾向 ------------------------------------------------------------------------------------------------- -11-1.纯色调 --------------------------------------------------------------------------------------------------------------------------------------------- -11-2.明色调 --------------------------------------------------------------------------------------------------------------------------------------------- -11-3.淡色调 --------------------------------------------------------------------------------------------------------------------------------------------- -11-4.灰色调 --------------------------------------------------------------------------------------------------------------------------------------------- -11-5.暗色调 --------------------------------------------------------------------------------------------------------------------------------------------- -12-6.黑色调 --------------------------------------------------------------------------------------------------------------------------------------------- -12-7.白色调 --------------------------------------------------------------------------------------------------------------------------------------------- -12-四）色彩情感表现 ------------------------------------------------------------------------------------------------------------------------------- -13-1.形式与内容：情+理+形+神----------------------------------------------------------------------------------------------------------------- -13-2.情感表现------------------------------------------------------------------------------------------------------------------------------------------ -13-3.色彩联想（抽象+具体） -------------------------------------------------------------------------------------------------------------------- -13-3.1）红色 ------------------------------------------------------------------------------------------------------------------------------------------- -13-3.2）橙色 ------------------------------------------------------------------------------------------------------------------------------------------- -14-3.3）黄色 ------------------------------------------------------------------------------------------------------------------------------------------- -14-3.4）绿色 ------------------------------------------------------------------------------------------------------------------------------------------- -15-3.5）蓝色 ------------------------------------------------------------------------------------------------------------------------------------------- -15-3.6）紫色 ------------------------------------------------------------------------------------------------------------------------------------------- -16-3.7）黑色 ------------------------------------------------------------------------------------------------------------------------------------------- -16-3.8）灰色 ------------------------------------------------------------------------------------------------------------------------------------------- -16-3.9）白色 ------------------------------------------------------------------------------------------------------------------------------------------- -16-3.10）黑白灰的应用 ---------------------------------------------------------------------------------------------------------------------------- -16-4.色彩与味道 -------------------------------------------------------------------------------------------------------------------------------------- -17-5.色彩与季节 -------------------------------------------------------------------------------------------------------------------------------------- -17-6.色彩与形状 -------------------------------------------------------------------------------------------------------------------------------------- -17-专题——版式设计----------------------------------------------------------------------------------------------------------------------------------- - 17 -一、思想方法论小集---------------------------------------------------------------------------------------------------------------------------- -17-二、构图与布局 ---------------------------------------------------------------------------------------------------------------------------------- -18-一）构图 -------------------------------------------------------------------------------------------------------------------------------------------- -18-1.构图样式 ---------------------------------------------------------------------------------------------------------------------------------------- -18-3.关于对称------------------------------------------------------------------------------------------------------------------------------------------ -20-4.构图变化------------------------------------------------------------------------------------------------------------------------------------------ -20-5.版式对比------------------------------------------------------------------------------------------------------------------------------------------ -20-二）布局 -------------------------------------------------------------------------------------------------------------------------------------------- -20-1.基本元素------------------------------------------------------------------------------------------------------------------------------------------ -21-2.背景 ------------------------------------------------------------------------------------------------------------------------------------------------ -21-2.1）背景分类------------------------------------------------------------------------------------------------------------------------------------- -21-2.2）如何利用不同类型的背景让主体更明显？ -------------------------------------------------------------------------------------- -21-3.主体思维------------------------------------------------------------------------------------------------------------------------------------------ -21-3.1）什么是主体？ ------------------------------------------------------------------------------------------------------------------------------ -21-3.2）主体有什么特征？ ----------------------------------------------------------------------------------------------------------------------- -21-3.3）如何强调主体地位？ -------------------------------------------------------------------------------------------------------------------- -21-3.4）什么样的东西可成为主体？ ---------------------------------------------------------------------------------------------------------- -21-3.5）平面设计中如何确定主体？ ---------------------------------------------------------------------------------------------------------- -21-4.营造空间层次感-------------------------------------------------------------------------------------------------------------------------------- -22-5.关点线面的布置点 ---------------------------------------------------------------------------------------------------------------------------- -22-5.1）点----------------------------------------------------------------------------------------------------------------------------------------------- -22-5.2）线----------------------------------------------------------------------------------------------------------------------------------------------- -22-5.3）面----------------------------------------------------------------------------------------------------------------------------------------------- -23-三、选图与编排 ---------------------------------------------------------------------------------------------------------------------------------- -23-一）选图 -------------------------------------------------------------------------------------------------------------------------------------------- -23-1.基础属性（时间+地点） -------------------------------------------------------------------------------------------------------------------- -23-2.色彩 ------------------------------------------------------------------------------------------------------------------------------------------------ -23-3.光影 ------------------------------------------------------------------------------------------------------------------------------------------------ -23-4.透视 ------------------------------------------------------------------------------------------------------------------------------------------------ -24-5.关于图片与图形的区别---------------------------------------------------------------------------------------------------------------------- -24-二）编排 -------------------------------------------------------------------------------------------------------------------------------------------- -24-1.排序 ------------------------------------------------------------------------------------------------------------------------------------------------ -24-2.裁剪 ------------------------------------------------------------------------------------------------------------------------------------------------ -24-3.摆放方式------------------------------------------------------------------------------------------------------------------------------------------ -24-4.图文位置------------------------------------------------------------------------------------------------------------------------------------------ -24-6.关于留白------------------------------------------------------------------------------------------------------------------------------------------ -25-四、字体与排版 ---------------------------------------------------------------------------------------------------------------------------------- -26-一）宋体 -------------------------------------------------------------------------------------------------------------------------------------------- -26-二）黑体 -------------------------------------------------------------------------------------------------------------------------------------------- -26-三）圆体与卡通 ---------------------------------------------------------------------------------------------------------------------------------- -27-五）书法体 ----------------------------------------------------------------------------------------------------------------------------------------- -27-六）字体运用-------------------------------------------------------------------------------------------------------------------------------------- -27-七）关于文字层级关系 ----------------------------------------------------------------------------------------------------------------------- -28-八）关于字体组合 ------------------------------------------------------------------------------------------------------------------------------- -29-九）三大原则：对齐——对比——分组-------------------------------------------------------------------------------------------------- -30-五、色彩搭配-------------------------------------------------------------------------------------------------------------------------------------- -31-一）主色思维-------------------------------------------------------------------------------------------------------------------------------------- -31-1.主色/辅助色 ------------------------------------------------------------------------------------------------------------------------------------- -31-2.主色创建------------------------------------------------------------------------------------------------------------------------------------------ -31-二）色彩搭配-------------------------------------------------------------------------------------------------------------------------------------- -31-1.色彩关系 ---------------------------------------------------------------------------------------------------------------------------------------- -31-2.配色比例------------------------------------------------------------------------------------------------------------------------------------------ -31-3.相邻色搭配 -------------------------------------------------------------------------------------------------------------------------------------- -31-4.间隔色搭配 -------------------------------------------------------------------------------------------------------------------------------------- -31-5.互补色搭配 -------------------------------------------------------------------------------------------------------------------------------------- -31-6.色相环360搭配 --------------------------------------------------------------------------------------------------------------------------------- -32-1.配色第一步：项目分析---------------------------------------------------------------------------------------------------------------------- -32-2.配色第二步：确定色彩的冷暖------------------------------------------------------------------------------------------------------------ -32-3.配色第三步：确定主色的色相------------------------------------------------------------------------------------------------------------ -32-4.配色第四步：确定主色的色调------------------------------------------------------------------------------------------------------------ -32-5.配色第五步：确定副色的色调------------------------------------------------------------------------------------------------------------ -32-6.配色第六步：正确的搭配方法------------------------------------------------------------------------------------------------------------ -32-7.配色第七步：检查稿件---------------------------------------------------------------------------------------------------------------------- -33-补充——八种对比技法 ------------------------------------------------------------------------------------------------------------------------ -33-专题——平面构成导论1.平面构成所研究的点、线、面、肌理、方向、位置、空间、重心等内容，是任何设计都离不开的基本元素；“因为它严格的理性思考，对视觉体验以及艺术创造的本质进行着检验”2.构成与图案（研究和寻求美的造型规律）2.1）构成（构造与组合，解构与重构）2.1.1）构成形象奉行的是理性、简约、符合工业化批量生产需求的原则。
