平面构成在网页Banner设计中的应用研究

时间:2020-10-24 12:29:58 计算机应用毕业论文 我要投稿

平面构成在网页Banner设计中的应用研究

  平面构成是视觉元素在二次元的平面上,按照美的视觉效果,力学的原理,进行编排和组合,它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。是理性与感性相结合的产物。

平面构成在网页Banner设计中的应用研究

  摘要:平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言,而Banner中的所有元素(文字、图像、背景、点缀物)其实都可以看作是平面构成里的点线面这些构成元素。运用平面构成的设计法则可以更好的完成网页banner的设计。

  关键词:平面构成;网页banner设计;应用研究

  一、平面构成的含义

  平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言,他可以是抽象的,也可以是具象的,可以是感性的,也可以是理性的,同时它也不是独立存在的,而是伴随着色彩、肌理、光影等而存在的。基本上世间万物,所有我们接触到的或无法接触到的,看得见的或看不见的事物里都有平面构成的运用和身影。

  二、网页Banner设计的主要组成

  在网页设计中,网页Banner的主要作用,包括宣传、展示、广而告之、准确传达信息等。分析Banner设计中的组成要素,主要包含四个方面:文字(文案) 、图像(商品、模特等的图像)、背景以及部分点缀物。

  三、在网页Banner设计中的平面构成

  平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的'一种视觉语言,而Banner中的所有元素其实都可以看作是平面构成里的点线面这些构成元素。

  (一)元素与元素之间的排列关系

  元素与元素之间的排列主要有以下几种:分离、相切、重叠、透叠、结合、减缺、差叠、重叠等。分离是形与形之间不接触,并有一定距离;相切是形与形之间的边缘正好相切;重叠指形与形之间叠盖、遮挡关系;透叠是形与形有透明性的相互交叠,但不产生上下前后的空间关系;结合是形与形相互结合成新的形状;减缺是形与形相互叠压,叠压的形状被剪掉,形成新的形状;差叠是形与形相互交叠,交叠的部分产生一个新的形;重合是形与形相互重合,变为一体。

  (二)所有元素在一起所体现的构成形式

  从所有元素(点线面)整体看,其构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。

  (1)重复,指在同一设计中,相同的形象出现过两次以上,重复是设计中比较常用的手法,以加强印象,造成有规律的节奏感。如:形状、骨骼、大小、色彩、肌理、方向的重复等。

  (2)近似,近似指的是在形状、大小、色彩、肌理等方面有着共同特征,它表现了在统一中呈现生动变化的效果。近似的程度可大可小,近似程度大就产生重复感,近似程度小会破坏统一。

  (3)渐变,是banner设计中常用的一种效果,在行驶的道路上我们会感到树木由近到远、由大到小的渐变。类似的有形状、方向、位置、大小、色彩、骨骼、光影的渐变等。

  (4)对比,有时候是形态上的对比,有时是色彩和质感的对比。对比可产生明朗、肯定、强烈的视觉效果,给人深刻的印象。

  (5)密集,在设计中是一种常用的组织图面的手法,基本形在整个构图中可自由散布,有疏有密。最疏或最密的地方常常成为整个设计的视觉焦点。包括,点、线、面的密集等形式。

  (6)发射,是一种常见的自然现象。发射具有方向的规律性,发射中心为最重要的视觉焦点,所有的形象均向中心集中,或由中心散开,有强烈的视觉效果。有中心点、螺旋式、同心式的发射等。

  (7)特异,是指构成要素在有次序的关系里,有意违反次序,使少数个别的要素显得突出,以打破规律性。包括形状、大小、色彩、方向、肌理的特异等。

  (8)空间,可以利用大小产生空间感,比如近大远小;也可以利用重叠,塑造前后、上下等关系;利用阴影可以使物体具有立体感、空间感;通过疏密可以塑造不同的距离感;利用透视,平行线由宽到窄;利用色彩,冷色远离,暖色靠近;利用肌理,越粗糙越近,越细腻越远等。

  (9)分割,把整体分成小的部分。像等形分割、自由分割、比例与数量等。

  (10)肌理,又称质感,由于物体的材料不同,表面的排列、组织、构造等不同,因而产生粗糙感、光滑、软硬感。

  (11)错视,因空间距离或周围环境所造成的视觉差。主要有缪勒―莱依尔错视、垂直线与水平线的错视、透视错视、正方形的错视、黑白错视、由于图形结构的影响而产生的错视、对比错视等。

  (三)形式美法则

  美的主要形式有和谐统一、对比突出、对称、画面平衡、视觉重心、节奏韵律等。

  和谐统一,是指元素与元素之间,或所有元素构成的整体是一种协调的关系,比如大小、颜色风格等的协调;对比突出,比如大小、数量、色彩、形状的对比;对称,假设在一个图形中间画一条垂直或水平线后,画面的左右或上下2边是可以完全重合的,则我们称之为对称;画面平衡,即元素与元素之间,元素与整体之间的大小、形状、数量、色彩、材质等的分布与视觉上的平衡;视觉重心,通过对画面中元素的数量、颜色、位置、大小、材质等进行处理,画面中所出现的视觉焦点;节奏韵律,画面中的一种或多种元素按一定的规律排列,会产生音乐一般的旋律感。

  在设计中,所有的Banner版式都是有一定的规律可循的,前面提到,Banner是由文字、模特或商品、背景、点缀物等组成的,而所有这些元素就相当于我们平面构成里的点线面,当我们改变这些元素的角度、距离、大小、数量、样式、颜色等,新的版式也就产生了。

  四、平面构成在网页Banner图设计中的作用

  综上,网页Banner中的所有元素其实都相当于平面构成里的点线面,而所有元素所组成的Banner画面其实又是一种设计和信息的表达。所以当我们获取设计需求时,需要确定设计风格,而这个风格的确定可以从活动主题、信息层级、品牌调性、视觉美感等方面去理解,确定网页banner所有的构成元素,运用构成技法确定设计风格及设计方向。

【平面构成在网页Banner设计中的应用研究】相关文章:

1.平面构成在园林设计中的研究

2.平面构成和色彩构成在平面广告中的应用

3.网页版式设计构成

4.民间美术在平面设计中的应用研究论文

5.平面设计在网页设计中的应用

6.关于版式设计在电子商务网页设计中的应用研究论文

7.网页美工色彩设计要素构成

8.平面设计之版面构成