网页美工1 2.pptVIP

职业教育课程改革系列教材网页美工电子教案 崔建成 禹青 傅珊珊 编著 7.主与从的对比 版面设计也和舞台设计一样，主角和配角的关系很清楚时，观众的心理会安定下来。明确表示主从的手法是很正统的构成方法，会让人产生安心感。如果两者的关系模糊，会令人无所适从，相反，主角过强就失去动感，变成庸俗画面。 戏剧中的主角，人人一看便知。版面中若也能表现出何者为主角，会使读者更加了解内容。所以主从关系是设计配置的基本条件。如下图所示画面（文字）主从分明的网页构成。 8.动与静的对比 一个故事都有开端、发展、高潮、转变和结果。一座庭院有假山、池水、草木瀑布等等的配合。同样的在网页设计配置上也有激烈的动态与静态对比。 扩散或流动的形状即为“动”。水平或垂直性的形状则为“静”。把这两者配置于相对之处，而以“动”部分占大面积，“静”部分占小面积，并在周边留出适当的留白以强调其独立性。这样的安排，一般用来配置于画面四隅的重点。因此，“静”部份虽只占小面积，却有很强的存在感。如下图所示，充满动感的页面、静止的页面、动静结合的页面对比效果。 9．多重对比 对比还有曲线与直线、垂直与水平、锐角与钝角等种种不同的对比。如果再将前述的各种对比和这些要素加以组合搭配，即能制作富有变化的画面。如下图所示，包含多重构成对比的网页。 10.起与受 版面全体的空间因为各种力的关系，而产生动态，进而支配空间。产生动态的形状和接受这种动态的另一形状，互相配合着，使空间变化更生动。 建造假山庭园时很注重流水的出口，因为流水的出口是动感的出发点，整个庭园都会因它而被影响。谈到版面构成原理也一样，起点和受点会彼此呼应、协调。两者的距离愈大，效果愈显著，而且可以利用画面的两端。但要特别注意起点和受点的平衡，必须有适当的强弱变化才好，若有一方太软弱无力就不能引起共鸣。如下图所示，构成中的起与受的呼应。 11．图与地 明暗逆转时，图与地的关系就会互相变换。一般印刷物都是白纸印黑字，白纸称为地，黑字称图。相反的，有时会在黑纸上印上反白字的效果，此时黑底为地，白字则为图，这是黑白转换的现象。如图黑底白字的网页与白底黑字的网页的对比效果。 12.平衡 走路踢到障碍物时，身体会因此失去平衡而跌倒，此时很自然地会迅速伸出一只手或脚，以便维持身体平衡。根据这种自然原理，如果人们改变一件好的原作品的各部分的位置，再与原作品比较分析，就能很容易理解平衡感的构成原理。如图平衡的网页构成效果。 18.向心与扩散 在人们的情感中，总是会首先意识事物的中心部份。虽然有时蛮不在乎地观察事物，可是，在人们心中，总是想探测其中心部份，好像只有这样，才有安全感一般，这就构成了视觉的向心。一般而言，向心型看似温柔，也是一般所喜欢采用的方式，但容易流于平凡。离心型的排版，可以称为是一种扩散型。如图扩散式的网页构成、集中式的网页构成。 16.韵律感 　 具有共通印象的形状，反复排列时，就会产生韵律感。不一定要用同一形状的东西，只要具有强烈印象就可以了。三次四次的出现就能产生轻松的韵律感。有时候，只反复使用二次具有特征的形状，就会产生韵律感。如图所示页面具有轻松的韵律感的表现形式。 17．左右的重心 　 在人的自我感觉上，左右有微妙的相差。如果画面的右下角有一处吸引力特别强的地方，则在考虑左右平衡时，如何处理这个地方就成为关键性问题。 　 人的视觉对从左上到右下的流向较为自然。编排文字时，将右下角留空来编排标题与插画，就会产生一种很自然的流向。如果把它逆转就会失去平衡而显得不自然。这种左右方向的平衡感，可能是和人们惯用右手有点关系吧！如下图所示，分别是重心在不同位置的页面布局效果。 19.JUMP 率 　 在版面设计上，必须根据内容来决定标题的大小。标题和正文大小的比率就称为 Jump 率。Jump 率越大，版面越活泼；Jump 率越小，版面格调越高。依照这种尺度来衡量，就很容易判断版面的效果。标题与本文字体大小决定后，还要考虑双方的比例关系，如何进一步来调整，也是相当大的学问。如下图所示， JUMP率较低与较高的网页对比效果。 20.统一与调和 如果过分强调对比关系，空间预留太多或加上太多造型要素时，容易使画面产生混乱。要调和这种现象，最好添加一些共通的造形要素，使画面产生共通的格调，具有整体统一与调和的感觉。 　 反复使用同形的事物，能使版面产生调和感。若把同形的事物配置在一起，便能产生连续的感觉。两