快速打造电商专题之黑色星期五案例分享

05、配色

其实本次页面配色难度并不高,原因因为大环境以黑色为主,所以其他颜色为点缀。所以颜色亮度会高一些。

A:标题会有一个需要突出的地方,也就是视觉上的落点,“5折”作为本次sloang(标题)的重心采用黄色点缀。黄色在颜色是亮度比较高的颜色也是和其它颜色最容易搭配的颜色。

所以我们经常会看到促销活动中标题利益点或者某个要突出的会用到黄色。

快速打造电商专题之黑色星期五案例分享,PS教程,

B:副标题、利益点、标签,因为和sloang对比起来它们是较弱的,通常会加上一个底色块或者外框什么的来增强下。也是为了在形式上和sloang有区分,在阅读和视觉上面会有一个分段。颜色选用紫色的微渐变即可,色块部分透明度的处理融进背景,不会太生硬。

快速打造电商专题之黑色星期五案例分享,PS教程,

不融合的感觉。其次文字上面叠有一层和购物袋一样的图案,“5”上可以明显看到。

06、装饰元素

通常我们都会增加一些元素、不管是立体的还是扁平的。我们的目的只有一个就是丰富页面那么在这里我直接用了三角形来装饰,但它会有一部分融入背景中去。这样做让三角形不至于过于扁平,也少许有一些空间。

快速打造电商专题之黑色星期五案例分享,PS教程,

大家也会看到其中文案后层用2个三角形拼凑的五角星,其一是为了让这些散在外面的三角形有一个中心点,其二也是为了避免标题过于融入背景,也增加了一层空间。

那么散发在外面的三角形的状态,它们的指向性都指向中心。目的是为了让视觉焦点集中在标题上。

快速打造电商专题之黑色星期五案例分享,PS教程,

△最后效果,配色选择颜色之间相近的颜色,高亮一些,其次三角形有大有小变化。