美工知识,如何做出高大上的天猫店铺首页

2022-12-26 11:20:26 来源/作者: / 己有:34人学习过

说在前面:

在上家公司工作的时候,发现有些设计上的朋友会有困惑,有时不知道从何下手去做一个店铺首页,总是停留在抄袭别家店铺的阶段,一直无法突破。后来,就想总结一下个人的经验,一直没时间写,现在终于码字码上来了。以下也有很多不足之处,仅代表个人的经验,不喜勿喷哦~

------------------------------------------------------------------------------------------

下面,我们先来看两张淘宝上的海报(如有原作者看到请见谅,仅仅是技术交流,无抨击之意)

美工知识,如何做出高大上的天猫店铺首页

从元素、排版、配色上讲一下这张海报存在哪些问题:

 

1、背景的选择无依据。根据背景显示应该是找了一张餐厅的背景,那么与产品本身并没有什么联系,即不是表达的产品的食用场景,也不是从产品本身的卖点出发,所以这张背景的选择是欠斟酌的。其次,背景的颜色太花,色调不统一,这样就会打乱整个画面的调子,这也是没有注意到的。

 

2、产品的视角与背景的视角不符合。产品是仰角拍摄的,而找的背景却是平视的背景,视觉上就产生了错乱,消费者看到后第一反应自然是不舒服。

 

3、文字排版无规则,造成空间浪费。文字的排版要讲究以点成线、以线成面的原则,而上图只是打了两行字,也无重点侧重。再者文字的配色也是有问题的,先不讲字体的选择是否合理,单第二行文字的配色就超过了三种,真是亮瞎了我的钛合金双眼。

 

由于我胆子小,担心选的问题海报太多,被原作者们追着打,下面还是给大家分析一下优秀的海报作品吧。

美工知识,如何做出高大上的天猫店铺首页

这么一对比,是不是瞬间觉得这张海报简直太**“高大上”了?

 

1、色调统一,采用的是手绘风格的背景元素,模特图片的融合上也毫无违和感

 

2、左右排版,对称统一又不失变化,请注意上图左边的两颗小树和右边的单棵小树,作者在这故意做了一些变化,用数量的变化来增加了画面的韵律感。