淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 设计师后期类教程分享 图片设计教程

淘宝促销活动海报图的四大设计技巧.增强视觉效果!

收藏 邀请

Banner广告一般用于产品宣传或促销活动,具有呈现内容新、更新快的特点,商家可以根据不同时期的主推商品和活动,及时更换Banner广告,从而降低营销成本。

1.png 

淘宝Banner图设计要掌握的四大基础

 

通常一幅Banner广告中,文字占有重要的篇幅,一般由标题文字和辅助介绍文字组成,给用户传递的文字信息有主次之分。字体如何运用直接影响了整幅Banner的效果。所以在设计文字时,就要用准确性、独特性的文字来表达,让用户第一时间抓住文字的关键信息。

2.png 

要注意文字之间的组合方式,靠字体颜色、字体变形、字体排列等方法来突出文字的主次。一般来说,用户在看到 Banner 的文字信息时,第一时间所能接受的信息一般不要超过三个,文字信息过多用户第一时间抓不住主要信息,文字信息过少则不能很好地体现商品的特征。

3.png 

Banner广告的文字设计一般需要考虑两方面的内容:文字的准确性与字体设计的创意。

4.png 

①文字的排列。文字的排列要有空间感。设计师在进行文字的排列设计时,要考虑文字之间的疏密程度,让文字所传递出的信息更加醒目。可以打破传统的横排或竖排的文字排列方式,对文字的大小和排列方式进行再设计和变形,例如:将文字大小进行错落排列;文字左右倾斜不一致等。

5.png 

②字体不同排列方式。好的字体效果能增加Banner的醒目程度,对广告的宣传起到加分的作用。如果字体运用适当的肌理效果,首先能使Banner醒目,增加点击率;其次是用户可以从字体的肌理效果直观了解到产品的特征,增强Banner的视觉效果,更有助于产品的推广。

6.png 

淘宝Banner图设计要掌握的四大基础

 

一幅Banner设计作品中,除了文字占有重要地位外,与文字搭配的图片或图形设计也起到至关重要的作用。一般来说,Banner 中图片有以下两个特点:

7.png 

①由于Banner的大小有所限制,对图片的分辨率并没有很高的要求。高分辨率的图片与低分辨率的图片同时运用到Banner里,我们肉眼来看差别并不是很大,所以通常采用72dpi就可以了。

②在其他条件不变的情况下图片尺寸尽量越小越好,这是受到网速带宽限制,图片文件越小,传输速度越快,加载时间也就越短,节约用户点击的时间。

8.png 

图片在 Banner 中不仅能起到点缀的作用,还能增强整个 Banner 的趣味性和视觉性,同时还起到增加产品信息介绍的功能。图片摆放的位置、大小、数量等,直接影响 Banner 的整体效果。

9.png 

首先,图片的选择一定要赏心悦目。从用户的视觉感官出发,赏心悦目的图片会使用户点击Banner的机率增大。其次,图片的运用一定要与Banner的整体风格达到统一;最后,是要突出重点。一张图片只能有一个重点突出,应该将用户更关注和感兴趣的信息重点突出,而弱化次要信息,做到有主次之分,增加图片的条理性。

10.png 

淘宝Banner图设计要掌握的四大基础

 

与文字和图片相比,Banner中的色彩运用则是另一个吸引用户眼球的元素。它不仅仅是图片和文字的一个附属元素,还是一个独立的主体,可以传达信息。Banner色彩的运用则要考虑到整个页面的色调,多采用对比的配色方案。


11.png 

①协调配色方案。一些更新较快的Banner在色彩的设计上要选择协调的配色方案,在色彩选择上不应过于刺激,传递的信息易于用户理解,让用户在浏览网页时第一时间能够将注意力集中到上面。纯度一致的配色,特别是高纯度的配色,能给人视觉上的刺激,而低纯度的色彩,则给人沉稳安静的感觉。

12.png 

②对比配色方案。对于一些存在时间较长,更新慢的Banner,可以采用对比配色的设计方案。在色彩设计上应该突出重要内容,也就是强调设计的配色方式,其他部分要与网页的整体风格和色调保持一致。色相对比的配色,尤其是色相环中的补色对比,在视觉上往往有强烈的冲击力和对比性。

13.png 

明度对比的配色也能增强Banner的视觉性,在设计时拉大色彩之间的明度差异,利用色彩明暗程度的不同,突出广告内容。还可以提高文字或图形的明度,降低背景色的明度,让文字和图形形象更突出。

14.png 

淘宝Banner图设计要掌握的四大基础

 

所谓版式设计,就是将一些可视化元素如文字、图形、图像等在布局时,通过调整其位置、大小,使整体布局达到和谐美观的效果。Banner在版式设计上同平面广告一样,也要考虑文字、图片等布的合理性,保持画面的统一性。

15.png 

由于Banner的尺寸有限,所以每个元素的位置、大小的不同,都会产生不同的效果。如何将文字和图片合理地安排在Banner 中,直接影响到产品信息的传递。Banner版式设计要遵循以下六个原则:

16.png 

①对齐原则。有关联的内容要对齐,方便用户的视线移动,一眼可以看到最重要的信息。

②聚拢原则。将内容分成几个区域,有关联的内容尽量放在一个区域。

17.png 

③ 留白原则。虽然 Banner 尺寸有限,也要留出空白部分,不宜安排满,减少视觉上的压迫感。

④简单原则。颜色、字体、图形都不宜过多、复杂,有重点地突出主要内容,简化其他内容。

18.png 

⑤单一原则。注意整体风格的一致性,切记避免出现过多不同类型的原则。

⑥对比原则。适当增加不同元素之间的对比,有利于突出重点,增强画面的活泼感。

19.png 

成功的Banner,它是有生命力的,可以感染用户,引起用户的关注度,进而增加点击量,对产品的销量和企业的推广起到至关重要的作用。

20.png
以上就是今天的内容,关注疯狂的美工官网,每天分享不同设计技巧!

鲜花

握手

雷人

路过

鸡蛋

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

六年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂六年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

Powered by Fkdmg.Com © 2013-2021    赣ICP备18006944号-1