网站设计编排构成原理！

网站设计一方面从计算机屏幕上所呈现的视觉表征得到信息，做出反应；另一方面根据其美感经验，从计算机屏幕上赏心悦目的视觉呈现，引起他的良好沟通情绪。一个赏心悦目的视觉呈现有赖于设计者的创意﹝idea﹞、表现技巧﹝technique﹞、编排﹝lay-out﹞能力。 

目前许多国内网站设计的计算机屏幕视觉呈现是依赖设计者的感觉来处理，或者凭其多年的实务经验来完成。但是「感觉」对想学习网站设计的人是很难捉摸的，「经验」更是残酷的。因此将「美的原则」运用于平面设计的编排与构成，形成「网站设计编排构成原理」，可以帮忙初学者；甚至对网站设计师而言，在其面临缺乏「感觉」的时候，还能创作出具水准的作品。 

﹝一﹞大小的对比

 网站设计大小关系为造形要素中最受重视的一项，几乎可以决定意象与调和的关系。大小差别少，给人的感觉较沈着温和，大小的差别大，给人的感觉较鲜明，而且具有强力感。 

﹝二﹞明暗的对比

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

﹝三﹞粗细的对比

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

﹝四﹞曲线和直线的对比

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

 ﹝五﹞质感的对比

在一般人的日常生活中，也许很少听到质感这句话，但是在美术方面，质感却是很重要的造形要素。譬如松弛感、平滑感、湿润感等等，皆是形容质感。故质感不仅只表现出情感，而且与这种情感融为一体。本文作者来自北京传诚信，转载请注明出处：北京传诚信（www.ccxcn.com）

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

﹝六﹞位置的对比

 在画面两侧放置某种物体，不但可以强调，同时也可产生对比。画面的上下、左右和对角线上的四隅皆有潜在性的力点，而在此力点处配置照片、大标题或标志、记号等等，便可显出隐藏的力量。因此在潜在的对立关系位置上，放置鲜明的造形要素，可显出对比关系，并产生具有紧凑感的画面。 本文作者来自北京传诚信，转载请注明出处：北京传诚信（www.ccxcn.com）

﹝七﹞主与从的对比

网站设计也和舞台设计一样，主角和配角的关系很清楚时，观众的心理会安定下来。明确表示主从的手法是很正统的构成方法，会让人产生安心感。如果两者的关系模糊，会令人无所适从，相反地，主角过强就失去动感，变成庸俗画面。
戏剧中的主角，人人一看便知。版面中若也能表现出何者为主角，会使读者更加了解内容。所以要有主从关系是设计配置的基本条件。 

 ﹝八﹞动与静的对比

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

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

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

﹝九﹞多种的对比

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

 ﹝十﹞起与受

 网站设计全体的空间因为各种力的关系，而产生动态，进而支配空间。产生动态的形状和接受这种动态的另一形状，互相配合着，使空间变化更生动。

我们要网站设计很注重流水的出口，因为流水的出口是动感的出发点，整个网站都会因它而被影响。谈到版面构成，原理也一样，起点和受点会彼此呼应、协调。两者的距离愈大，效果愈显著，而且可以利用画面的两端，不过起点和受点要特别注意平衡，必须有适当的强弱变化才好，若有一方太软弱无力就不能引起共鸣。 

免费网络营销顾问：我们为您提供免费的网络营销顾问服务，您需要了解关于如何开展网络营销，电子商务，网站设计等的事宜，欢迎随时联系我们。

seo友好的网站管理系统：除了优质的网站空间，网站管理系统，和网站设计外，我们的网站管理系统更是seo友好的，包括：自定义栏目名，Google Sitemap自动生成，静态页面生成等等，让您的网站。