《Photoshop平面设计与创意案例教程》第11章 平面设计各元素分析

Photoshop通过本章的学习，学生能够深入理解设计各元素的多种形态，通过对设计元素的灵活应用来实现对设计语言的理解与掌握。在平面设计领域中，设计元素的整合与分解是设计师最为重要能力之一，如何在有序与无序之间实现对设计各元素的恰当处理，是一个设计从业人员能力的重要表达。本章的教学目的就是为了学生能够重视设计元素的各种形态，在不同的设计任务中，灵活处理相关元素，来到达和谐的视觉效果。StartHere平面设计与创意案例教程第11章平面设计各元素分析

教学要求：知识要点能力要求相关知识字符元素分析掌握理解字符元素的多种形态图像元素处理掌握掌握图像处理的各种方法色彩的应用掌握理解设计色彩的搭配原理世界各国文字的历史有长有短，形式也不尽相同，但世界文字在历经悠久的历史长河中，逐步形成两大文字体系，一种是代表华夏文化的汉字体系，另一种是象征西方文明的拉丁字母文字体系。汉字和拉丁字母文字都是起源于图形符号，各自经过几千年的演化开展，最终形成了各具特色的文字体系。如图11-1所示，汉字仍然保存了象形文字图画的感觉，字形外观规整为方形，而在笔画的变化上呈现出无穷含义。每个独立的汉字都有各自的含义，在这一点上和拉丁字母文字截然不同，因而在汉字元素更重于形意结合。

以以下图为例11.1字符元素分析如图11-2所示，今天拉丁字母文字是由26个简单字母组成的完整的语言体系，拉丁字母本身没有含义，必须以字母组合构成词来表述词义。其字母外形各异，富于变化，在字体整体设计上有很好的优势。尽管电脑字库的种类在不断的丰富，可供选择的字体也越来越多，认真收集字体的设计师在面对设计任务时，能够轻松的找到适宜的字体为自己所用。但是，字体设计仍然是我们设计工作中重要的内容，在很多时候被应用到。如图11-5所示，常见的黑体字显然没有图11-6中的字体来的有设计感。汉字字符元素的塑造感非常强，在设计中应该深入研究。单个字符从笔画到构成都是设计师推陈出新的着眼点，然而文字的可塑性不仅仅在字符本身。离开笔画和结构，字符形成的外观形状、段落、文字方向等都是设计师进行设计创造的手段，如图11-7、图11-8、图11-9所示。字符元素的打散与整合是平面设计的重要方法，整段的文字可以打散为句或者行的形式，整句的文字可以拆解为单个字符。在整合与拆解中需找设计美学是设计的长久追求。文字的大小、方向、疏密、肌理等都共同作用于设计作品的整体效果，如图图11-10、图11-11。我们在设计工作中，应该多尝试几种设计方式，最终选择较好的方案。一件设计作品是多种设计元素互相协调后产生的，即使只有一种元素形态，也会产生各不相同的设计方法。越是简约的版面，越需要设计用心构思，取得良好的视觉效果。11.2图像元素分析图像元素指的是可承载或传递印刷视觉信息的根本要素。平面设计中图像元素的重要不言而喻，图像的来源根本是通过摄影与绘画两种渠道来获得，但是直接的摄影或者绘画图像常常不能满足设计的需要，设计师对图像元素的加工对设计任务的最后效果有重要作用。在信息量不断剧增的今天，图像素材库的全面与庞大令人兴奋，设计师面对大量的图像素材首先要做的是选择。选择适宜的图像作为设计元素，是得到良好设计效果的关键一步。图像元素与主题是否关系密切？图像质量是否能够满足设计要求？在吸引受众注意和视觉冲击方面是否能有良好的表现？这些都是在确定图像元素之前设计师需要认真考虑的问题。在设计领域，我们需要的是制作自己需要之物，而不是选用现成之物。从这点出发，我们就应该坚持需要什么就去创造什么，并且尽量做到最好。一张无处不见的摄影图片原原本本的出现在你的设计作品中，给人的视觉感受只有乏味。设计师应该试着不要依赖现成的素材进行创作，有的时候对设计素材的创造只是通过点、线、面等简单的设计元素就能实现，几根线条或者随性的涂鸦都能成为你设计素材的来源。不管你画出的线条或者其它图形是否光滑与色彩斑斓，都比大量出现在已有传播媒介上的现成图像来得有意义。如图11-15所示，这是最为常见的图像素材，普通相机拍摄的一座人物雕像，像素不高对调也不实，这种素材如果原原本本的出现在设计作品中，那对作品的视觉效果只会起到破坏的作用。只要做简单的处理就会改变这种缺乏，如图11-16所示，只是将雕像的背景去掉，然后对雕像做了纹理化处理，再处理色调，素材的视觉感受马上产生很大变化。对图像元素的改造除了合成之外，还可以二次创造。一些微小的元素常常启发设计师的创意思维，元素的替换或者修剪都能让图像有焕然一新的变化。如图11-20所示，图像只是一棵简化的树，通过对起叶子的替换，再用一条起伏的线条代表地面，就有了如图11-21所示的设计作品，设计的整个过程简单而轻松，最终的画面给人干净而清爽，在顶部添加上主题，就是一张简单的招贴设计。对图像进行深入分析，结合环境来处理图像作为设计元素的作用。如图11-22、图11-23两张图像素材，很普通的摄影图片，因为图11-22有很强的方向感，所以在设计中可以利用这样一个信号来组织版面，最终得到图11-24所示的设计效果。设计初学者常常把图像处理理解为丰富的滤镜效果，在设计作品中也沉浸于滤镜的应用。滤镜作为一种特效有其讨巧的地方，但是应用不当会令人心生厌烦，很容易走向低级趣味化。设计师面对图像元素，不管是摄影图片还是线条色块，首先想到的应该是二次创作，然后才是用一些简便的方法来实现新的视觉效果，这样出来的作品才有比较丰富的设计语言。如图11-17、图11-18所示，在没有任何可供选用的图像元素情况下，线条、色块是非常好的素材，恰当应用这些元素，能够为设计带来新颖且恰如其分的视觉效果。应用这些元素的时候，平面构成与色彩构成方面的知识就得到充分展示，所以对于学生而言，这些根底课程知识的扎实程度对后期创作有重要影响。图像元素的处理有更有其无穷的发挥空间，笔者所能阐述的只能是其中的一小局部。是设计实践中，如何娴熟的应用各种方法的串联，以实现设计的目的，需要我们不断去尝试和总结。11.3色彩的应用本节内容主要是围绕在PhotoshopCS5中的一个扩展功能Kuler，它很完美的提供了多种快速配色的方式，让对对配色头疼的设计师带来便捷的效劳。Kuler面板是访问由在线设计人员社区所创立的颜色组、主题的入口。您可以使用它来浏览Kuler上的数千个主题，然后下载其中一些主题进行编辑或包括在您自己的工程中。您还可以使用Kuler面板来创立和存储主题，然后通过上载与Kuler社区共享这些主题。从PhotoshopCS5中选择“窗口〞>“扩展功能〞>“Kuler〞，如图11-27所示，默认情况下，它停留在浏览界面，这里有很多已经生成配色模式供你选择，这些配色方案都是经过多方验证并大量用于实践中产生出来的，如图11-28所示。在配色选项的下拉菜单中，列有四类配色方案，分别是最高评级、最受欢送、最新与随机，如图11-29所示。在这四种配色类目中你可以迅速解决你在配色上困扰。还有两组类目是为设计自己动手配色准备的，一类用于即时配色，一类用于存贮保存过的配色方案。说到这里，我们首先要了解色彩学的一般知识，色彩是在三原色的根底上产生的，即红、黄、蓝，如图11-31所示。所有的颜色都可以通过三原色调配出来，你可以通过黄色和蓝色得到绿色，红色和绿色得到黑色，但是无法综合其他颜色得到纯黄、纯蓝和纯红。将三原色色轮上相邻的两种颜色等量混合调配就会得到三间色，如图11-32所示。如果再将空白两边的颜色等量混合调配就得到一个12色的色轮，如图11-33所示。补色是互相对立的两种颜色，在色轮上处于相反的位置上，比方红色和绿色。补色形成强列的比照效果，传达出活力、能量、兴奋等意义，这种色彩之间强烈比照在高纯度的情况下会引起色彩的颤抖和不稳定感，在搭配中一定要处理好这种情况，不然会使得画面冲突非常严重并破坏整体。互补色搭配在正式的设计中比较少见，主要由于它特殊性和不稳定，，在各种色相搭配中，互补色搭配无疑是一种最突出的搭配，如果你想让你的作品特别引人注目，那互补色搭配或许是种不错的选择。补色要到达好的效果，一般是其中一种面积比较小，另一种比较大，适用于一种颜色突出另一种颜色。在色盘上变现为如图11-34、图11-35所示，在Photoshop里面，补色可以在Kuler里面表现为这样的形式，如图11-36所示。有一种能够给人良好视觉感受的配色方式叫做三色组合，这种色彩搭配方案能使画面生动活泼，哪怕是使用了低饱和度的色彩。但是在使用三角形搭配的时候一定要选出一种色彩作为主色，另外两种作为辅助色。这三种颜色在色盘上表现为彼此间相隔的距离是一样的，在Photoshop里面表现为如图11-37所示。在色盘上距离较近的色彩被称为近似色，如图11-38所示，这种色彩搭配起来给人显得平静而舒服。近似色搭配在自然中能够被经常找到，所以对眼睛来说，接受这时种搭配方式比较舒适,在Photoshop里面表现为如图11-39所示。在使用近似色搭配的时候，一定要适当加强比照，不然可能使画面显得平淡。一种色彩模式既有互补色搭配的优点，又防止了互补色搭配的弱点，一般称之为分裂互补色。它的本质是用使三个类似色中的一个用他的互补色来代替。分裂互补色的比照依然非常强烈，但它并不会像互补色搭配那样产生颤抖和不安的感觉。对初学者来说，这是种非常好用的搭配，一般来说，使用分裂互补色搭配的画面比照强烈，又不易使色彩产生混乱的感觉，在色盘上如图11-40所示，在Photoshop里面表现为如图11-41所示。X型色彩模式，如图11-42所示，在Photoshop里面表现为如图11-43所示。这种色彩模式由两组互补色组成，是互补色搭配的特殊形式，要注意的是两组色彩的选用是在近似色的范围内。这种方式搭配的色彩非常丰富，能使画面产生节奏感。但是在应用的时候，需要注意他的冷暖比照。与X型色彩模式想仿的另一种搭配方式是十字形模式，如图11-44所示，在Photoshop里面表现为如图11-45所示。两组补色在色盘中呈垂直的分布，和X型色彩模式一样有丰富的色彩效果，在应用时注意冷暖的比照。在这种色彩模式下，其中一种色彩作为主色，辅助其他三种色彩进行搭配，能取得良好的色彩效果。色彩在实际的应用中还涉及很方面的问题，配色的方式要根据明度、纯度、色相、冷暖、比例等情况而定，这些因素的变化，会导致不同的视觉效果，在实践中要认真总结与灵活应用。11.4本章小结在平面设计设计中，对设计元素的研究有着非常重要的意义，元素的处理是设计关键问题，只有将设计元素的问题解决了，设计的效果才能比较好的保障。不管是字符还是图像，对设计效果都有非常的影响，另外色彩的搭配也是设计师的重要课题，配色是否恰当对设计作品的成败往往有决定性的作用。所以，在设计工作中，要处理还设计各元素之间的关系，这样才能顺利完成设计工作。接下来我们以几个例子来简单的小结本章的问题。如图11-46所示，以三色组合为主要色彩模式的文字版面设计，突出主题，页面整洁清爽。如图11-47所示，以补色为主要色彩模式的图文信息版面，各种姿态的人物剪影安排在文字的恰当位置，使得图文形成一种关联，这种生动的图文互动可以让设计富有趣味性。如图11-48所示，以近