(网站的版面设计.pptVIP

电子商务网站建设与管理 Contents 一、网页设计中的构图规律 当人们浏览网页时，第一眼看到的就是网页的构图。因此，构图是否美观、和谐直接影响到视觉效果。构图不仅要注意到形式，还要考虑到实用性，是否便于人们阅读和观看。 方形的分割是网页设计中常用的方法。在矩形的构图中，一定要注意应用黄金分割线的比例（大约在3/4处）、构图基本结构的形成规律，如图2-1所示。一定要有疏密的节奏，要意识到格子的主次关系，上面的往往比下面的更受人关注，左面的往往比右面的更受关注，这是人们的基本视觉规律。 一、网页设计中的构图规律 在网页中的应用效果如图2-2所示。要学会这种基本的构图分割法，从最大体的框架开始，注意审美规律和黄金分割线的比例。 一、网页设计中的构图规律 螺旋曲线是最有韵律和生命力的线条，如图2-3所示。螺旋形的构图也是最具生命力和动感的构图。 一、网页设计中的构图规律 在网页中的应用效果如图2-4所示。适用于艺术、音乐以及内容充满动感和活力的网站。 二、网页设计中的形式法则 网页设计中形式法则的运用不仅可以创造出富有个性的网页形象、表现网页内容、传达网页信息，而且可以起到方便读者阅读的作用。我们这里提到的形式法则有以下几种。 二、网页设计中的形式法则 1．对称 对称是网页设计中较为忌讳的一种手段，这种形式法则的运用很容易造成页面过于平均。对称一般分为左右对称、上下对称、中心点对称。但合理地运用对称的方法，也可达到很好的效果，如图2-7所示。这是一个简易的网页构图，它以一条中轴线为中心，分成左右相同的两部分。可以看到，这个网页虽然构图上并不难看，但缺乏新意，最终结果如图2-8所示。 二、网页设计中的形式法则 2．均衡 均衡和对称的区别在于对称是绝对的，而均衡是相对而言的。也就是说它是对称的，但却不是绝对的对称，如图2-9所示。页面上左面的三个小的方形色块在视觉上与右边大的色块是相等的，并没有造成构图左右的不平衡，所以，虽然它不是绝对的平衡，但画面却是均衡的。完成画面如图2-10所示。 二、网页设计中的形式法则 3．对比 对比的应用可以在形式上分清主从关系，便于浏览。对比的概念比较抽象，比如方形和圆形可以是形状上的对比；大的图形与小的图形可以是面积上的对比；红色与黄色可以是颜色上的对比；简单的图形与复杂的图形又可以是造型上的对比。由于对比的形式多样，所以可以利用这种形式法则创造出多种个性鲜明的设计。 二、网页设计中的形式法则 3．对比 如图2-11所示，整个网页非常简洁，惟有一处较为复杂，那就是上半部分的图形。这样的设计构成了繁与简的对比，使网页非常时尚、新颖。 二、网页设计中的形式法则 4．节奏 这里所提的节奏与音乐中所说的节奏是有一定的区别的。节奏是一个比较抽象的概念，构图的关系、颜色的变化、形状的对比都能产生节奏。在一个网页中，节奏可能是缓慢的，也可能是铿锵有力的，这都要靠对比来实现。换言之，没有对比就没有节奏。 二、网页设计中的形式法则 4．节奏 如图2-12、图2－13所示，第一张图的矩形在颜色上没有对比，而且面积基本相等，排列也是均匀的，这样缺少对比也就是节奏性太弱。 二、网页设计中的形式法则 4．节奏 再看第二张，这张图的矩形对于第一张而言明显有了变化，图形的面积、颜色、图形排列都有区别，也就是说存在对比。因此，这样的画面才是有节奏的。 三、网页中文字排列的设计 在本节中，最重要的是网页中文字的版式设计，网页中文字设计应注意以下几个原则。 1．易阅读 网页文字的主要功能是传达网站的意图和信息，所以必须考虑文字的整体版式设计，设计中的文字应避免繁杂零乱，使人易认、易懂，尤其是在内容严肃的网页中。 三、网页中文字排列的设计 字的行距应大于字间距，否则观众的视线无法按一定的方向和顺序进行阅读。不同类别文字的空间要作适当的集中，并利用空白加以区分，从而形成字块的感觉，如图2-15所示。 三、网页中文字排列的设计 2．文字的个性设计 网页中文字的设计要符合网站的风格特征。文字的设计不能和整个作品的风格特征相脱离，更不能发生冲突，否则就会破坏文字的诉求效果。 如图2-16所示，网页的设计风格非常明确，手绘的插图文字让人感觉非常清新自然，给人留下深刻的印象。 三、网页中文字排列的设计 3．形式法则的美感 在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因此它必须具有视觉上的美感，能够给人以美的感受，如图2-17所示。字型巧妙的设计与组合，能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则使人看后心里不愉快，视觉上难以产生美感，甚至会让观众产生厌烦心理，这样无法传达出作者的意图和构想。 三、网页中文字排列的设计 3．形式法则的美感 不同灰色与白色的搭配，产生了强烈的透视效果。 三、网页中文字排列的设计