• 对于互联网行业者而言,一个新的趋势正在形成:得移动者,得天下
  • 海强说运营:专业提供web网站、ASO、新媒体、自媒体运营服务策划
  • 快报关注:海强说运营,了解天下不同事
  •    1年前 (2017-04-16)  产品经理 技巧 |   45 条评论  12 
    文章评分 0 次,平均分 0.0

    Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置,它们的转化率和它本身的设计优秀与否息息相关,最重要的是,它要能迅速的吸引用户的注意力,通过优秀的文案和视觉让用户立刻马上点击。今天的文章,我们通过一系列优秀的范例,帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。

     

    1、聚焦LOGO

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    如果你的LOGO本身设计足够优秀,那么记得将它放置在广告Banner的正中央。Buatoom 就将他们的投放到Omise 的Banner广告中,高亮处理了他们的LOGO。

    2、扁平插画

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    扁平化的插画是时下流行的一种处理手法,它们并不复杂,但是同样可以带来漂亮的视觉效果。如果你们的产品也适合这么处理的话,不妨试着设计一些扁平风的插画风banner,以备不时之需。

    3、模糊效果

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    模糊效果本身也是非常常见的处理手法。将模糊运用在Banner 的背景当中,突出特定的元素,让整个设计拥有了纵深,相当有趣。

    4、借助栅格

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    栅格常常用来组织不同的设计元素,虽然创建栅格会占用你几分钟时间,但是它能够在设计过程中省却不少时间。Banner 广告中,使用栅格快速构建布局,能够给人清晰直观的感觉。

    5、尝试单色配色方案

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    单色布局同样能够创造出不错的视觉效果,重要的是掌握元素之间的平衡,你看看下面的几个案例就能够理解。单色配色方案不是仅仅只使用一种颜色,而是要善用一个颜色和它的同系色彩。

    6、字体搭配

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    虽然我们为了追求一致性的搭配,通常不会使用太多的字体,但是在广告中,有时候为了创造多样而独特的视觉体验,可以将多种不同的字体有目的的搭配起来。当然,色彩的搭配也是要注意的。

    7、大胆使用强对比色

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    你可以使用色轮上相对位置的对比色来创造设计,当然你也可以使用深浅对比,这个时候色彩甚至可以是近似的颜色,而两者在深浅上作出对比也是不错的。

    8、经典的色彩叠加

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    色彩叠加这种技巧能够将多种不同的色彩统一到一个色彩体系当中来,它并不一定要非常的清晰、准确,但是能让你的整个设计呈现出更为风格化的一面。许多设计会采用高饱和度的色彩来叠加,这样一来白色的文字可以和图像内容构成明显对比。

    9、特征明显的手写字体

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    手写字体是非常富有张力的,你可以使用现成的字体,也可以通过自定义笔画来构建字体。

    10、善用图案

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    在特定的节日,可以在Banner 广告中加入小的图案来营造氛围。在扁平化设计风格深入人心的今天,也许你只需要反复使用一些常见的几何图案就能达到装饰的目的。

    11、以文本为中心的布局设计

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    如果你的Banner 广告并不是以图片为中心,而是要突出特定的文本内容,那么你可能需要将特定的文本风格化处理,或者同其他的内容构成视觉对比。

    12、展示,而不是呐喊

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    让你的产品自己说话,而不是喊口号。如果你的Banner 广告中的产品能够不言自明,那么最好是使用围绕产品本身的设计,突出产品。这样的设计并不是要你将文本去掉,而是要淡化处理,突出产品本身的特质。

    13、使用模板

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    如果你经常做系列化的设计,那么可能会经常用到各式各样的模板,许多模板有不错的复用性,甚至部分模板有相当不错的泛用性,善用这些模板。

    14、突出CTA按钮

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    许多广告都涉及到点击率这样的KPI,按钮几乎是其中绕不开的UI元素,这些核心的行为召唤元素最好高亮显示,搭配合适的文本内容,让它看起来很容易点击也很值得点击。

    15、使用抓人眼球的色彩

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    如果你想让你的广告Banner更容易被人注意到,那么在色彩上多花心思是值得的。在以蓝色为主色调的Facebook 中打广告,你的Banner 如果使用蓝色,不论饱和度多高,都很容易“融入”到整个页面中,如果相反,使用橙色作为主色调,就很容易从整个设计中脱颖而出了。

    16、精心策划的摄影内容

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    许多广告Banner 中都会使用摄影作品作为背景或者视觉主体,精心设计的图片或者摄影作品能够让你的设计事半功倍。

    17、使用渐变

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    微妙的渐变已经作为已经设计趋势回归了。渐变的背景,甚至渐变的叠加,都能让你的Banner设计风格化,搭配图片、纹理和文字,渐变能给人多种多样的体验。

    18、使用纹理

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    和UI设计不同,在电商和广告Banner 的设计当中,纹理一直都存在,甚至是非常常用的元素。纹理能够很好的提升整个Banner 的信息量和整体的质感。当然,在使用纹理的时候千万不要让纹理喧宾夺主。

    19、几何图形

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    几何图形可以单独作为装饰元素置于Banner中,也可以融入到整体设计中,强化Banner 的设计感。这些几何元素能够提升Banner 给人的形式感和趣味。

    20、醒目的标题

    广告Banner :20种高度可行、转化率高的设计思路

    广告Banner :20种高度可行、转化率高的设计思路

    很多广告的尺寸并不大,醒目的标题能够让内容显得更加突出,更加直接的传递信息。

     

    除特别注明外,本站所有文章均为海强说运营-海强自媒体-博来号-博来网-分享社群运营,温暖你我原创,转载请注明出处来自https://blog.bolaiedu.com/9486.html

    对于互联网行业者而言,一个新的趋势正在形成:得移动者,得天下。

    发表评论

    表情 格式
    1. 一模一样!!!

      新用户399175 评论达人 LV.1 1年前 (2017-05-12) [0] [0]
    2. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    3. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    4. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    5. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    6. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    7. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    8. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    9. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    10. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    11. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    12. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    13. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    14. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    15. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    16. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    17. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    18. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    19. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    20. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    21. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    22. 这是一所河南的高中

      新用户365435 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    23. 253 便宜啊!

      新用户777393 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    24. 253 便宜啊!

      新用户777393 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    25. 253 便宜啊!

      新用户777393 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    26. 253 便宜啊!

      新用户777393 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    27. 253 便宜啊!

      新用户777393 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    28. 253 便宜啊!

      新用户777393 评论达人 LV.1 1年前 (2017-05-09) [0] [0]
    29. 内些位置现在是班里“老师的宠儿”和“学霸专座”超强手,已经快排成一排了

      新用户091265 评论达人 LV.1 1年前 (2017-05-04) [0] [0]
    30. 强力磁铁有多大磁力?我玩磁性最强的就是硬盘里的

      新用户158501 评论达人 LV.1 1年前 (2017-04-29) [0] [0]
    31. 我想问的是这个表情是叫什么的

      新用户858664 评论达人 LV.1 1年前 (2017-04-28) [0] [0]
    32. 这个 更C刺j激,A 片:htTP://uVU.Cc/ijW7

      新用户862210 评论达人 LV.1 1年前 (2017-04-27) [0] [0]
    33. 武大郎的代言人,就这德性。

      新用户465425 评论达人 LV.1 1年前 (2017-04-26) [0] [0]
    34. 半年之后你会觉得这世界上就没有你干不了的人

      新用户922975 评论达人 LV.1 1年前 (2017-04-25) [0] [0]
    35. 额。。 我们叫她RU..

      新用户669767 评论达人 LV.1 1年前 (2017-04-24) [0] [0]
    36. 了解,这话没问题,你最开始说的话给人的感觉太像日粉

      新用户922967 评论达人 LV.1 1年前 (2017-04-23) [0] [0]
    37. 如果比人类高一点,怎么能来到地球?我们分析下,要是比地球文明高一点的外星人要想来到地球那应该要走几百年吧?那时候谁高一点就不好说了。就算是来到太阳系,要侦察地球,那大可先在月球上弄个基地,从大老远的小行星带上派一个那么大的侦察卫星,不知道地球人就在意那个

      新用户860930 评论达人 LV.1 1年前 (2017-04-22) [0] [0]
    38. 这样本来就不合群,你想这样做,就不可能有太大的交际圈,自己选就自己承担呐

      新用户535379 评论达人 LV.1 1年前 (2017-04-21) [0] [0]
    39. 那些年错过的大雨那些年错过的爱情好想拥抱你 拥抱错过的勇气要是放在现在我也不知道自己到底有没有勇气

      新用户750945 评论达人 LV.1 1年前 (2017-04-19) [0] [0]
    40. 那些年错过的大雨那些年错过的爱情好想拥抱你 拥抱错过的勇气要是放在现在我也不知道自己到底有没有勇气

      新用户750945 评论达人 LV.1 1年前 (2017-04-19) [0] [0]
    41. 那些年错过的大雨那些年错过的爱情好想拥抱你 拥抱错过的勇气要是放在现在我也不知道自己到底有没有勇气

      新用户750945 评论达人 LV.1 1年前 (2017-04-19) [0] [0]
    42. 那些年错过的大雨那些年错过的爱情好想拥抱你 拥抱错过的勇气要是放在现在我也不知道自己到底有没有勇气

      新用户750945 评论达人 LV.1 1年前 (2017-04-19) [0] [0]
    43. 那些年错过的大雨那些年错过的爱情好想拥抱你 拥抱错过的勇气要是放在现在我也不知道自己到底有没有勇气

      新用户750945 评论达人 LV.1 1年前 (2017-04-19) [0] [0]
    44. 那些年错过的大雨那些年错过的爱情好想拥抱你 拥抱错过的勇气要是放在现在我也不知道自己到底有没有勇气

      新用户750945 评论达人 LV.1 1年前 (2017-04-19) [0] [0]
    45. 那些年错过的大雨那些年错过的爱情好想拥抱你 拥抱错过的勇气要是放在现在我也不知道自己到底有没有勇气

      新用户750945 评论达人 LV.1 1年前 (2017-04-19) [0] [0]
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    扫一扫二维码分享