浅析平面构成在网页Banner设计中的应用.docVIP

浅析平面构成在网页Banner设计中的应用 　　摘要：平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言，而Banner中的所有元素（文字、图像、背景、点缀物）其实都可以看作是平面构成里的点线面这些构成元素。运用平面构成的设计法则可以更好的完成网页banner的设计。 　　关键词：平面构成；网页banner设计 　　一、平面构成的含义 　　平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言，他可以是抽象的，也可以是具象的，可以是感性的，也可以是理性的，同时它也不是独立存在的，而是伴随着色彩、肌理、光影等而存在的。基本上世间万物，所有我们接触到的或无法接触到的，看得见的或看不见的事物里都有平面构成的运用和身影。 　　二、网页Banner设计的主要组成 　　在网页设计中，网页Banner的主要作用，包括宣传、展示、广而告之、准确传达信息等。分析Banner设计中的组成要素，主要包含四个方面：文字（文案） 、图像（商品、模特等的图像）、背景以及部分点缀物。 　　三、在网页Banner设计中的平面构成 　　平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言，而Banner中的所有元素其实都可以看作是平面构成里的点线面这些构成元素。 　　（一）元素与元素之间的排列关系 　　元素与元素之间的排列主要有以下几种：分离、相切、重叠、透叠、结合、减缺、差叠、重叠等。分离是形与形之间不接触，并有一定距离；相切是形与形之间的边缘正好相切；重叠指形与形之间叠盖、遮挡关系；透叠是形与形有透明性的相互交叠，但不产生上下前后的空间关系；结合是形与形相互结合成新的形状；减缺是形与形相互叠压，叠压的形状被剪掉，形成新的形状；差叠是形与形相互交叠，交叠的部分产生一个新的形；重合是形与形相互重合，变为一体。 　　（二）所有元素在一起所体现的构成形式 　　从所有元素（点线面）整体看，其构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。 　　（1）重复，指在同一设计中，相同的形象出现过两次以上，重复是设计中比较常用的手法，以加强印象，造成有规律的节奏感。如：形状、骨骼、大小、色彩、肌理、方向的重复等。 　　（2）近似，近似指的是在形状、大小、色彩、肌理等方面有着共同特征，它表现了在统一中呈现生动变化的效果。近似的程度可大可小，近似程度大就产生重复感，近似程度小会破坏统一。 　　（3）渐变，是banner设计中常用的一种效果，在行驶的道路上我们会感到树木由近到远、由大到小的渐变。类似的有形状、方向、位置、大小、色彩、骨骼、光影的渐变等。 　　（4）对比，有时候是形态上的对比，有时是色彩和质感的对比。对比可产生明朗、肯定、强烈的视觉效果，给人深刻的印象。 　　（5）密集，在设计中是一种常用的组织图面的手法，基本形在整个构图中可自由散布，有疏有密。最疏或最密的地方常常成为整个设计的视觉焦点。包括，点、线、面的密集等形式。 　　（6）发射，是一种常见的自然现象。发射具有方向的规律性，发射中心为最重要的视觉焦点，所有的形象均向中心集中，或由中心散开，有强烈的视觉效果。有中心点、螺旋式、同心式的发射等。 　　（7）特异，是指构成要素在有次序的关系里，有意违反次序，使少数个别的要素显得突出，以打破规律性。包括形状、大小、色彩、方向、肌理的特异等。 　　（8）空间，可以利用大小产生空间感，比如近大远小；也可以利用重叠，塑造前后、上下等关系；利用阴影可以使物体具有立体感、空间感；通过疏密可以塑造不同的距离感；利用透视，平行线由宽到窄；利用色彩，冷色远离，暖色靠近；利用肌理，越粗糙越近，越细腻越远等。 　　（9）分割，把整体分成小的部分。像等形分割、自由分割、比例与数量等。 　　（10）肌理，又称质感，由于物体的材料不同，表面的排列、组织、构造等不同，因而产生粗糙感、光滑、软硬感。 　　（11）错视，因空间距离或周围环境所造成的视觉差。主要有缪勒―莱依尔错视、垂直线与水平线的错视、透视错视、正方形的错视、黑白错视、由于图形结构的影响而产生的错视、对比错视等。 　　（三）形式美法则 　　美的主要形式有和谐统一、对比突出、对称、画面平衡、视觉重心、节奏韵律等。 　　和谐统一，是指元素与元素之间，或所有元素构成的整体是一种协调的关系，比如大小、颜色风格等的协调；对比突出，比如大小、数量、色彩、形状的对比；对称，假设在一个图形中间画一条垂直或水平线后，画面的左右或上下2边是可以完全重合的，则我们称之为对称；画面平衡，即元素与元素之间，元素与整体之间的大小、形状、数量、色彩、材质等的分布与视觉上的平衡；视觉重心，通过对画面中