《形式美与视觉流程》由会员分享，可在线阅读，更多相关《形式美与视觉流程（96页珍藏版）》请在金锄头文库上搜索。
1、形式美与视觉流程 形式美与视觉流程 1 形式美学法则 2 视觉流程 形式美与视觉流程 1 形式美学法则 网页设计与其他平面美术设计一样，同是依赖视觉感受的艺术形式。视觉语言在网页设计中无处不见，从文字排版、选择插图、色彩搭配、标志设计、技 术运用等给视觉带来的冲击力，到创意的切入等等(见图8.1)。形式美与视觉流程 图1 视觉语言在网页中的应用 形式美与视觉流程 1.1 视觉形式美的基本法则1. 主从与重心任何艺术上的感受都必须具有统一性，这是一条已经公认的艺术原则。为了加强艺术作品整体的完整统一性，各组成部分应该有主与从的区别、重点与一般的区别。形式美与视觉流程 任何一件作品其构成整体的多个
2、局部之间必须有机联系，作品的美感是从统一的整体效果中感受到的。主从关系是整体局部之间的法则。如果各部分不分主次，同等对待，或者竞相突出自己，都会破坏整体的完整统一性，会流于松散、单调和杂乱。重心是指在设计中有意识地突出和强调其中某个部分或要素，使其成为整体中最能产生视觉吸引力的“兴趣中心”(见图2)。形式美与视觉流程 图2 主从与重点形式美与视觉流程 2. 对称与均衡所谓均衡，是指在特定空间范围内，形式诸要素之间保持视觉上力的平衡关系。静态的均衡就是对称，或以中轴线对称，或以对称中心辐射对称。对称的构成能表达秩序、安静和稳定、庄重与威严等心理感觉，并能给人以美感。尽管对称的形式自然就是均衡的，
3、但是我们并不满足于这一形式，而常用轻巧灵活的对称形式来保持均衡，这就是动态的均衡。形式美与视觉流程 均衡是指不等质和不等量的形态求得非对称形式，它是对称的变质，在静中倾向于动。与对称相比较 ，均衡是不以中轴来配置的另一种形式格局(见图3)。 形式美与视觉流程 图3 对称与均衡形式美与视觉流程 3. 对比与和谐对比与和谐反映了矛盾的两种状态，对比是在差异中趋向于不同，和谐是在差异中倾向于相同。对比是对差异性的强调，是利用多种因素的互比互衬来达到量感、虚实感和方向感的表达力，如形的大小、方圆，线条的曲直、粗细、疏密，空间的大小，色彩的明暗、冷暖对比等。对比基本上可以归纳为形式的对比和感觉的对比。形
4、式美与视觉流程 形式上的对比以大小、明暗、曲直、粗细、强弱、多少等对照来加强视觉效果。对比的画面效果鲜明、刺激、响亮、力度感强。感觉上的对比是指心理和生理上的感受，多从动静、软硬、轻重、刚柔、快慢等方面给人以各种质感和快感的深刻印象。和谐是近似性的强调，是使两种以上的要素相互具有共性，形成视觉上的统一效果。和谐是综合了对称、均衡、比例等美的要素，从变化中求统一，很巧妙地构成要素间的调和，能满足人们心里潜在的对秩序的追求。形式美与视觉流程 和谐可以从画面的类似性组织而获得，如大小的类似性、形态的类似性、色彩的类似性、位置的类似性、速度的类似性等。对比是把两个极不相同的东西并列，使人感到鲜明、醒目
5、、振奋、活跃。和谐是把两个相似的东西并列，使人感到融合、协调，在变化中保持一致。形式美与视觉流程 对比与和谐是相对的，是对立统一的艺术手段，不是简单数值上的差异，而是以人的视觉感受为依据。对比与和谐相辅相成，过分的对比会太强烈、刺激；而过分的和谐又会平庸、单调。在设计运用中要注意对比与和谐的适度，要求鲜明而不刺激，调和而不平淡。从形式构图上讲，对比要求集中，多体现在画面主题和特别强调的点、线和小的块面上，和谐则体现在画面的整体照应之中。形式美与视觉流程 任何视觉传播设计都需要一定量的变化。如果画面由同质要素构成，就容易得到既对比又秩序之美，但会有单调、呆板之感；如果画面由许多对比要素所构成，则
6、容易造成杂乱和不协调。假如，画面由类似要素的许多部分所构成，也就是说，在大部分调和中有部分对比或不协调，就容易得到既有秩序又有变化 之美，产生和谐又对比的效果(见图4)。形式美与视觉流程 图4 对比与和谐形式美与视觉流程 4. 节奏与韵律节奏是韵律形式的纯化，韵律是节奏形式的深化，节奏富于理性，而韵律则富于感性。构成要素做长短、强弱的周期性变化来产生节奏，最单纯的节奏是重复。节奏带有机械的美。韵律不是简单的重复，它是有一定变化的互相交替，是情调在节奏中的融合，能在整体中产生不寻常的美感。形式美与视觉流程 韵律是构成要素连续反复所造成的抑扬调子，具有感情的因素。韵律能给人情趣，满足人的精神享受，
7、它在造型中的重要作用是能使形式产生情趣，具有抒情意味。韵律能增强设计作品的感情因素和感染力 ，引起共鸣，产生美感，开阔艺术的表现力(见图5)。形式美与视觉流程 图5 节奏与韵律形式美与视觉流程 韵律按其形式特点分类，一般有下列几种形式： 连续型韵律：以一种或几种要素连续、重复地排列而形成，多种要素以基本相同的间隔有规律地重复出现。 交错型韵律：各组成要素交替在画面上出现，表现出一种有规律的变化，增强了画面的情趣感。交错型韵律可以通过图形、方向、位置、色彩等的变化而产生。形式美与视觉流程 渐变型韵律：有规律地渐变形成的韵律，可以由构成要素的大小、形状、方向、色彩有规律地演变而得到，如逐渐加长或缩
8、短，变宽或变窄，色彩上变冷或变暖等。 起伏型韵律：渐变韵律依一定规律时而增加，时而减少，形成破浪式的起伏，产生一种生动活泼的运动感。形式美与视觉流程 旋转型韵律：构成要素按照一定的轴心或轨迹做有秩序的或渐变的旋转运动，造成强有力的动态和特殊的情趣。 自由型韵律：构成要素不按一定规律地做一种松散的、自由式的构成，有很强的流动感，灵活生动、妙趣横生，极富于人情味和趣味性。形式美与视觉流程 5. 比例与尺度比例是指一件事物整体与局部及局部与局部之间的关系，一切造型艺术都存在比例是否和谐的问题。和谐的比例可以引起人们的美感，使总的组合有明显理想的艺术表现力。美好的构成都有适度的比例与尺度，即构成的各部
9、分之间，部分与整体之间的关系要符 合比例(见图6、图7)。形式美与视觉流程 图6 比例与尺度(一)形式美与视觉流程 图7 比例与尺度(二)形式美与视觉流程 6. 空白与虚实设计中在要强调、突出并给人以强烈印象的构成要素的周围留下空白，就能扩大和提高视觉效果，同时利于视线流动，破除沉闷感。除此之外，空白在画面的虚实处理中还有特殊的作用。虚实作为一种表现形式是为深化主题服务的。画面构成中必须有虚有实，虚实呼应。画面的主题形象 要“实”，陪体和背景要“虚”，“虚”是为了突出“实”，应该藏虚露实，宾虚主实，不能平均处理(见图8)。形式美与视觉流程 图8 空白与虚实(一)形式美与视觉流程 空白的处理也就
10、是画面的空间设计。有人总想把版面“充分利用”，总想把文字、图像安排得满满的，认为画面留有空间是一种浪费。其实这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象。空间在构 图上有着不可忽视的作用。这种构图上的“少”，却是效果上的“多”。空间也能引起人们的注意，使人产生兴趣，给人留下深刻的印象，从而最大限度地达到传 播目的(见图9)。形式美与视觉流程 空白是画面形象的重要组成部分，是空间形象的表现。空间能给人以想象的机会。空间不仅是空白，根据创意的视觉表现需要，可能是大块的色彩，也可能是繁复的、多色的但色阶接近的、面积较小而密布的 纹样(见图10)。形式美与视觉流程 图9 空白与虚实(二)形式美与
11、视觉流程 图10 空白与虚实(三)形式美与视觉流程 7. 形式美法则的实效在对主要的形式美法则进行了简要分析之后，需要说明的是形式美的法则虽已形成一些规律性的审美特性，但却不是固定不变的，更不是僵死的法则。随着时代的发展，形式美的法则也会不断发展变化。我们必须结合广告主题及创意的要求加以运用，使之有助于美的创造，而不要因这些法则拘束了美的创造。形式美与视觉流程 1.2 视觉形式的构成形式美法则是艺术形式的一般法则，它是形式构成的规律。形式美和传播信息内容是统一的，是为内容服务的，可增强作品的感染力，使人们在阅读作品的过程中享受美的信息，产生吸引人注目的引导作用。形式美以不同的形式展示和表现事物
12、对象的存在，无论是具体的直接可感的形式，还是比较抽象的形式 ，都能给内容赋彩增色(见图11)。形式美与视觉流程 图11 视觉形式示例形式美与视觉流程 图12 多样统一形式美与视觉流程 1.3 视觉形式的应用1. 大小的对比所谓对比，就是将性质相反的要素配置在一起，使之产生排斥和分离的感觉，达到视觉上的紧张感。对比可以起到强调作用，利用一方反衬另一方。对比即矛盾，没有对比就不可能顺利地进行视觉传达。形式美与视觉流程 大小关系为造型要素中最受重视的一项，几乎可以决定意象与调和的关系。大小差别小，给人的感觉较沉着温和；大小差别大，给人的感觉较明显，而且具有强力感。字体大小的对比可以增加画面的精致感，
13、补充画面的力量；大的字体在画面上可以表现强而有力的效果，但缺乏精致感；若配合细小的字体来构成画面，不但可以相辅相成，而且会形成生动有力的对比关系。大小对比是字体编排设计的基本方法。形式美与视觉流程 2. 明暗的对比黑白或明暗是色感中最基本的要素。在视觉传达设计中也同样如此，明暗对比是广告色彩对比中最基本的对比关系。如果色彩没有明度上的差异，其识别性就会大大降低，色相、彩度的关系就没有基础。形式美与视觉流程 在画面上，当明亮部分和黑暗部分形成对比的时候，会产生时差的空间感，明亮的部分是一种环境，而黑暗的部分好像是另外一种环境，给人以强烈的反差。明和暗的对比，相当于光和影的对比关系，利用这些要素可
14、以制造从阴暗的地方窥视明亮的地方，或 从明亮的地方探视黑暗的地方的新奇感觉(见图13)。形式美与视觉流程 图13 明暗的对比 形式美与视觉流程 3. 粗细的对比字体的粗细对比是具有男性化与女性化视觉特征的对比关系。粗的线条、形状会让人觉得粗犷有力，细的线条形状则给人以细腻、精巧的感觉，具有女性 化的主要特征(见图14)。形式美与视觉流程 字体的粗细对比具有主从的关系。在进行字体的编排设计时，往往粗的字体容易成为主体，细的字体容易成为陪体，这是因为粗体字在视觉上比细体字更有张力的缘故。必须注意的是二者的分量，主次要分明，如果细体字分量多，粗体字的分量就应该减少一些，这样搭配起来才明快。形式美与视
15、觉流程 图14 粗细的对比形式美与视觉流程 4. 曲直的对比曲直的对比在视觉传达设计中占有很大的比重。相对于直线的刚劲、挺拔和男性化，曲线很富有柔和感、优美感和女性化。自然界皆由这两种形态构成，只是我们平时没有注意这种关系。只有当曲线或直线表示某种特定的对象时，我们才有了深刻的印象，同时也会产生相应的情感。因此在网页视觉传达设计中，我们可以用曲线或直线来勾勒网页框架、产品外形，或者为了突出曲线的特性而通过直线来进行对比， 为了使直线的个性更加鲜明而以曲线来陪衬(见图15)。形式美与视觉流程 图15 曲直的对比形式美与视觉流程 5. 质感的对比在视觉传达设计中，质感是非常重要的造型要素，如坚实、
16、柔软、迟滞、平滑、粗糙、细腻等词皆是形容质感。质感不仅仅是一种触感，也是很重要的心理感受，而且在很多情况下两者是融为一体不可区分的。在网页背景图的设计与选用中，不同质感的背景 ，有不同的表现风格(见图16)。形式美与视觉流程 图16 质感的对比形式美与视觉流程 6. 位置的对比画面的位置感是和画面的区域划分相关的，如水平分割产生的由上到下的位置变化，垂直分割产生的由左到右的位置变化，因对角线和中轴线的分割产生的对角和对称的位置关系等。 形式美与视觉流程 7. 主从关系在任何艺术形式中，只有主角和配角的关系明确时，观众的心理才会安定下来。确定主从关系，明确表示主角和配角的设计手法是一种正统的设计方法，容易使人产生稳定感。如果轻重不分、主次不明，会令观众无所适从。 形式美与视觉流程 8. 动静关系在视觉传达设计中，各个视觉要素之间也存在着动与静的关系。扩散的或流动的形象会显动，水平的或垂直的形象会显静；变化多或斜向分割的构图会显动，垂直或水平分割的构图会显静。真实、自然的画面也有动与静的问题。在设计作品上，处理好动与静的关系，才会
