• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 网站建设 >> 网页设计 >> 设计常识

设计常识

• 作者：创新互联 文章来源：网站建设 点击数： 更新时间：2013-01-10
•       ﹝一﹞明暗的对比
  　　 阴与阳、正与反、昼与夜等等，如此类的对比语句，可使人感觉到日常生活中的明暗关系。初诞生的婴儿，最初在视觉上只能分出明暗，而牛、狗等动物虽能简单识别黑白，可是，对彩度或色相却无法轻易识别，由此可知，明暗﹝黑和白﹞乃是色感中最基本的要素。
  　　 ﹝二﹞大小的对比
  　　 大小关系为造形要素中最受重视的一项，几乎可以决定意象与调和的关系。大小差别少，给人的感觉较沈着温和，大小的差别大，给人的感觉较鲜明，而且具有强力感。
  　　 ﹝三﹞曲线和直线的对比
  　　 曲线很富有柔和感、缓和感；直线则富坚硬感、锐利感，极具男性气概。自然界中，皆由这两者适当混合。平常我们并不注意这种关系，可是，当曲线线或直线强调某形状时，我们便有了深刻的印象，同时也产生相对应的情感。故我们常为加深曲线印象，就以一些直线来强调，也可以说，少量的直线会使曲线更引人注目。
  　　 ﹝四﹞粗细的对比
  　　 字体愈粗，愈富有男性的气概。若代表时髦与女性，则通常以细字表现。细字如果份量增多，粗字就应该减少，这样的搭配看起来比较明快。
  　　 ﹝五﹞位置的对比
  　　 在画面两侧放置某种物体，不但可以强调，同时也可产生对比。画面的上下、左右和对角线上的四隅皆有潜在性的力点，而在此力点处配置照片、大标题或标志、记号等等，便可显出隐藏的力量。因此在潜在的对立关系位置上，放置鲜明的造形要素，可显出对比关系，并产生具有紧凑感的画面。
  　　 ﹝六﹞质感的对比
  　　 在一般人的日常生活中，也许很少听到质感这句话，但是在美术方面，质感却是很重要的造形要素。譬如松弛感、平滑感、湿润感等等，皆是形容质感。故质感不仅只表现出情感，而且与这种情感融为一体。
  　　 我们观察画家的作品等，常会注意其色彩与图面的构成，其实，质感才是决定作品风格的主要因素，虽然色彩或对象物会改变，可是，作为基础的质感，是与一位画家之本质有着密切的关系，是不易变更的。若是外行人就容易疏忽这一点，其实，这才是最重要的基础要素，也是对情感最强烈的影响力。
  　　 ﹝七﹞主与从的对比
  　　 版面设计也和舞台设计一样，主角和配角的关系很清楚时，观众的心理会安定下来。明确表示主从的手法是很正统的构成方法，会让人产生安心感。如果两者的关系模糊，会令人无所适从，相反地，主角过强就失去动感，变成庸俗画面。
  　　 戏剧中的主角，人人一看便知。版面中若也能表现出何者为主角，会使读者更加了解内容。所以要有主从关系是设计配置的基本条件。
  　　 ﹝八﹞动与静的对比
  　　 一个故事的开始都有开端、说明、转变和结果。一座庭院中，也有假山、池水、草木、瀑布等等的配合。同样的在设计配置上也有激烈动态与文静部份。
  　　 扩散或流动的形状即为「动」。水平或垂直性强化的形状则为「静」。把这两者配置于相对之处，而以「动」部份占大面积。
  　　 「静」部份占小面积，并在周边留出适当的留白以强调其独立性。这样的安排，一般用来配置于画面四隅的重点。因此，「静」部份虽只占小面积，却有很强的存在感。
  　　 ﹝九﹞多种的对比
  　　 对比还有曲线与直线、垂直与水平、锐角与钝角等种种不同的对比。如果再将前述的各种对比和这些要素加以组合搭配，即能制作富有变化的画面。 [转载着名：W3C网页标准学院]
  　　 ﹝十﹞起与受
  　　 版面全体的空间因为各种力的关系，而产生动态，进而支配空间。产生动态的形状和接受这种动态的另一形状，互相配合着，使空间变化更生动。
  　　 我们要建造假山庭园时很注重流水的出口，因为流水的出口是动感的出发点，整个庭园都会因它而被影响。谈到版面构成，原理也一样，起点和受点会彼此呼应、协调。两者的距离愈大，效果愈显着，而且可以利用画面的两端，不过起点和受点要特别注意平衡，必须有适当的强弱变化才好，若有一方太软弱无力就不能引起共鸣。
  　　 ﹝十一﹞图与地
  　　 明暗逆转时，图与地的关系就会互相变换。一般印刷物都是白纸印点字，白纸称为地，黑字称图。相反的，有时会在黑纸上印上反白字的效果，此时黑底为地，白字则为图，这是黑白转换的现象。
  　　 ﹝十二﹞平衡
  　　 走路踢到大石头时，身体会因失去平衡而跌倒，此时很自然地会迅速伸出一只手或脚，以便维持身体平衡。根据这种自然原理，如果我们改变一件好的原作品的各部份的位置，再与原作品比较分析，就能很容易理解平衡感的构成原理。
  　　 ﹝十三﹞强调
  　　 同一格调的版面中，在不影响格调的条件下，加进适当的变化，就会产生强调的效果。强调打破了版面的单调感，使版面变得有朝气、生动而富于变化。例如：版面皆为文字编排，看起来索然无味，如果加上插图或照片，就如一颗石子丢进平静的水面，产生一波一波的涟漪。
  　　 ﹝十四﹞对称
  　　 以一点为起点，向左右同时展开的形态，称为左右对称形，英文名为 symmetry。应用对称的原理即可发展出漩涡形等等复杂状态。
  　　 日常生活中，常见的对称事物确实不少，例如：佛像的配置或日本神社中神殿的配置等等。对称会显出高格调、风格化的意象。
  　　 ﹝十五﹞比例
  　　 希腊美术的特色为「黄金比」，在设计建筑物的长度、宽度、高度和柱子的型式、位置时，如果能参照「黄金比」来处理，就能产生希腊特有的建筑风格，也能产生稳重和适度紧张的视觉效果。长度比、宽度比、面积比等等比例，能与其它造形要素产生同样的功能，表现极佳的意象，因此，使用适当的比例，是很重要的。
  　　 ﹝十六﹞韵律感
  　　 具有共通印象的形状，反复排列时，就会产生韵律感。不一定要用同一形状的东西，只要具有强烈印象就可以了。三次四次的出现就能产生轻松的韵律感。有时候，只反复使用二次具有特征的形状，就会产生韵律感。
  　　 ﹝十七﹞左右的重心
  　　 在人的感觉上，左右有微妙的相差。因为右下角有一处吸引力特别强的地方。考虑左右平衡时，如何处理这个地方就成为关键性问题。
  　　 人的视觉对从右上到左下的流向较为自然。编排文字时，将右下角空着来编排标题与插画，就会产生一种很自然的流向。如果把它逆转就会失去平衡而显得不自然。这种左右方向的平衡感，可能是和人们惯用右手有点关系吧！
  　　 ﹝十八﹞JUMP 率
  　　 在版面设计上，必须根据内容来决定标题的大小。标题和本文大小的比率就称为 Jump 率。Jump 率越大，版面越活泼；Jump 率越小，版面格调越高。依照这种尺度来衡量，就很容易判断版面的效果。标题与本文字体大小决定后，还要考虑双方的比例关系，如何进一步来调整，也是相当大的学问。
  　　 ﹝十九﹞向心与扩散
  　　 在我们的情感中，总是会意识事物的中心部份。虽然蛮不在乎地看事物，可是，在我们心中，总是想探测其中心部份，好象如此，才有安全感一般，这就构成了视觉的向心。一般而言，向心型看似温柔，也是一般所喜欢采用的方式，但容易流于平凡。离心型的排版，可以称为是一种扩散型。具有现代感的编排常见扩散型的例子。
  　　 ﹝二十﹞统一与调和
  　　 如果过份强调对比关系，空间预留太多或加上太多造形要素时，容易使画面产生混乱。要调和这种现象，最好加上一些共通的造形要素，使画面产生共通的格调，具有整体统一与调和的感觉。
  　　 反复使用同形的事物，能使版面产生调合感。若把同形的事物配置在一起，便能产生连续的感觉。两者相互配合运用，能创造出统一与调和的效果。
  　　 ﹝二一﹞导线
  　　 依眼睛所视或物体所指的方向，使版面产生导引路线，称为导线。设计家在制作构图时，常利用导线使整体画面更引人注目。
  　　 ﹝二二﹞形态的意象
  　　 一般的编排形式，皆以四角型﹝角版﹞为标准形，其它的各种形式都属于变形。角版的四角皆成直角，给人很规律，表情少的感觉，其它的变形则呈现形形色色的表情。譬如成为锐角的三角形有锐利、鲜明感；近于圆形的形状，有温和、柔弱之感。
• 利用CSS同比例缩小图片方法 :上一篇
  网站设计病虫清除 :下一篇