图片与图形的编排.pptVIP

图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，文字采用了齐中的排列形式，使版面主题规则的排列在图片上，突出主题。给人简洁大方、高格调的视觉感受。 图74 图75 图74点评：该图为一副杂志版面设计。从版面上看，整个版面采用图片与文字的组合，文字编排上运用了左对齐、右对齐与左右均齐的三种编排形式，使文字表现丰富。由于左页面的文字信息比较少，采用这样的编排显得整个版面较空洞，与右页面饱满的版面相比，使得整个杂志版面左轻右重，失去了版面的平衡感，使整个版面看上去不协调。 图75点评：该图为一张招贴设计，其中文字采用了两种形式出现在版面上，一种是可识别性文字，另一种是非识别性文字。文字的图形化主要以点、线、面的形式增添画面的层次感与活跃感。图中主要文字为可阅读性文字，传递了信息。但是小的文字在里面只充当了图形的作用，虽然使版面具有了层次感，但是可阅读性文字之间没有对比，整个显得版面很空洞。 图77 图76 图76~图77点评：左图为两张杂志版面。该版面中图形采用了居中的排列方式，文字规则地编排在图形的左右，起到了信息传达的目的。整个版面层次清晰，主题突出。文字分别采用了左对齐与右对齐的排列方式，同时出现在一个版面上，与图形的合理搭配，使整个版面给