当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 19:19:43
  • 来源/作者:互联网/佚名
  • 己被围观

这一年来在电商公司的设计工作经验总结~

说在前面:

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

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

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

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

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

 

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

 

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

 

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

 

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

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

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

 

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

 

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

 1/3    1 2 3 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条