学网站设计必看之设计常识

?十一?图与地 

　　明暗逆转时，图与地的关系就会互相变换。一般印刷物都是白纸印点字，白纸称为地，黑字称图。相反的，有时会在黑纸上印上反白字的效果，此时黑底为地，白字则为图，这是黑白转换的现象。 

　　?十二?平衡 

　　走路踢到大石头时，身材会因失去平衡而跌倒，此时很天然地会敏捷伸出一只手或脚，以便保持身体平衡。根据这种做作原理，如果我们转变一件好的原作品的各部份的位置，再与原作品比较剖析，就能很容易懂得平衡感的构成原理。

　　 ?十三?对称 

　　以一点为起点，向左右同时开展的形态，称为左右对称形，英文名为 symmetry。利用对称的原理即可发展出漩涡形等等庞杂状态。 

　　日常生涯中，常见的对称事物确实不少，例如：佛像的配置或日本神社中神殿的配置等等。对称会显出高格调、风格化的意象。 

　　?十四?强调 

　　同一格调的版面中，在不影响格调的条件下，加进适当的变化，就会产生强调的效果。强调攻破了版面的枯燥感，使版面变得有生气、生动而富于变化。例如：版面皆为文字编排，看起来索然无味，如果加上插图或照片，就如一颗石子丢进镇静的水面，产生一波一波的涟漪。 

　　?十五?比例 

　　希腊美术的特点为「黄金比」，在设计修建物的长度、宽度、高度和柱子的型式、地位时，如果能参照「黄金比」来处置，就能产生希腊特有的建造作风，也能产生慎重和适度缓和的视觉效果。长度比、宽度比、面积比等等比例，能与其它造形因素产生同样的功效，表现极佳的意象，因而，使用适当的比例，是很重要的。 

　　?十六?韵律感 

　　具有共通印象的形状，反复排列时，就会产生韵律感。不必定要用同一形状的货色，只有具有强烈印象就可以了。三次四次的呈现就能产生轻松的韵律感。有时候，只重复使用二次具有特点的形状，就会产生韵律感。 

　　?十七?左右的重心 

　　在人的感觉上，左右有奥妙的相差。因为右下角有一处吸引力特别强的地方。考虑左右平衡时，如何处理这个处所就成为要害性问题。 

　　人的视觉对从右上到左下的流向较为天然。编排文字时，将右下角空着来编排标题与插画，就会产生一种很自然的流向。如果把它逆转就会失去平衡而显得不自然。这种左右方向的平衡感，可能是和人们习用右手有点关系吧！ 

　　?十八?向心与扩散 

　　在我们的感情中，总是会心识事物的核心部份。固然蛮不在乎地看事物，可是，在我们心中，总是想探测其中央部份，好象如斯，才有保险感正常，这就构成了视觉的向心。一般而言，向心型看似温顺，也是一般所爱好采用的方式，但容易流于平常。离心型的排版，可以称为是一种扩散型。存在古代感的编排常见扩散型的例子。 

　　?十九?JUMP 率 

　　在版面设计上，必须依据内容来决定题目的大小。标题和本文大小的比率就称为 Jump 率。Jump 率越大，版面越生动；Jump 率越小，版面格调越高。按照这种标准来权衡，就很轻易断定版面的效果。标题与本文字体大小决定后，还要斟酌双方的比例关系，如何进一步来调剂，也是相称大的学识,学用纯CSS打造可折叠树状菜单。 

　　?二十?同一与协调 

　　如果过份强调对比关系，空间预留太多或加上太多造形要素时，容易使画面产生凌乱。要折衷这种景象，最好加上一些共通的造形要素，使画面产生共通的格调，拥有整体统一与调和的感觉。 

　　反复使用同形的事物,学好网站策划应具备的条件，能使版面产生调合感。若把同形的事物配置在一起，便能产生持续的感觉。两者互相配合应用，能发明出统一与调和的效果。 

　　?二一?导线 

　　依眼睛所视或物体所指的方向，使版面产生导引路线，称为导线。设计家在制造构图时，常利用导线使整体画面更惹人注视。

?二二?状态的意象 

　　个别的编排情势，皆以四角型?角版?为尺度形，其它的各种形式都属于变形。角版的四角皆成直角，给人很法则，表情少的感到，其它的变形则浮现不拘一格的表情。譬如成为锐角的三角形有锋利、赫然感；近于圆形的外形，有平和、纤弱之感。 

　　雷同的曲线，也有不同的表情，例如规行矩步和用仪器画出来的圆，有硬质感，可是徒手画出来的圆就有柔跟的圆形曲线之美。 

　　?二三?水平线 

　　傍晚时,学会用好网页自动转向技术，水平线和夕阳融会在一起，拂晓时，残暴的向阳由水平线回升起。水平线给人稳定和安静的感触，无论事物的开始或停止，水平线总是固定的表白静止的时刻。 

　　?二四?垂直线 

　　垂直线的运动感，正好和水平线相反，垂直线表示向上舒展的活能源，具备坚挺和理智的意象，使版面显得沉着又鲜亮。如果分歧理的强调垂直性，就会变得冷漠生硬，使人难以濒临。 

　　将垂直线和程度线作对比的处理，可以使两者的性质更活泼，岂但使画面产生紧凑感，也能防止冷淡僵直的情况产生，彼此截长补短，使版面更齐备。 

　　?二五?阳昼、阴昼 

　　从黑暗的洞窟内，看外面晶莹气象时，洞窟内的人物，老是只用轮廓表现，而外面的风景就需警惕描画了。这就是同时掌握日常的情况及异样的明暗，显出不堪设想的空间。 

　　畸形的明暗状况，叫做「阳昼」，相反的情形是「阴昼」。构成版面时，使用这种阳昼和阴昼的明暗关联，可以描绘出日常感觉不同的新意象。 

　　?二六?留白量 

　　速度很快的谈话方法合适夜间消息的播报，但不适合做仪式的司仪，起因是每一句话当中，空白量太少。谈到版面设计时空白量的问题也很主要,学CSS网页布局排查错误的方法，即便统一张照片，同样的句子也会因空白量就很难表示确切的形象。无论排版的均衡感有多好，文章有多美，读者一看版面的空缺量就已给它打好分数了。 

　　?二七?版面率 

　　在设计用纸上，本文所应用的排版面积称为版面，而版面和整页面积的比例称为版面率。空白的多寡对版面的印象，有决议性的影响。假如空白部份加多，就会使格调进步，且稳固版面；空白较少，就会使人发生活跃的感觉。若设计信息量很丰盛的杂志版面时，采取较多的空白，显然就不适合。 

?一?大小的对照 

　　大小关系为造形要素中最受器重的一项，简直可以决定意象与调和的关系。大小差异少，给人的感觉较沈着温和，大小的差别大，给人的感觉较显明，而且具有强力感。 

　　?二?明暗的对比 

　　阴与阳、正与反、昼与夜等等，如此类的对比语句，可使人感觉到日常生活中的明暗关系。初出生的婴儿，最初在视觉上只能分出明暗，而牛、狗等动物虽能简略辨认黑白，可是，对彩度或色相却无奈容易识别，由此可知，明暗?黑和白?乃是色感中最根本的要素。 

　　?三?粗细的比较 

　　字体愈粗，愈富有男性的气势。若代表时兴与女性，则通常以细字表现。细字如果份量增多，粗字就应当减少，这样的搭配看起来比拟明快。 

　　?四?曲线和直线的对比 

　　曲线很富有柔和感、弛缓感；直线则富坚硬感、锐利感，极具男性气概。自然界中，皆由这两者适当混杂。平凡我们并不注意这种关系，可是，当曲线线或直线强调某形状时，我们便有了深入的印象，同时也产生绝对应的情绪。故我们常为加深曲线印象，就以一些直线来强调，也可以说，少量的直线会使曲线更引人注目。 

　　?五?质感的对比 

　　在一般人的日常生活中，兴许很少听到质感这句话，然而在美术方面，质感却是很重要的造形要素。譬如松弛感、平滑感、潮湿感等等，皆是形容质感。故质感不仅只表现出情感，而且与这种情感融为一体。 

　　我们察看画家的作品等，常会注意其颜色与图面的构成，实在，质感才是决定作品风格的重要因素，虽然色彩或对象物会改变，可是，作为基础的质感，是与一位画家之实质有着亲密的关系，是不易变革的。若是外行人就容易忽视这一点，其实，这才是最重要的基本要素，也是对情感最强烈的影响力。 

　　?六?位置的对比 

　　在画面两侧放置某种物体，不但可以强调，同时也可产生对比。画面的高低、左右和对角线上的四隅皆有潜在性的力点，而在此力点处配置照片、大标题或标记、记号等等，便可显出暗藏的力气。因此在潜在的对峙关系位置上，放置光鲜的造形要素，可显出对比关系，并产生具有紧凑感的画面。 

　　?七?主与从的对比 

　　版面设计也和舞台设计一样，主角和配角的关系很明白时，观众的心理睬安宁下来。明白表现主从的伎俩是很正统的构成方式，会让人产生安心感。如果两者的关系含混,如何防止伪造跨站请求，会令人莫衷一是，相反地，主角过强就失去动感，变成俗气画面。 

　　戏剧中的主角，人人一看便知。版面中若也能表现出何者为主角，会使读者更加懂得内容。所以要有主从关系是设计配置的基础前提。 

　　?八?动与静的对比 

　　一个故事的开端都有开始、阐明、改变和成果。一座庭院中，也有假山、池水、草木、瀑布等等的配合。同样的在设计配置上也有剧烈动态与文静部份。 

　　扩散或流动的形状即为「动」。水平或垂直性强化的形状则为「静」。把这两者配置于相对之处，而以「动」部份占大面积。 

　　「静」部份占小面积，并在周边留出适当的留白以强调其独破性。这样的部署，普通用来配置于画面四隅的重点。因此，「静」部份虽只占小面积，却有很强的存在感。 

　　?九?多种的对比 

　　对比还有曲线与直线、垂直与水平、锐角与钝角等种种不同的对比。如果再将前述的各种对比和这些要素加以组合搭配，即能制作富有变化的画面。 

　　?十?起与受 

　　版面全部的空间因为各种力的关系，而产生动态，进而安排空间。产生动态的形状和接收这种动态的另一形状，相互配合着，使空间变化更生动。 

　　咱们要建造假山庭园时很重视流水的出口，由于流水的出口是动感的起点，全部庭园都会因它而被影响。谈到版面形成，原理也一样，起点和受点会彼此响应、和谐。两者的间隔愈大，后果愈明显，而且能够应用画面的两端，不外出发点和受点要特殊留神平衡，必需有恰当的强弱变更才好，若有一方太脆弱无力就不能引起共识。