欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

程序员文章站 2022-06-19 13:53:44
电商的banner设计现在越来越高大上,各位设计师是不是也在设计初期的排版布局上煞费苦心?别着急,新鲜的经验教程出炉,一个资深电商banner设计总结了一些海报的设计规则和经验,希望能给你的工作带...

电商的banner设计现在越来越高大上,各位设计师是不是也在设计初期的排版布局上煞费苦心?别着急,新鲜的经验教程出炉,一个资深电商banner设计总结了一些海报的设计规则和经验,希望能给你的工作带来帮助。不沉的骨头:在做活动页面的时候你是不是也会跟我一样纠结商品要怎么样摆放呢?商品的摆放跟页面的板式布局紧密相关。这次为大家带来的是活动页面设计之商品的5种摆放姿势,下面我们一起来看看。

部分图片案列来自网络,多多包涵。

一、商品的摆放姿势

运动轨迹

三角摆放

漂浮上空

平视角度

放置容器

仅供大家参考,做一个抛砖引玉。也希望给大家带来一些收获。

明确商品的作用性

1、明确页面主题,卖什么或者什么有优惠

2、丰富页面,增强促销气氛

3、增强用户的购买欲望

在很多时候我们做活动页面是没有模特的,大多数是商品,尤其是平台的活动。

在促销活动页面或banner中商品的摆放方式也是挺重要的部分,一个页面好看不好看、有没有购买欲望、气氛强不强都和商品息息相关。

我们不仅要做到版面形式好看,也要处理好商品。

开始咯

商品在页面中摆放的方式有很多,在这里我举例在活动页面中比较常用的摆放方式演示。

先看一看:

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

ps:下面案列演示不足之处,望大家见谅。

01、运动轨迹

运动轨迹通过字面解释我们清晰的明白,商品有一个轨迹,列如正方形、圆形等。运动本身就是一种节奏,所以让你的商品也一起变得有节奏起来。它会存在有形的轨迹和无形的轨迹。

我们看有形的运动轨迹案列:

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

通过上面我们可以看出运动轨迹是非常的明显的、这种方式目前还是比较少。那么我们该注意些什么呢

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

1、商品大小、虚实。离我们越近的物体越大、越清晰,反之越小,越虚化。

2、有形的运动轨迹不可喧宾夺主,适当就行。

我们看无形的运动轨迹案列:

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

通过上面我们可以看出运动轨迹是通过 小人、实物、足球一起组合起来,使画面有了一个视觉的运动轨迹。

那么我们要注意些什么呢?

1、还是一样大小、该弱化的则弱化

2、物体元素不能喧宾夺主、抢了标题的地位

案列欣赏

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

02、三角摆放

在商品摆放中,我们会发现很多页面中的产品摆放会近似三角形。因为三角是最稳定的形状、三角也有一个引导指向性。三角摆放是最常见也是最稳的一种方式、它不局限于商品的角度,是否立体。平的立体的它都通吃。

我们看三角摆放案列:

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人电商banner布局实例教学 电商实战案例讲解海报怎样做吸引人

是不是看着很眼熟,因为我们经常会看到这种摆放方式。