版式设计第3章文字与图形的版面构成.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * 图63 去底图 3.2.4 图片的去底和特写 图片的去底，简单地说就是去掉图片的背景，使图形独立呈现的一种方式。能轻松、灵活的运用图像，使画面空间感更强烈，设计范围更广泛。照片去底不仅可以去除多余复杂的背景，使画面主体更突出，而且去底后的照片可以更和谐的与整个版面设计元素相结合，形成整体、和谐的视觉效果。（见图63） 图64 特写图片 人们经常在处理照片的时候会对照片进行一定的裁切，使照片的视觉中心突出。在一张普通的照片上你也许看不到它的精彩，但是经过特写拉近画面，进行合理裁切以后，形成新的画面效果。（见图64） 图65 图文间的距离 3.2.4 图片与文字混排 图片与文字是版面中主要的编排元素，通常不会以单独的形式出现在版面上。图片与文字的混排过程中常常会出现一些版面编排的问题，以下主要介绍几种常见的问题。 图66 图文间的距离 如图65～图66，以图片与文字说明关系为例。文字说明就与图片类容具有相关性的文字，在版面中与图片的对应关系必须是明确的。因此在编排设计中应注意文字与图片间的距离关系。 （1）注意图片与文字间的距离关系 图65 图片与文字的统一 在图片与文字编排的版面中，应注意版面的协调统一感。文字与图形作为版面中重要的构成元素，其版面的一致性直接影响着整个版面的视觉效果。所谓统一不是将版面中的所有元素都采用同样的编排形式，这样会造成版面的疲劳感，在统一中求变化是版式设计的要点。在统一图片与文字的编排过程中，应避免不彻底的处理方式，造成版面散乱，失去美感。 （2）注意图片与文字的统一 （上）文字与图片沿上边线对齐，整个版面看起来协调统一。 （中）文字与图形沿下边线对齐，整个版面看起来协调统一。 （下）文字与图片上下均没有对齐，造成版面失去重心。 图66 图片与文字的位置关系 图片在版面编排的过程中应注意与文字的位置关系，不能损坏文字的可读性特征。如图66下面的版面中，将图片编排在一段文字的中间，打断了文字的阅读节奏，使整个版面失去连贯性。而且在一行文字中间，也不应该在不合适的位置进行图片编排，可以考虑将图片编排在文字段落的句首或者是句尾的位置上，避免打乱版面的阅读视觉流程。 （3）注意图片与文字的位置关系 图67 图片中文字的处理 在版面中，文字是信息传达的主要元素，在文字与图片的混合编排中，文字往往起着解释说明的作用。如图67上面一张版面中，右图在字体颜色上选用不当，造成版面中文字信息不够明确，最好采用黑色或者白色作为该图的文字备选颜色。图67中下面的版面中，右图的文字编排在图片的重要表现位置上，破坏了整张图片的视觉传达效果，不利于版面信息的传达。 （4）注意对图片中文字的处理 教学实例 ——图片与文字的编排关系的不同，产生的不同的版面视觉效果。 1.家居时尚杂志版式设计 图68 图片与文字是版式设计中的主要构成元素，根据版面中图片与文字的编排方式的不同，给人不一样的视觉效果与心理感受。 如图68中，版面采用了出血图的编排方式进行版面编排。文字编排在图片的右边空白处，具有强烈的视觉效果，达到了信息传达的目的。该版面是一张杂志的展开图，从版面的左右页面可以看出，打破常规的左右页面对称的比例关系，使整个版面形成强烈的比例关系，具有强烈的视觉效果。 图70 图69 2.商业DM版面 在商务企业杂志版面中，对于文字与图形的编排具有明确的版面要求，一般不会采用较花哨的版面编排形式。 在图69中，版面利用出血图的编排方式进行视觉传达，使版面具有强烈的视觉效果。从版面的文字来看，文字采用过于轻浮的字体，使整个版面给人不协调的视觉效果。 图70是经过修改后的版面，选用与效果相匹配的字体，从而呈现坚硬的版面效果。将文字的红色部分也协调到读者会注意的“20”这个数字位置上。根据版面信息内容对公司名字进行放大，从而达到吸引人们注意的版面效果。 设计点评 通过对前面字体与图形的版面构成的学习，了解了字体与图形在版面构成中的主要表现形式，以及对整个版面构成的影响。下面我们来看版式设计中，字体与图形排列对整个版式产生什么样的影响。 图71点评：右图为杂志版面的一个跨页，整个版面采用上下图片与空白的对比关系，带给画面足够的空间层次。文字间的大小对比，突出主题。左边文字采用右对齐与左右均齐的排列方式，使得整个文字排列很规则，版面整洁，给人信赖的感觉，符合该广告版式主题的要求。 图71 图73 图72 图72～图73点评：左图为两张招贴设计。根据文字排列的不同，在版式上给人视觉上的感觉也有所不同。图72，文字采用倾斜的排列方式，使画面形成一种非对称的平衡效果，具有强烈的视觉冲击力，整个版面具有动感、方向感、节奏感。图73，文字