加入国际站
返回旧版 新版反馈
关闭 评分
铜币:
剩余
* 评分才能提交噢
理由:

 | 
只看楼主


  • 0 楼#
    C

    张俊老师

    • 粉丝
      2271
    • 人气
      941
    • 积分
      20
    • 铜币
      4631

    设计一个最优的着陆页并不是一件非常容易的事。在前几篇文章中,我们给大家讲解了设计图片的创意,那么有了创意如果让你获得一个可观的转化率呢?其实并不是很容易、然而,对于以转化为核心的设计理念你懂得多少呢?
    着陆页的CTA学会了以后,那么我们来学习一下着陆页的CCD设计
    什么是CCD,转化成中文的意思就是概念设计(CONCEPT DESIGN)
    CCD的意图在于,通过使用有说服力的设计和心理诱因来引导访客完成一个具体的行动,来增加转化率。
    着陆页是CCD设计的核心。着陆页的设计元素会同电子邮件的设计保持一致,它的目的是使来到页面的访客能够有效的转化至目标路径的终点,走完整个转化路径。而在着陆页面上,我们可以收集到访客的浏览数据或在访客到达下一个页面之前获取你的产品和服务的细节信息。
    那么,该如何通过设计来说服访客完成你想要的转化目标呢?有很多设计元素,可以将访客的注意力牵引至你所期望产生互动的区域当中来,心理的诱导也能激发参与感。让我们来深入了解这两种类型的设计元素,使你设计的着陆页可以实现真正的转化。
    我们会从两个部分七个层次得来为大家说明。
    大家先看看下面这个图。

    图片:两个部分.png


    今天我们来讲讲第一大部分“设计元素”中的四个点
    (1)聚焦
    制造出隧道的视觉效果,这是一种比较典型的用来吸引访客眼球的方法。你可以考虑在着陆页中这样的视点上设置call-to-action。例如下面左侧这幅图,圆拱的建筑特征可以防止访客的视线停留在别的地方,而是被锁定在中间部位。右侧的图则是将你的注意力驱动至隧道的尽头。这也成为视觉聚焦效果,在现实生活中,无论是什么样的场景,你的眼睛肯定会优先选择聚焦点集中的一个场景,这样给你看起来的感觉就很不错,近视眼略过,因为近视眼摘下眼镜后一片模糊。

    图片:聚焦.png


    (2)对比色
    使用对比色是一种简单的理念,整个光谱的颜色都是适用的,但是单色是最简单的的。

    图片:对比色.png


    使你的CTA(call-to-action)从周围的区域中脱颖而出,就是使它一眼就很容易被发现。假如你在白色的背景上设置了一些黑色或灰色的文字,这时使用黑色或白色的call-to-action都不能体现出对比度,因此你需要更丰富多彩的元素来突出call-to-action。但是,如果你除了一个非常简洁的设计之外没有太多的细节或文本,那么较大的黑色或白色按钮就会显得很突出。

    颜色可以用来给访客制造一种情绪反应。例如橙色,可以使人产生一种积极的情绪,使用橙色作为call-to-action是个很不错的选择。下面分析了很多颜色给人们带来的心理暗示:



        红色:危险,停止,负,兴奋,热
        深蓝色:稳定,平静,值得信赖,成熟
        浅蓝:青春,阳刚,酷
        绿色:增长,积极的,有机的,走,安慰
        白色:纯洁,清正廉洁
        黑色:严肃,沉重,死亡
        灰色:诚信,中立,冷静,成熟
        棕色:健康,有机,朴实无华
        黄:情感,积极,谨慎
        金色:保守,稳重,优雅
        橙:情感,积极的,有机
        紫色:青春,现代,皇家
        粉红色:年轻,女人味,温暖
        银色:优雅,持久,富有

    图片:对比度2.png


    记住:整个页面都是以你的转化目标为导向!
    (3)方向提示
    方向提示也可以成为是“视觉引导”,是将访客视觉引导至着陆页上重点区域的一种指标。这可以帮助你将访客的目光引导至你期望的区域内,并且在到达着陆页后很快就能转化完成你的目标。这种视觉引导的类型包括方向箭头、公路路径以及视觉的冲击效果。
    作为方向提示,箭头是关于微妙的一拳打在脸上,这就是为什么他们的工作这么好。用这么短的时间您的网页上,视觉引导用户到预定的焦点是一个聪明的举动。箭头让你说,“忽略一切,并注意这个吧。”
    眼神暗示

    图片:方向.png


    这种案例我们在平时购物的时候也可以找得到,再结合CTA会有意象不到的效果

    图片:QQ截图20150618140404.png


    通过这张照片中成龙大哥的表情可以让我产生一种感觉,就是用这台相机会使我大吃一惊,那么这是时候如果我有这样的念头了,我是不是会还不犹豫的往页面下面拖滚动条

    图片:QQ截图20150618140626.png



    当我看完之后,突然发现给我来了一句能打动我心的话,想要吗?那就立即购买吧,可能我就就会毫不犹豫地放入购物车了。(结合上一篇Html设置询盘链接,自己思考一下)
    (4)白色空间
    白色空间也称为(留白,即是页面上包围在重要信息周围的空白区域。留白区域是什么颜色并不是很重要,而留白的作用是使用简单的颜色使得call-to-action的设计在周边区域中脱颖而出,并使访客的注意力可以专注在call-to-action上。
    这种用的最多的就是主图了。简介,背景一片白,上面就只有产品图,然后再阐述买家利益

    图片:QQ截图20150618141445.png


    首先让我第一眼看到的是这台相机,然后背景一片纯色,然后让我看到了促销广告。

    分享了4个点,大家对了解了吗?CTA只是一小部分,想要达到一系列的效果还得把一系列的东西串联起来,就会发生很奇妙的效果,至于为什么没有效果,那肯定是少了某个环节,好好检查检查,自然能明白其中的原因,多总结,多分析。


    更多精彩内容回顾:
    【必学】AIDA销售模型与FABE销售技巧》
    《写好一篇销售文案之前必须做的前提——销售主张》

    《掌握这5大要素,轻松说服你的客户》
    《【实操解说】符合AIDA+FABE销售模型的实际案例》
    《AIDA销售不难,就像谈恋爱 》

    《【干货】用解决问题的思路拿订单》
    《张俊老师系列文章链接》

  • 1 楼#

    哈萨克俄罗斯专线

    • 粉丝
      743
    • 人气
      28855
    • 积分
      4983
    • 铜币
      55702


  • 2 楼#

    小苹果

    • 粉丝
      4040
    • 人气
      11514
    • 积分
      3408
    • 铜币
      4990


  • 3 楼#
    C

    张俊老师

    • 粉丝
      2271
    • 人气
      941
    • 积分
      20
    • 铜币
      4631


  • 4 楼#

    贸小七-王

    • 粉丝
      625
    • 人气
      5227
    • 积分
      50
    • 铜币
      3160

    地球已经无法阻止你的脚步了!

  • 5 楼#

    有一个菇凉

    • 粉丝
      94
    • 人气
      1169
    • 积分
      0
    • 铜币
      1495

    恩,写的不错,我很看好你哦!

  • 6 楼#

    cn1516152526soat

    • 粉丝
      1
    • 人气
      857
    • 积分
      0
    • 铜币
      135

    好好llnvh

  • 7 楼#

    Michael-Wu

    • 粉丝
      5
    • 人气
      520
    • 积分
      0
    • 铜币
      3326

    CCD概念,学习了

  • 8 楼#

    Julie D

    • 粉丝
      3
    • 人气
      449
    • 积分
      0
    • 铜币
      1

    谢谢,看下启发下灵感



  • 设计一个最优的着陆页并不是一件非常容易的事。在前几篇文章中,我们给大家讲解了设计图片的创意,那么有了创意如果让你获得一个可观的转化率呢?其实并不是很容易、然而,对于以转化为核心的设计理念你懂得多少呢?
    着陆页的CTA学会了以后,那么我们来学习一下着陆页的CCD设计
    什么是CCD,转化成中文的意思就是概念设计(CONCEPT DESIGN)
    CCD的意图在于,通过使用有说服力的设计和心理诱因来引导访客完成一个具体的行动,来增加转化率。
    着陆页是CCD设计的核心。着陆页的设计元素会同电子邮件的设计保持一致,它的目的是使来到页面的访客能够有效的转化至目标路径的终点,走完整个转化路径。而在着陆页面上,我们可以收集到访客的浏览数据或在访客到达下一个页面之前获取你的产品和服务的细节信息。
    那么,该如何通过设计来说服访客完成你想要的转化目标呢?有很多设计元素,可以将访客的注意力牵引至你所期望产生互动的区域当中来,心理的诱导也能激发参与感。让我们来深入了解这两种类型的设计元素,使你设计的着陆页可以实现真正的转化。
    我们会从两个部分七个层次得来为大家说明。
    大家先看看下面这个图。

    图片:两个部分.png


    今天我们来讲讲第一大部分“设计元素”中的四个点
    (1)聚焦
    制造出隧道的视觉效果,这是一种比较典型的用来吸引访客眼球的方法。你可以考虑在着陆页中这样的视点上设置call-to-action。例如下面左侧这幅图,圆拱的建筑特征可以防止访客的视线停留在别的地方,而是被锁定在中间部位。右侧的图则是将你的注意力驱动至隧道的尽头。这也成为视觉聚焦效果,在现实生活中,无论是什么样的场景,你的眼睛肯定会优先选择聚焦点集中的一个场景,这样给你看起来的感觉就很不错,近视眼略过,因为近视眼摘下眼镜后一片模糊。

    图片:聚焦.png


    (2)对比色
    使用对比色是一种简单的理念,整个光谱的颜色都是适用的,但是单色是最简单的的。

    图片:对比色.png


    使你的CTA(call-to-action)从周围的区域中脱颖而出,就是使它一眼就很容易被发现。假如你在白色的背景上设置了一些黑色或灰色的文字,这时使用黑色或白色的call-to-action都不能体现出对比度,因此你需要更丰富多彩的元素来突出call-to-action。但是,如果你除了一个非常简洁的设计之外没有太多的细节或文本,那么较大的黑色或白色按钮就会显得很突出。

    颜色可以用来给访客制造一种情绪反应。例如橙色,可以使人产生一种积极的情绪,使用橙色作为call-to-action是个很不错的选择。下面分析了很多颜色给人们带来的心理暗示:



        红色:危险,停止,负,兴奋,热
        深蓝色:稳定,平静,值得信赖,成熟
        浅蓝:青春,阳刚,酷
        绿色:增长,积极的,有机的,走,安慰
        白色:纯洁,清正廉洁
        黑色:严肃,沉重,死亡
        灰色:诚信,中立,冷静,成熟
        棕色:健康,有机,朴实无华
        黄:情感,积极,谨慎
        金色:保守,稳重,优雅
        橙:情感,积极的,有机
        紫色:青春,现代,皇家
        粉红色:年轻,女人味,温暖
        银色:优雅,持久,富有

    图片:对比度2.png


    记住:整个页面都是以你的转化目标为导向!
    (3)方向提示
    方向提示也可以成为是“视觉引导”,是将访客视觉引导至着陆页上重点区域的一种指标。这可以帮助你将访客的目光引导至你期望的区域内,并且在到达着陆页后很快就能转化完成你的目标。这种视觉引导的类型包括方向箭头、公路路径以及视觉的冲击效果。
    作为方向提示,箭头是关于微妙的一拳打在脸上,这就是为什么他们的工作这么好。用这么短的时间您的网页上,视觉引导用户到预定的焦点是一个聪明的举动。箭头让你说,“忽略一切,并注意这个吧。”
    眼神暗示

    图片:方向.png


    这种案例我们在平时购物的时候也可以找得到,再结合CTA会有意象不到的效果

    图片:QQ截图20150618140404.png


    通过这张照片中成龙大哥的表情可以让我产生一种感觉,就是用这台相机会使我大吃一惊,那么这是时候如果我有这样的念头了,我是不是会还不犹豫的往页面下面拖滚动条

    图片:QQ截图20150618140626.png



    当我看完之后,突然发现给我来了一句能打动我心的话,想要吗?那就立即购买吧,可能我就就会毫不犹豫地放入购物车了。(结合上一篇Html设置询盘链接,自己思考一下)
    (4)白色空间
    白色空间也称为(留白,即是页面上包围在重要信息周围的空白区域。留白区域是什么颜色并不是很重要,而留白的作用是使用简单的颜色使得call-to-action的设计在周边区域中脱颖而出,并使访客的注意力可以专注在call-to-action上。
    这种用的最多的就是主图了。简介,背景一片白,上面就只有产品图,然后再阐述买家利益

    图片:QQ截图20150618141445.png


    首先让我第一眼看到的是这台相机,然后背景一片纯色,然后让我看到了促销广告。

    分享了4个点,大家对了解了吗?CTA只是一小部分,想要达到一系列的效果还得把一系列的东西串联起来,就会发生很奇妙的效果,至于为什么没有效果,那肯定是少了某个环节,好好检查检查,自然能明白其中的原因,多总结,多分析。


    更多精彩内容回顾:
    【必学】AIDA销售模型与FABE销售技巧》
    《写好一篇销售文案之前必须做的前提——销售主张》

    《掌握这5大要素,轻松说服你的客户》
    《【实操解说】符合AIDA+FABE销售模型的实际案例》
    《AIDA销售不难,就像谈恋爱 》

    《【干货】用解决问题的思路拿订单》
    《张俊老师系列文章链接》












  • 地球已经无法阻止你的脚步了!



  • 恩,写的不错,我很看好你哦!



  • 好好llnvh



  • CCD概念,学习了



  • 谢谢,看下启发下灵感


9 回复

与 外贸社区|外贸圈 的连接断开,我们正在尝试重连,请耐心等待