当前位置:首页>ps实例教程>ps网页设计>淘宝美工>教程内容

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

来源:站酷 作者:蒋三金 学习:26937人次

说在前面:

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

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

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

美工知识,如何做出高大上的天猫店铺首页_www.16xx8.com

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

 

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

 

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

 

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

 

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

美工知识,如何做出高大上的天猫店铺首页_www.16xx8.com

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

 

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

 

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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
ps小白2016-03-21 11:39
产品的位置要不要根据黄金比例来放?
ps小白2016-03-21 11:03
产品的位置要不要根据黄金比例来放?
张俊雄2016-01-15 05:28
文字的排版要讲究以点成线、以线成面的原则。这是什么意思<馋嘴>
张俊雄2016-01-15 05:01
文字的排版要讲究以点成线、以线成面的原则。这是什么意思<馋嘴>
Growl2015-12-25 04:30
很好的网站,感谢楼主,学习到很多
Growl2015-12-25 04:12
很好的网站,感谢楼主,学习到很多
jdlrn2015-10-06 04:54
<给力>
jdlrn2015-10-06 04:10
<给力>
兮陌藤晨2015-09-08 12:22
教程像放屁
酒醉萬花樓2015-09-07 10:48
这屌毛水平也出教程了
单纯的高傲2015-09-07 06:09
谁看谁傻逼
风随愿我2015-09-07 03:13
傻逼东西
年少不多情王洋2015-09-07 02:35
只有傻逼才说好

关注大神微博加入>>

网友求助,请回答!