活动页头设计思路

September 28th, 2013 | Tags: , , , | 2,249

国庆价提前抢0

国庆家电活动,仅供参考。

电商活动大致都可以采用类似的思路制作,过程大同小异。当然,前期的各种素材和灵感的收集,需要大量的准备和积累,一般会根据各个活动专题内容向不同的方向准备,主要还是融会贯通。

 

demo 

1、类目线同事发起的制作需求,根据Demo开始寻找素材和灵感。

 

国庆价提前抢10

2、页头文本信息罗列,帮助构思大致的版面轮廓。

 

国庆价提前抢9

3、1+3的信息结构:大标题居中突出显示,副标题置顶,底部的三个子分类信息分成三个区域聚拢。

 

国庆价提前抢8

4、左右模拟出两个侧边台面,以便摆放展示产品。

调整主标题字体及颜色。

 

国庆价提前抢7

5、挑选合适的展示单品,抠图罗列展示看效果。

添加背景氛围。

 

国庆价提前抢6

6、第一视觉主标题字体拉长变形突出显示。

第二视觉促销细信息调整摆放位置,数字信息放大。

底座色块微调拼合更严密,并采用三种不同颜色加以区分。

 

国庆价提前抢5

7、单品调整位置,摆放协调。

主标题添加立体效果。

 

国庆价提前抢4

8、顶部副标题细节调整。

第二视觉促销信息形状调整,增加立体效果。

 

国庆价提前抢3

9、促销文本添加图层样式,增加文字质感。

主标题添加条纹修饰和阴影效果。

单品展示台添加条纹修饰。

 

国庆价提前抢2

10、促销信息展示区域添加高光效果,文本添加阴影效果。

两侧单品添加阴影立体效果。

 

11、至此,页头部分初稿完成,提交给类目线产品经理,等待反馈问题、确认设计稿。

 

国庆价提前抢1

12、类目线同事反馈意见:

顶部的副标题过于显眼——调整图层样式弱化显示效果

促销信息部分文本过多,较杂乱——重点放大突出,辅助促销信息弱化,缩小显示。

 

13、然后,各楼层标题栏、产品展示区以及侧边浮动导航栏,定稿,模板输出,CMS页面输出,分配商家作图,替换更新各家产品图片。整体效果如下:

国庆价提前抢all

国庆价提前抢Banner

14、最后,还要制作活动配套的Banner广告素材,一般延续页头的风格,文案审核没问题后,根据不同尺寸要求稍作调整即可。

 

[完]

Comments are closed.