版式设计课件精资料.pptVIP

* 教学实例 ——版式设计中的版面编排类型与视觉流程的不同编排所产生的版面视觉效果。 1.餐饮杂志版面 图51 图50 每个版面中图形与文字的编排不一样，所构成的版面结构与版面形式也会有所不同，根据版式设计的不同类型，分析版面的视觉效果。 如图50～图51是一张餐饮杂志的单页版面，该运用出血图的编排形式，图片中元素的运用能有效的吸引消费者的注意。从版面编排类型来看，在杂志版面运用的是满版型的编排形式突出版主题，满版型版面的运用，使版面具有活跃性，给人强烈的视觉效果。 图53 图52 2.书籍内页版式 根据书籍版面中视觉重心的位置编排，分析版面所产生的视觉效果。视觉重心是设计师考虑将主要信息或视觉流程的停留点安排在瞩目价值高的最佳视域，使得主题一目了然。在版面中不同的视域，瞩目程度不同，给人们留下的心理感受也不同。 如图52～图53中，该版面图片编排在版面的上部具有强烈的视觉效果，文字编排在图片的下部具有信息说明的作用。该版面的视觉重心设置在上部，给人以轻松、愉快之感。 设计点评 通过对版式设计构成元素、视觉流程及版面排列的学习，有了一定的了解，现在我们来看看版式设计的这些原理在实际版式中应该如何处理。 图54点评：该设计为杂志宣传广告，整个版面以图片为主要表现因素。在版式设计中图片的比例大小对整个画面的视觉效果有着很到的影响。图片比文字更能吸引人们注意。右图采用了满版型的版式设计，从画面上强调宣传目的。文字根据画面的需求进行有机的调整排列，使整个画面显得和谐层次清晰，达到了宣传的目的。 图54 图55～图56点评：本设计为两张招贴设计，招贴设计版面简洁明了，主要版式是以突出视觉传达为基本。从视觉上看，这两张招贴设计有着不同的视觉中心点，不同的视觉中心给人不一样的视觉传达效果。图55的视觉中心在上部，给人以轻松、愉快、视觉向上扬升的感觉。图56视觉中心在下部，给人一种下坠、沉重、消沉、稳定的感觉。 图55 图56 图57点评：该设计是杂志版面设计，以相同的图形反复排列，增强了图形的识别性，图形色彩选用单一的黑色，与文字的呼应，增加了画面的生动感。为了使画面更能吸引人们的目光。版面中的图形在规律中又显出细小的差别，突破了常规的单调，为版面增添了趣味性，在视觉传达上给人醒目、生动的视觉效果。 图58点评：该版面是一张招贴设计，从画面的颜色分析，红色代表激情奔放有活力，具有强烈的视觉效果。此招贴设计中线条给人一种波动的心理感触，整个版面采用横式视觉流程，在激情中显安静，在动态中显平和，使整个版面生动，具有了乐趣。但是，文字太小，不符合招贴设计的基本表现形式，不能很好的传达信息。 图57 图58 图59 图60 图59点评：该设计是一张招贴设计，从版面的排列可以看出整个版式采用了左右对称的编排模式，以画面的中轴线把左右两边分开，形成鲜明的对比。使画面内容更丰富、层次清晰、耐人寻味。版面中采用了卡通与现实的对比，给人无尽的联想空间，同时使版面具有强烈的视觉冲击力。 图60点评：此设计为一张杂志版面设计，整个画面简洁、空旷、主体突出。从整个版面构成形式来看，主体物之间采用了对比、夸张的手法，使画面在简洁中具有乐趣。画面中文字排列在整个版面的下部，起到了稳定画面的视觉效果，文字间比例关系较小，体现了高质量的视觉效果。此版式设计画面生动、层次清晰、主题突出，符合杂志广告的基本要求，达到了宣传目的。 课后练习 1．通过对上面版式设计版式类型与视觉流程的学习。应用所学知识及原理，以招贴设计为主要信息载体进行点、线、面的编排练习。在编排过程中可以采用文字、图形、图像资料，注意点、线、面的合理搭配，构思设计草图。 创意思路：根据主题归纳分析结果，运用版式设计的视觉传达要素及版式设计基本排版类型等基本原理，对主题版面进行构思设计，逐步形成草图，先运用手绘搞表现草图。最主要是要传达正确的信息，要有完整的设计定位、风格设计等。要求主题表现突出，体现点、线、面的合理搭配，视觉传达效果突出。 2．通过对版式设计的排列方式与版式设计的视觉流程的了解，根据所学到的知识，对版面上的各种元素进行编排设计，要求利用前面所学的各种版式类型进行实际编排，体现版式设计排列方式与视觉流程。 创意思路：根据所学的版式设计的知识，运用到实际版面中。在编排过程中，首先，确立所要编排的内容与主题；其次，对主题进行分析并确立目标；最后，根据对版式设计知识的总结进行版式设计。版式可以采用对比、平衡、满版、倾斜等各种表现手法。视觉上也可以是单向视觉流程、反复视觉流程、散点视觉流程等，根据版式的排列来了解学习过程中的不足之处。 图62 2.4.2 分割型版式设计 在平面构成中，把整体分成部分叫分割。分割也是版式设计中重要表现手法，分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，