Photoshop平面设计与创意案例教程 教学课件 作者 陈昶 Photoshop平面设计与创意案例教程第10章 平面设计方法及实现.ppt

See you soon * * Photoshop 通过前面章节的学习，学生对软件操作有比较全面的了解，本章致力于针对平面设计方法教学与软件操作关键步骤的示范，通过实例分析来解读平面设计中的核心概念。学生通过本章节的学习，应该把软件操作能力与设计方法结合起来，进行作品的设计制作。 Start Here 平面设计与创意案例教程 第10章 平面设计方法及实现 知 识 要 点 能 力 要 求 相 关 知 识 归纳 理解掌握 设计元素归纳整理，使之类目化 对齐 理解掌握 设计元素的秩序感 重复 理解掌握 设计元素的关联性与统一 对比 理解掌握 设计元素在版面中的节奏 教学要求： 初学设计的人，面对一个设计任务时，会把设计元素四处分散，占据版面的每处空间，没有留白、没有归纳的现象很普遍。这样的版面往往给人杂乱的视觉感受，所以设计师首先要学会归纳素材，并且对素材之间的组织关系用合理的版面布局呈现出来，以实现恰当的版式效果。下面我们以几个实际例子来说明设计中简单却实用的一些方法。 以下图为例 10.1 平面设计方法——归纳 如图10-1与图10-2的视觉区别很明显，如图10-1所罗列的项目中，潜在传递着这些项目具有一种共同性，而图10-2所列的项目看上去就能感觉后面五种选项与前面的不同，这样的感受不需要任何提示就可以得到。原因就是他们和前面的选项在物理位置上是分开的，这就反映出梳理设计元素是设计任务的重要工作。 图10-1 饮料品名 图10-2饮料品名版式 我们从名片设计来图说梳理同类元素布局的意义： 图10-3 名片版式1 图10-4名片版式2 如图10-3所示的版式布局方式非常常见，在这么小的空间里，布置着5个单独的元素，意味着我们的目光需要在这张名片上停留5次，这些凌乱的布置，让阅读者不知从何处开始阅读，即使阅读完了还怀疑自己是否还有信息遗漏掉，这些都因为信息没有得到归纳。图10-4就更加热闹了，视觉会在中间和左上的黑体字上相互游走，不知道下一步该往哪里看。 　　如果信息或者设计元素之间有进行整理归纳，将相互之间有关联的信息结合成一个视觉块面，而不是互相孤立的视觉元素，在浏览起来就显得清晰而明显。如图10-5的版式有明显的改进，图10-6的版式浏览起来视觉效果明显好很多。 图10-5名片版式归纳应用1 图10-6名片版式归纳应用2 　用Photoshop软件制作这些名片只要注意元素放置的位置，并且选取阅读方便的字体，调整好适当的间距、行距。特别要提醒的是，留白对版面十分重要，初学者常常担心留白会让画面显得空洞，事实却并非如此，适当的留白反而能让版面增色，能恰当运用留白的版面经常塑造出别致一格清爽宜人的视觉效果。 以图10-6为例：新建一个画布，设置尺寸为长90mm，宽55mm，分辨率300。如图10-7所示： 图10-7新建画布设置图 填充底色C10 M0 Y20 K0。为了得到一些肌理效果对背景做一些特效，添加杂色。 “滤镜”“杂色”“添加杂色”然后跳出对话面板图10-8所示： 　勾选面板中单色选项，这样不至于让背景太花。数量选择4-5之间即可，点击确定得到一个有杂色的背景。然后录入文字并按画面所示调整各元素位置以及大小，注意字体的选用，本例选用了“黑体字”、“楷体字”、“幼圆”，数字全部采用“Arial”字体。为了得到比较完整的效果，在企业前面加了一个自己绘制的LOGO。一张布置合理内容简洁的名片完成了，同时也展示了归纳设计信息对设计效果的重要意义。 图10-8添加杂色图 图10-9三杯咖啡 图10-9三杯咖啡 　　如图10-9中设计元素的分布还是很分散，元素和元素之间没有亲密性。留白部分其实不少，但是被琐碎的元素给分割了，反而显得拥挤。地址和联系方式应该属于一类信息，“体育西路22号”和“鹭湖对面”更是应该用一句话表达，“生活因情调而多彩”是一句广告语，是衬托“都市情调三杯咖啡”的。这样分析后，版面的组织关系应该就明确了。 图10-10三杯咖啡版式设计 　　如图10-10所示，底色改偏紫色一些，在咖啡杯底部用一个白色椭圆衬托，更加突出咖啡杯的形象，也使换面变得生动。整个版面的留白部分比修改前视觉上要多不少，就是因为元素的组织关系变了，同类属性的元素被归纳起来之后，阅读也变得轻松自然。 　注意：初学者往往在字体大小的设置上没有比较成熟的概念，因为设计元素的大小在计算机与印刷品上的呈现方式不同。而字体字号往往见证一个作品的基本设计要求，所以，对字体字号的设置上要根据实际情况和审美效果进行适当处理。 　　设计初学者对版面的布置往往是草率的，似乎如何把页面填满就是他的任务，这样做导致的后果就是页面的杂乱，缺乏设计美感。 　　我