平面设计视觉要素

《平面设计视觉要素》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、我要讲的，是纯视觉要素方面的，而不是设计其他方面（例如文化内涵、构图等等），就是人看到作品后的第一反应，就像男人看到美女之后眼前一亮，至于美女道德、生活习惯好不好都不去管。以下要素是我们的眼睛在几十年的生活中培养出来的“本领”，我们的眼睛无时无刻在捕捉这些要素，要素丰富时，就满足了视觉需求，眼睛觉得“爽”、“眼前一亮”，达不到要求时，就觉得“总觉得缺点什么”，但大多数人都“说不出来”到底缺什么，不是吗？有时候我想，人的进化似乎还没达到完美，以至于人的眼睛和大脑是脱节的，眼睛爽的时候大脑不知道为什么爽。现在我就把眼睛为什么爽告诉你。1、颜色三要素  也就是HSB模式里的明度、色相、纯度，这

2、大家都知道。其中明度是重中之重，明度太太太太太太重要了，以至于黑白色盲平日生活里光靠明度就能活的很好，以至于列宾靠素描就能成为大师。上面说的眼睛在捕捉的很大一部分就是明度，准确的说，是明度对比，即“高光”和“暗调”的对比，再通俗点就是白和黑的对比。高光告诉我们物体的形状和质感，暗调告诉我们物体在空间的位置关系（也就是物体上光照不到的黑暗部分和它在其他物体上的投影）。掌握了这两点（对，只有这两点），我们就能在生活中生活了。我们走路，眼睛捕捉地面的高光，知道地面是水泥的还是大理石的要用什么力度去走以避免滑倒，看到前面那个坑凹进去形成的阴影知道那个坑有多深我们跨过去；看见苹果洗过后水反光的晶莹

3、高光我们就大概判定它很干净可以吃了，看见它在桌面上黑实的投影知道它放在桌面上（如果它悬浮在桌面上投影就会虚化）然后我们伸手去抓它。。。。。。等等，简单地说，你就是靠明暗混呢！  至于色相和纯度，它们都没明度重要。曾在哪个地方看过这么一句话：“明度是色彩的骨骼，是色彩的关键；色相是色彩的华美肌肤，是色彩的灵魂；纯度体现色彩内向的品质，是色彩的精神。”要我说嘛，我认为：“明度是精神（明暗对比会让你眼前一亮）；色相是表情（暖色或冷色对应高兴或悲伤）；纯度是态度、情绪（热情洋溢或者含蓄腼腆）.”    所以我们看到一副作品时，我们的眼睛会努力以我们在生活中的习惯去在作品里寻找要素，即明度、色相和

4、纯度。当眼睛觉得明度对比不够时，就像我们无法分清物体的形状和位置，眼睛就觉得不舒服，也就是我们平常说的“说不出来哪不对”。当明暗对比强烈时，能够充满满足视觉需求，我们就觉得眼前一亮，很爽“爽”、“眼前一亮”。无图无真相，你能看出下面这些图，设计者玩了怎样的把戏吗？风景类风景调整前风景调整前.jpg(191.34KB)2011-3-2114:15风景调整后风景调整前后.jpg(283.62KB)2011-3-2114:15风景调整前2风景调整前2.jpg(55.27KB)2011-3-2114:15风景调整后2风景调整前后2.jpg(70.07KB)2011-3-2114:15网页设计类s

5、dfwewe副本.jpg(398.64KB)2011-3-2114:15bgfk.jpg(381.53KB)2011-3-2114:15（蓝圈内为暗调合并部分）电影海报2006328181333185.jpg(18.14KB)2011-3-2114:152z7ncr4.jpg(136.15KB)2011-3-2114:15是不是很爽？呵呵，还有好莱坞电影，全部是这种效果。那问题来了，请看下面几幅图：www.gimimodiena.lt.jpg(308.64KB)2011-3-2114:15klhjl.jpg(627.19KB)2011-3-2114:15淡色调（活力低）副本.JPG(10

6、2.91KB)2011-3-2114:15这几幅图的暗调明显不够黑，也就是未达到全色阶对比，为什么眼睛也甚是喜欢呢？2、简要说明下：1.精细度，如图：放大精细.JPG(253.67KB)2011-3-2117:17    放大图可看到，按钮的明暗不是简单的明-暗对比，而是暗-明-暗。而你仔细观察下面这个气球，也有一定的明暗对比。为什么精细的明暗对比会觉得舒服呢？www.gimimodiena.lt副本.jpg(27.77KB)2011-3-2117:17因为精细的对比可以刻画质感，而质感就是我们的眼睛一直苦苦寻求的。2.最重要的一句话：“明暗、色相、饱和度的强烈与否甚至其他一切设计元素取

7、决于我们所需要表达的情感基调”。我们写生日贺卡或情书的时候会选择对比不是很强烈，对比度比较弱的图片，如下：淡色调（活力低）副本.JPG(102.91KB)2011-3-2217:10  这样的图片当然是首选，为什么？——因为我们就需要表现出这样朦胧的感觉。而明暗对比越弱，朦胧、童话感越强；明暗对比越强，越立体、现实。  下面来看两个强对比暖色调高饱和和弱对比冷色调低保和的例子www.tediru.com.jpg(702.12KB)2