第五章 网页版式设计1.ppt

第五章 网页版式设计 网页版式设计 网页设计艺术 主要内容 5.1 网页版式设计的形式原理 1 5.2 网页版式设计的视觉因素 2 5.3网页版式构成的类型 3 5.4 网页导航设计 4 不以规矩，不成方圆。美的形式原理是规范形式美感的基本法则。网页版面设计中的形式法则，是指能充分体现网页内容并符合审美的规律的形式美法则。通过重复与交错，节奏与韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、力场与结构、统一与变化等形式美构成法则来规划版面，把抽象美的观点诉诸于浏览者，并从中获得美的教育和感受。它们之间是相辅相成、互为因果的，共存于一个网页版面之中。 5.1 网页版式设计的形式原理 重复是相同或相似的形态连续而有规律的反复出现。重复的特点是以单纯的手法求得整体形象的秩序和统一，具有节奏美，使人产生清晰、连续、平和、安定、无限之感。在版面构成中，不断重复使用相同的基本形或线，它们的形状、大小、方向都是相同的，重复可分为单纯重复和变化重复两种形式。 为了避免重复构成后的视觉感受有时容易显得呆板、平淡、缺乏趣味性的变化。故此我们在版面中可安排一些交错与重叠，打破版面呆板、平淡的格局。 5.1.1 重复与交错 节奏是按照一定的条理、秩序、重复连续地排列，形成一种律动的形式。它有等距离的连续，也有渐变、大小、长短、明暗、形状、高低等的排列构成。节奏在网页设计中所产生的美感是其他形式所无法表现的。形状、线条、色调、质感、文字元素的重复出现，在任何构图中都可以用来构成强烈的节奏。我们可以将这些元素进行适度地反复、移位、重叠等, 产生所需要的节奏和美感。 5.1.2 节奏与韵律 韵律是在节奏中注入美的因素和情感——个性化因素。韵律就好比音乐中的旋律，不但有节奏更有情调，它能增强版面的感染力，开阔艺术的表现力。韵律是一种规律性的变化，它是比节奏更高一级的律动，如音乐、诗歌、舞蹈。在网页设计时，网页界面中的图形图像、文字、色彩等视觉要素，在组合上符合某种规律时，浏览者在视觉和心理上便会产生韵律感。版面的韵律建立在构成形象的点线、字体或图形图像的组合等的关系之中，运用比例、轻重、缓急、反复、渐变等规律形式来体现。 5.1.2 节奏与韵律 对称是指形态以某一点为中心，其左右或者上下因同等、同量、同形而形成的平衡。对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称；以水平线为基准的上下对称和以对称点为源的放射对称；还有以对称面出发的反转形式。其特点是稳定、庄严、整齐、秩序、安宁、沉静。两个同一形的并列与均齐，实际上就是最简单的对称形式。相对对称与均衡是比较常见的版式。 5.1.3 对称与均衡 均衡是指运用等量不等形的方式来表现矛盾的统一性，揭示内在的、含蓄的秩序和平衡，是一种有变化的平衡。均衡的形式富于变化、趣味，具有灵巧、生动、活泼、轻快的特点。在非等形等量的情况下的构图以“均衡”来概括和衡量，与等形等量的平衡各占构图的50%。均衡的要素有平衡、变化和统一、明暗、色彩、空间层次等等。进行网页界面的版式设计时，根据内容的逻辑性，将各要素按主次、强弱关系进行设计，将获得视觉上的均衡感，从而引发观众的情感效应。 5.1.3 对称与均衡 对比是将相异的视觉元素作强弱对照编排所运用的形式手法，是差异性的强调。对比的因素存在于相同或相异的性质之间。对比的最基本要素是显示主从关系的效果。对比有大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重等几种形式。对比使人感受到鲜明、强烈的效果。在网页中，文字与文字、图形与图形、实体与空白间处处都存在对比关系。 5.1.4 对比与调和 调和是指适合、舒适、安定、统一，最近似性的强调，使两者或两者以上的要素相互具有共性。对比与调和是相辅相成的。一般来讲对比强调差异，而调和强调统一，适当减弱形、线、色等图案要素间的差距，如同类色配合与邻近色配合具有和谐宁静的效果，给人以协调感。在版面构成中，优秀的页面常表现为既对比又调和。一般整体版面宜调和，局部版面宜对比。 5.1.4 对比与调和 比例是形的整体与部分、部分与部分之间数量的一种比率关系。比例又是一种用几何语言和数比词汇表现现代生活和现代科学技术的抽象艺术形式。成功的版面构成，首先取决于良好的比例。比例常常表现出一定的数例、黄金比等。黄金比能求得最大限度的和谐，使版面被分割的不同部分产生相互联系。 适度是版面的整体与局部、与人的生理或习性的某些特定标准之间的大小关系，也就是版面构成要从视觉上适合读者的视觉心理。比例关系、对比关系、统一关系等，通常具有秩序、明朗的特性，予人一