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

美工知识,淘宝钻展banner设计思路(3)

来源:站酷 作者:morning924 学习:22543人次

总结:

1.这种形式与清仓大甩卖这种活动简直是绝配,它往往意味着廉价,超级便宜,商品种类蛮多,往往也可以淘到很多物美价廉的商品(所以也不要觉得这种banner非常俗气哦)

2.将商品堆一堆铺满整个画面,作为多彩的背景,文案利益点加一个纯色底放置在上面(背景复杂,前景肯定要干净才可以突出文字啦),最后一步,将折扣信息突出再突出,一个banner就完成了,是不是感觉自己在做一道类似于火锅大杂烩的黑暗料理?设计跟做菜也是有相同之处呢,平时多思考观察吧。

⑥.商品部分细节展示

超大局部细节展示+1件商品

www.16xx8.com_04100a936-54.jpg

总结:

1.超大局部细节展示(因为大牌就是这么自信啊,我细节棒,做工好用料好,不怕你拿放大镜看我)所以,有些天天喊着我要做大牌感大牌感的广告,但是,给的商品又是拍摄质量很糟糕的,或者做工很一般的,真想。。。

2.大面积留白,画面干净无杂质,商品就是唯一的主角

3.其实是品牌logo稍微醒目点,文案信息字体比较纤细,并且字号很小,处在配角的位置,但是因为往往这种广告大面积留白,即使字体很小很纤细可视度也很高,也不影响阅读

4.背景色多为黑,白,灰,色彩也比较单一,总之,就是为了高冷而生

5.这种形式适用于奢侈品彰显大牌调调的活动,或者数码电子产品,数码电子产品也是喜欢走这种高冷路线,因为冷酷,有逼格,让人觉得拥有它很有面子,那种一般的商品比如衣服有线头,褶皱,产品用料又不高档做工不精致的就不要尝试这种了,因为本来你是想要装大牌感来着,却把你的瑕疵缺点展示出来了,就起反作用了

⑦.平面构成图形化的

www.16xx8.com_0410092J4-55.jpg

这种就是玩构图,看个人功力了,你看他的平行线,他的切割比例多么美,他的背景色块的颜色都是从商品的配色吸取的(我好想是在说废话。。。这样吧><)不过我要说的是,如果有圆形,矩形,三角形,千万不要放过它们,因为这几个基本图形很容易玩出构图来

⑧.结合商品本身特点的

结合商品本身的特点排版+从文安里找灵感+2件以上商品

www.16xx8.com_0410092W2-56.jpg

这个广告一看就是想表达这只拖鞋有多么“色“,这就是结合商品本身的特点和文案去联想去发挥想象力,其实往往这种特质比较明显的商品是很容易让设计师发挥的,我们的设计很多时候就是想办法与商品产生关联,比如商品是质感,颜色,纹理,图案,形状都是我们可以提取的元素

www.16xx8.com_04100ab1-57.jpg

雨伞和雨鞋可以做的这么乖,扑通!!是不是很像一个小胖孩打着伞,好形象,有亲和力,好喜欢,买买买!!!

所以说,有些比较讨巧的商品就是可以摆放成这样去卖萌,获取用户好感,然后。。。让你忍不住想要买买买!!!

总结:把商品排版玩转了,距离走向人生巅峰也就不远了(你信么?)其他的很多信息都只是顺带提一下,要讲的太多,暂时先蒋这些。

4配色:

做电商就是卖货,因此主要的设计需求都以产品为主,所以我们就可以根据产品的颜色以及运营需求的风格基调这2个方面来配色,用一句话来阐述就是:以产品的颜色为基准(基色),以运营需求为方向(目标)。最终的图片效果与运营需求基调相匹配。

如何选色?可以从产品图中直接取色,这个方法很多做过一段时间设计工作的童鞋都会自行领悟,在一些设计书中也是不约而同地提到。因为从产品选出的色彩可以很好的与产品色相呼应,视觉上可以相互关联。 是最简单的选色方法.

案例:

产品:男士衬衫。关键词:时尚,潮流帅气,活跃。文案:潮流风尚,夏装八折上线。

www.16xx8.com_0410096355-58.jpg

以下的几种配色方案主要以蓝色(模特身上的衣服)为基色,然后围绕蓝色展开。

4.1.1邻近色

www.16xx8.com_0410095915-59.jpg

www.16xx8.com_04100a3D-60.jpg

4.1.2间隔色

www.16xx8.com_0410093214-61.jpg

www.16xx8.com_0410093036-62.jpg

www.16xx8.com_0410094039-63.jpg

www.16xx8.com_0410093501-64.jpg

www.16xx8.com_0410095O9-65.jpg

www.16xx8.com_0410094523-66.jpg

4.1.5暗色调

www.16xx8.com_0410096047-67.jpg

www.16xx8.com_041009E03-68.jpg

4.1.6暗色调+高纯度

www.16xx8.com_0410094H4-69.jpg

www.16xx8.com_041009D31-70.jpg

www.16xx8.com_0410091E3-71.jpg

4.2.配色比例

日本设计师 曾经针对色彩的配色提出比例原则70%,25%与5%的配色比例方式,其中的底色为大面积使用的底色,大家可以从上面的海报中自己分析下,哪个是主色,哪个是辅助色,哪个是强调色。

www.16xx8.com_0410091M7-72.jpg

5.字体

www.16xx8.com_0410096351-73.jpg

5.1字体的基础应用

www.16xx8.com_0410094I9-74.jpg

www.16xx8.com_0410095943-75.jpg

www.16xx8.com_0410091S3-76.jpg

5.2字体的高级使用:

5.2.1男性字体

www.16xx8.com_04100961S-77.jpg

www.16xx8.com_04100963F-78.jpg

5.2.2女性字体

www.16xx8.com_04100a600-79.jpg

5.2.3孩童

www.16xx8.com_0410094291-80.jpg

5.2.4中性

www.16xx8.com_0410095L4-81.jpg

5.2.5促销型

关键词:粗,大,显眼,倾斜,文字变形等,例如 “造字工房力黑”等

www.16xx8.com_0410092356-82.jpg

5.2.6品牌调性字体

关键词:纤细,小,优美,干净利落

一般用笔画细的字体,字号也比较小,多用英文搭配,更加时尚。

www.16xx8.com_04100ab4-83.jpg

5.2.7文艺、名族风

关键词:纤细,优美,复古等

一般用笔画细的字体,如:宋体等,字号也比较小或毛笔字体(用于标题),而且常采用竖向排版。

www.16xx8.com_0410091612-84.jpg

6.小元素呈现

www.16xx8.com_04100922Z-85.jpg

www.16xx8.com_0410092Z3-86.jpg

www.16xx8.com_0410091240-87.jpg

www.16xx8.com_0410092920-88.jpg

www.16xx8.com_04100944G-89.jpg

四.钻展图的审核标准

1.因地制宜

根据位置、尺寸等信息采取合适的布局和表达,契合钻展位置的尺寸特征。

2.主题明确:

经常会看到一些钻展图片,要么内容很多,信息量很大,但是让人摸不着头脑,不知道主诉求点是什么;要么创意天马行空,不知所云。钻展图片需要在有限的空间和时间内,快速吸引客户的兴趣并使其点击,清晰明确的主题是图片成功的第一要求。

如何让设计出的钻展图主题清晰呢?首先,建议与提设计需求的人充分沟通,在明确推广主题后再进行设计,其次,钻展图片的概念一定要在强调自身主题的前提下去设计。最后要进行内部检验,即在内部研讨设计好的图片,看看退队成员能否通过设计出来的图片来确认钻展主题,另外,钻展的主标题尽量控制在6字以内,紧扣消费者诉求,讲大白话,直击要害,能感知打动用户,一听就明白。

3.形式美观:

钻展图片是有结构和层次的,不同布局呈现出来的是不同的视觉焦点,如果视觉焦点不统一或者布局不理想,很容易形成信息错乱,造成原先应该重点呈现的要素却被客户忽略的结果。图片布局最常见的问题有两个,一是信息散落,设计师试图将信息点以均分形式平均到整个钻展上,二是缺乏抓住用户实现的能力。那么如何让钻展图片的设计布局更为合理呢?

3.1文案排列越整齐,越便于阅读。

3.2要基于用户的阅读习惯进行排版,将内容归类,可以尝试字、图分离的设计方式。用户遵循的是从左到右,从上到下,先主图再文字的顺序。

3.3好的钻展图片布局应遵循两条简单的定律:一是适当留白。二是采用黄金分割法。

3.4根据商品、活动的特性,用户人群的特点,渲染适合主题的有张力的画面氛围。

3.5色系不超过三种,灰度、纯度对比平衡。

3.6文字搭配,平衡比例,合理控制图片重心、视平线和视觉比重。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
秃头小宝贝儿2020-11-30 10:59
我的天,都是干货,需要慢慢消化
zhang东方2017-02-16 09:15
值得收藏!
zhang东方2017-02-16 09:02
值得收藏!
唯艾尚2016-09-23 03:39
已收藏,慢慢看
唯艾尚2016-09-23 03:09
已收藏,慢慢看
小苹果2016-08-22 05:07
非常好,多谢分享,大神
小苹果2016-08-22 05:08
非常好,多谢分享,大神
云淡风清-看淡2016-06-27 11:11
整理的好用心,一定好好拜读!
云淡风清-看淡2016-06-27 11:06
整理的好用心,一定好好拜读!
8712203152016-05-06 10:16
大神
8712203152016-05-06 10:05
大神
Trans2016-04-25 05:10
保存慢慢看。
王延敏2016-04-25 05:04
保存慢慢看。
熊孩纸2016-04-24 10:51
学习啦。。学习啦。
那个人说我累了2016-04-24 09:12
学习啦。。

关注大神微博加入>>

网友求助,请回答!