APP开发咨询热线:0755-23578246 | 136-2233-6324欢迎来到深圳市来科信科技有限公司网站!

已阅读

Banner图的设计在网站设计中的重要性

来源:lexintech.com       发布时间:2017-09-19
在APP开发、网站开发时,banner图都是最重要的。特别是网站,很多网站打开首页后,banner图基本上覆盖了整个屏幕,banner图基本上永远放在一个界面最重要的位置,因此,banner的好坏无论是对设计师还是产品本身都是非常重要的。今天,乐信科技小编带大家聊一聊关于banner图的设计。
深圳网站建设
首先,我们先了解一下什么是平面构成。百度百科的解释是:平面构成是视觉元素在二次元的平面上,按照美的视觉效果,力学的原理,进行编排和组合,它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法,是理性与感性相结合的产物。我的理解,平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言,他可以是抽象的,也可以是具象的,可以是感性的,也可以是理性的,同时它也不是独立存在的,而是伴随着色彩/肌理/光影等而存在的。基本上世间万物,所有我们接触到的或无法接触到的,看得见的或看不见的事物里都有平面构成的运用和身影。
 
其次,我们要了解Banner图是由什么组成的。比如电商Banner,组成要素一般包含4个方面:文案 、商品/模特、背景、点缀物。Banner的作用是:宣传/展示/广而告之/准确传达信息。
 
第三、我们该如何在Banner图设计中运用平面构成呢?在前面我们提到,平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言,而Banner中的所有元素(文案/商品或模特/背景/点缀物)其实都可以看作是平面构成里的点线面这些构成元素。
  那么,接下来我们就需要了解3个有关平面构成的概念了:
  1、元素与元素之间的排列关系
  2、所有元素在一起所体现的构成形式
  3、了解几个常用的平面术语
 
  接下来,我们分别了解下这几个概念:
  1、元素与元素之间的排列关系
  它们之间的排列有下面这么几种:分离/相切/重叠/透叠/结合/减缺/差叠/重叠。
  分离:形与形之间不接触,有一定距离。
  相切:形与形之间的边缘正好相切。
  重叠:形与形之间覆叠关系,由此产生上下前后的空间关系。
  透叠:形与形有透明性的相互交叠,但不产生上下前后的空间关系。
  结合:形与形相互结合成较大的新形状。
  减缺:形与形相互覆叠,覆叠的形状被剪掉。
  差叠:形与形相互交叠,交叠的部分产生一个新的形。
  重合:形与形相互重合,变为一体。
  2、所有元素在一起所体现的构成形式
  从所有元素(点线面)整体看,其构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。
 
  以上呢,我就先总结这么多,其实所有的Banner版式都是大同小异的,因为我们前面提到,Banner是由文案/模特或商品/背景/点缀物组成的,而所有这些元素就相当于我们平面构成里的点线面,当我们改变这些元素的角度/距离/大小/数量/样式/颜色等,新的版式也就产生了,所以,大家不妨也试试看哦。
  当我们在做一个banner的时候,如果没有特别的要求,其实我们是有很多个方向选择的,首先问下自己你是想要突出什么信息呢?是突出商品呢?还是突出文字呢?还是突出整体的氛围呢?还是强调整体的协调感呢?还是说强调品牌呢?
  一般来说,一个好的Banner首先是要保证信息传达准确,然后再需要保证画面的协调感和氛围的。
 
网站开发 APP开发 微信公众号 产品设计 用户体验 APP运营 APP开发公司 微信小程序 产品经理 网站设计