ui设计：流行的几种banner的处理类型

banner一般是指网页中的广告图片设计，尤其在电商领域某宝中，banner设计可谓五花八门，还细分为，分类banner，头部banner，中部banner，小型banner，通栏banner等，可谓大而全。
某宝的运营团队甚至还有专职的设计人员以供产品发布广告制作需要。
UI设置是指用户界面交互设计，他们两个一个是用于广告或者图片展示，一个负责界面布局或交互，是不同领域

banner是最基本的，肯定会做了，UI设计师可以做很多各种类型的设计呢。

banner是我们接触工作后在制作品牌和内容宣传上最常见的工作，它的展示起到着非常重要的引导性作用，一个界面的第一视觉往往会被优秀的banner所吸引。这两天抽空整理分析了一些常用的类型，对设计banner头疼的小伙伴们要仔细看看哦～

一般来说，一个好的Banner首先是要保证信息传达准确，然后再需要保证画面的协调感和氛围，可以看到，一张Banner，不仅仅由点或者不仅仅由线组成，而是点、线、面相互组合，相互平衡，最终形成一个版式丰富的Banner图。

以下素材部分源自学员作品，部分源自花瓣（感谢设计师们的分享，如果看到自己的作品，介意的请联系删除～）

色块分割

以上banner采用不同比例大小的色块组成Banner的背景，加上人物与文案，这种表现形式适用于突出产品，如家居，服装，电子产品等。界面感简而不白，能快速提取到有价值的信息，注意选色的时候要注意整体的色感。

几何边框

简约，常常会给人以冷酷、干净、现代的感觉。设计中使用的形状、元素简洁；使用的配色方案统一、整体，用色克制。质感体现上较为细腻；结构上经常使用留白、简短／准确／有核心价值、有“气质”的留白，框起来的是焦点，几何图形是永恒的装饰品哦～.～

2.5D

空间几何这种风格，通过建造一个空间体，用几何来营造氛围，空间感代入感强。这类稍微研究一下还是可以做出来的，关键是创意想法的表达，这个就要多费心思了

2.5D风格在电商设计中很流行，其风格新颖、实用，可以放置很多内容，有动有静，可以很好的与二屏三屏连贯起来，受到一些大型促销活动的青睐，经常能看到这种风格的首屏海报。

扁平插画

简洁而不简单，去掉繁琐的装饰效果，展现主体的核心表达。用文字以外的图形或者人物等来帮助banner带来更直观的感受，文字稍微处理变形一下加图形或人物可以让banner更有活力更有感觉。这种类型的banner，金融、教育、旅游用的偏多，当然插画能力OK的话，各个行业运用起来都不是问题

色彩叠加

较为流行、多变，整体视觉会相对年轻，使用的元素相对更直接、明确、结构直白；整体有给人干净、明朗、和谐的感觉。突出文字，用简单的图形装饰烘托气氛。可用纯色，渐变色来进行背景色彩叠加处理，选大图的时候要注意哦，整体的意境要靠色调和明暗调出来，当然最简单的还是选用干净不杂乱的底图。

色彩是有情感的，不同的配色会带给人完全不同的心里感受。所以我们在做图的时候需要根据主题来进行配色，合理、舒适，让banner图整体和谐。所以我们需要考虑想要表达什么样的情感，想让用户看的时候有什么样的感受，所表达的情感与主题是否相符合，基于这些点来做配色就更加的有目的性了。

渐变纹理

微妙的渐变已经作为已经设计趋势回归了。渐变的背景，甚至渐变的叠加，都能让你的Banner设计风格化，搭配图片、纹理和文字，渐变能给人多种多样的体验。色彩浓郁是其特点

和UI设计不同，在电商和广告Banner 的设计当中，纹理一直都存在，甚至是非常常用的元素。纹理能够很好的提升整个Banner 的信息量和整体的质感。当然，在使用纹理的时候千万不要让纹理喧宾夺主。

当我们在做一个banner的时候，如果没有特别的要求，其实我们是有很多个方向选择的，首先问下自己你是想要突出什么信息呢？是突出商品呢？还是突出文字呢？还是突出整体的氛围呢？还是强调整体的协调感呢？还是说强调品牌呢？这个可以通过体会用户心理来判断方向。

好了今天就先到这里，讲了这么多小伙伴们get到了几点呢？