版式设计——版面.ppt

版式设计版式设计Format什么是版式设计？什么是版式设计？l就是在版面上，将图片、文字进行排列组合，以达到传递信息和满足审美需求的作用。设计的对象是图片和文字。设计的目的是传递信息和满足满足审美需求。要注意！必须首先让设计出来的版式起到传递信息的作用后，再去考虑如何美化它。因为只有少数人会去购买一本美观但阅读起来很费力的书。从那些方面去思考，如何让版式达到目的从那些方面去思考，如何让版式达到目的？版式设计样式版面视觉度图版率文字跳跃率照片跳跃率网格拘束率空白率文字排列类型字体印象明确主题分开主副题群化整理流向避免暧昧抑制四角利用版心线造型技巧影响版式的因素之二影响版式的因素之二l版面什么是版面？什么是版面？l当选择好适当的样式后，接下来就需要调整这些样式的位置关系。样式按什么样的关系排列，我们称为版面。版式设计的两个步骤：版式设计的两个步骤：原稿选择样式调整版面原稿，虽然已经具备所必须的全部信息，但条例不清，毫无生气。步骤一，选择适合的样式。步骤一，选择适合的样式。提高跳跃律，提高了视觉度，完成了样式的调整后，与原稿比增加了趣味，更吸引人也更具条理。步骤二，版面调整。步骤二，版面调整。调整文字位置，根据文字的重要性体调整文字大小，调整空白大小。这样版式变得工整，更加有条有理。明确主题明确主题l放大主题部分，缩小次要部分，并给主题已充足的空白。感受明确主题的效果（一）：感受明确主题的效果（一）：结论（一）：结论（一）：l明确主题可以使信息有条理，便于阅读。左边名片上的信息很多，如果不加以区别就会给人混乱之感。右边名片根据信息的重要与否加以区别，别人看名片最先想要知道的就是主人的名字，于是我们就应该放大名字，接着把别人其次想要知道的信息公司名称也放大（当然，要比名字小）。这样名片条例清晰，别人很快就能找到需要的信息。感受明确主题的效果（二）：感受明确主题的效果（二）：结论（二）：结论（二）：l明确主题让信息有条理左图物体大小相似，有优雅之感。不过稍显缺乏条例。右图放大了2个为题，画面上有了主次，显得更有条理。感受明确主题的效果（三）：感受明确主题的效果（三）：结论（三）：结论（三）：l如果把文字放在图片上，那么别人就不会去阅读它，因为很难读。分开主、副体？分开主、副体？l拉开版面中主体元素与次要元素间的距离。感受分开主副体（一）：感受分开主副体（一）：结论（一）：结论（一）：l分开主副体产生动感左图两张照片放的靠近，画面右面有冲击力，但是却不平衡了。右图把两张照片分开，视线从左到右流动，形成的动感。感受分开主副体（二）：感受分开主副体（二）：结论（二）：结论（二）：l分开主副体产生动感。左图的图片放的很近，虽然工整，但是缺乏动感。右图把图片分开放置，产生了动感。群化？群化？l简单的说，群化就是让别人一眼就能看出物体间的关系来。左图看不出四张图片以何种方式组合在一起的。右图很容易就能说出四张图片的关系。感受群化：感受群化：结论：结论：l群化能够使画面工整，各组图片和文字都有各自区域，这样可以使版面条理清晰。避免暧昧避免暧昧l避免暧昧就能避免混乱。感受避免暧昧（一）：感受避免暧昧（一）：结论（一）：结论（一）：l段与段之间的距离要适当分开一点，让别人清楚地知道这一段的内容已经说完了，下面是新的内容。感受避免暧昧（二）：感受避免暧昧（二）：结论（二）：结论（二）：l图片的说明文字应该适当靠拢图片。感受避免暧昧（三）：感受避免暧昧（三）：结论（三）：结论（三）：l对齐文字、段落和图片。感受避免暧昧（四）：感受避免暧昧（四）：如何避免暧昧如何避免暧昧04l对齐文字、段落和图片。调整流向调整流向l我们在观看版面的时候，视线总会有流向。统一画面元素的流向，可以简洁画面。l设计师也可以利用视线的流向，引导观众去观看版面上的内容。感受调整流向（一）：感受调整流向（一）：结论：结论：l统一流向，能够使版面简洁美观。空白空白l指文字或图片周围的空间。感受空白（一）：感受空白（一）：结论（一）：结论（一）：l空白是主题的领地。即使是使用较小的字体，只要在周围留出足够的空白，也能起到突出的作用。并且给人高品质之感。感受空白（二）：感受空白（二）：结论（二）：结论（二）：l空白可以划分空间，使版面条理清晰。8.利用版心利用版心l就是让版面元素依照版心线构图。感受版心：感受版心：结论：结论：l依照版心线排列元素，版面显得工整。感受版心（二）：感受版心（二）：结论（二）：结论（二）：l依照版心线排列元素，版面显得工整。造型技巧造型技巧节奏：节奏：l就是让版面元素按一定规律排列，以形成节奏感。感受节奏（一）：感受节奏（一）：结论（一）：结论（一）：l将文字排列的有节奏感，有助于加强画面的美感。感受节奏（二）：感受节奏（二）：结论（二）：结论（二）：l将图片有节奏的展开，可以形成节奏感。造型技巧造型技巧重点：重点：l将重点突出。感受重点（一）：感受重点（一）：结论（一）：结论（一）：l只有标题的文字大一点，虽然高品质，但应该强调重点。把文字框起来，便可以强调它。造型技巧造型技巧呼应：呼应：l将两个相似的形态，分别放置在左右两个版面里，让它们相互呼应。感受呼应：感受呼应：结论：结论：l放置相互呼应的形，可以起到连接左右版面的作用，使左右两个版面显得统一，并可以使观众的目光在左右两个版面里流动，产生动感和趣味。