关于设计版面时控制层次的问题.docVIP

开始正题~~~~~~~~~~ 下载 (135.45 KB) 2010-3-16 13:31 利用明度变化使版面更具层次感? ?? ?最近看到不少后期设计师在网上发表的作品，发现设计的版面编排比较合理，色彩选择也还算合适，只是大部分作品在层次处理上稍有不妥，这是目前后期制作普遍存在的一个问题，在此，我用最近完成的作品谈下自己在版面层次处理上的心得，希望对大家有所帮助。? ?? ?无论影楼或是工作室，客件或是样片，版面是我们在客户面前最终的画面展示。好的版面设计会让客户看起来赏心悦目、印象深刻，而其中主次得当、层次鲜明是版面设计中尤为重要的一步。下面就一组婚纱客照的版面设计过程，简单说明利用调整照片的明度关系加强整体版面的层次感。  下载 (143.8 KB) 2010-3-16 13:31  下载 (133.52 KB) 2010-3-16 13:31 这组原片淡雅素气，比较唯美。设计版面时保留了原片本来的格调和感觉，只将其明度稍作调整，并用素材增加画面整体的视觉冲击力，就可以较好地达到我们想要的效果。我们在版面中对元素做并排或横向排列后，加入已选择好的装饰素材，调整各元素之间的关系确定版面布局，接着利用明度关系变化加强整体版面的层次感，具体做法就是以照片明度为基准调整各个元素的明暗程度。 为了让大家能看得更清楚一些，我将版面转为只有黑和白的灰度图像，这样明暗关系就一目了然了。我们来看一下，版面整体上不同明度元素的位置（每一个数字代表一个基调）： 下载 (44.45 KB) 2010-3-16 13:39 1.? ?? ? 背景，明度为纯白色，同时也是最浅的一个基调。2.? ?? ? 背景上的装饰图案，赋予背景以肌理效果，明度层次为很淡的灰色（接近白色）。3.? ?? ? 我们这组设计里的照片，整体的明度层次为浅灰色。照片本身的明度层次是可变化的，但始终是版面其他元素的基准。4.? ?? ? 装饰文字群，明度接近中灰。5.? ?? ? 作为前景的花型图案，也是最深的一个色调。  下载 (145.98 KB) 2010-3-16 13:31 版面背景是白色的，略显单调，我们可以把元素5弱化并放大变成元素2，其中弱化的方法有很多，可以用模糊工具、降低透明度、降低色彩等，这里选择用photoshop里减透明度的简单方式，来降低透明度以及降低色彩。将元素2放在背景上用以装饰，然后调整装饰文字（元素4）的明度，最后再调整元素5的颜色，版面上所有元素的明度变化要与照片本身的明度互为呼应，适合整体效果，我们这里突出元素5的点缀作用，让它成为吸引目光到照片上的重点，如果想更加突出照片本身，还可以选择将元素4再弱化后同步弱化元素5，或者将元素5直接去掉。 下载 (136.9 KB) 2010-3-16 13:31  下载 (129.94 KB) 2010-3-16 13:31  下载 (155.59 KB) 2010-3-16 13:31 按照上述明暗度安排版面中各元素，整体层次感就非常清晰了。我们在每次设计版面之前，先确定好版面元素要分为几个层次，然后按照轻重程度的不同调节各元素明度，画面层次感自然而然就表现出来了，而不会显得重点不突出了。另外，各个元素的明度更改后会使版面呈现出不同的效果，比如这组设计中的元素5，它加强了整体的深度，使画面更具冲击力，但却成为了版面的主体，比照片更引人注目。注重照片优先的人会选择将这个元素弱化或去掉，而强调整体感的人会觉得没有了这个元素画面就不够完美。 我们可以尝试各种不同的明暗组合，体会不一样的版面感觉，直到找到自己感觉满意的为止。（设计前最好先将照片颜色调整好，如果排版后再修改照片的明暗影调，会改变照片本来的风格，也会影响到其他版面元素）