j8typz 发表于 2024-8-31 16:47:55

想加强落地页转化率,照片该怎么设计?

<span style="color: black;">今天和你分享的内容,来自得到新商学的新课<a style="color: black;">《陈勇·<span style="color: black;">怎么样</span><span style="color: black;">加强</span>流量转化率》</a>。</span><span style="color: black;">这几年,<span style="color: black;">大众</span>都在喊流量<span style="color: black;">不足</span>了,红利期过了,业绩很难增长。但在课程的主理人陈勇老师看来,<span style="color: black;">咱们</span>缺的不是流量,而是<span style="color: black;">提高</span>流量转化率的好<span style="color: black;">办法</span>。</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">天猫店、小红书店铺里,承接流量的页面都是落地页。怎么<span style="color: black;">提高</span>这个页面的购买率呢?陈老师说,高转化率都是用细节累积出来的。<span style="color: black;">例如</span>说落地页的<span style="color: black;">照片</span>,<span style="color: black;">能够</span>改进的细节就有<span style="color: black;">尤其</span>多。<span style="color: black;">咱们</span>来<span style="color: black;">瞧瞧</span>陈勇老师是怎么拆解的。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">源自</span>:</strong><span style="color: black;">得到新商学课程<a style="color: black;">《陈勇·<span style="color: black;">怎么样</span><span style="color: black;">加强</span>流量转化率》</a></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">作者:</strong><span style="color: black;">陈勇,中信畅销书《超级转化率》作者</span></p><span style="color: black;">你好,我是陈勇,欢迎来到我的课程<a style="color: black;">《<span style="color: black;">怎么样</span><span style="color: black;">加强</span>流量转化率》</a>。</span><span style="color: black;">你肯定<span style="color: black;">晓得</span>,<span style="color: black;">此刻</span>是个看图的时代,很少有人写落地页是堆一大段文字上去的。但什么样的<span style="color: black;">照片</span>是转化率高的<span style="color: black;">照片</span>呢?有人会说了,<span style="color: black;">照片</span>肯定是能展现<span style="color: black;">制品</span>卖点更好的方式,<span style="color: black;">例如</span>说你卖蛋糕,要<span style="color: black;">表现</span>自己的“<span style="color: black;">鲜嫩</span>现做”,那蛋糕的颜色就<span style="color: black;">不可</span>暗沉沉的,得鲜亮;你还<span style="color: black;">能够</span>用局部的放大特写,<span style="color: black;">例如</span>草莓上的水珠,这都能<span style="color: black;">表现</span><span style="color: black;">鲜嫩</span>。</span><span style="color: black;">这说的都不错。但我这一讲要告诉你的是,这还远远<span style="color: black;">不足</span>。</span><span style="color: black;">这个“<span style="color: black;">不足</span>”指的不仅是说,对<span style="color: black;">照片</span>的<span style="color: black;">重视</span>事项还有<span style="color: black;">非常多</span>,还<span style="color: black;">包含</span>,<span style="color: black;">咱们</span>说<span style="color: black;">选取</span>落地页的“<span style="color: black;">照片</span>”时,还要<span style="color: black;">包含</span>图形,背景色,<span style="color: black;">乃至</span>文字字体的<span style="color: black;">选取</span>。</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">你想想,当<span style="color: black;">咱们</span>确定了文案写什么之后,把文案呈现出来的那个字体,其实<span style="color: black;">便是</span>一个图形元素了。<span style="color: black;">咱们</span>这一讲就按这个维度,<span style="color: black;">来讲</span>说落地页的“<span style="color: black;">照片</span>”。</span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">核心<span style="color: black;">需求</span>:图要达意</span></strong></span></h2><span style="color: black;"><span style="color: black;">咱们</span>先<span style="color: black;">来讲</span>,<strong style="color: blue;">制作落地页<span style="color: black;">照片</span>的核心要求,<span style="color: black;">便是</span>“图要达意”,它必须能准确地传达,你想要消费者<span style="color: black;">晓得</span>的意思。</strong>不管是图形、<span style="color: black;">照片</span>还是字体,都必须满足这个<span style="color: black;">需求</span>。</span><span style="color: black;"><span style="color: black;">为何</span>这么说呢?看图时代,<span style="color: black;">咱们</span>用图<span style="color: black;">不消</span>字,<span style="color: black;">便是</span><span style="color: black;">由于</span>人脑理解<span style="color: black;">照片</span>比文字<span style="color: black;">更易</span>。你的图<span style="color: black;">不可</span>传达你的意思,这转化率怎么可能<span style="color: black;">加强</span>呢。</span><span style="color: black;">来看一个例子。这<span style="color: black;">亦</span>是来自我咨询客户的例子。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5WEStdbplJInJVicLic2libtXSy9mp5iaGia9RUNfTsP2pA8NEyNG43aYUpg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><span style="color: black;">她们</span>当时要推的是一款护肤<span style="color: black;">制品</span>,有个重要卖点是“补水”,于是设计师做了左边这张图。我当时看到图就懵了,我问设计师,你这是给人补水还是脱水呢?设计师马上明白了,于是设计师重新做了右边这张图。这就叫“图要达意”。</span><span style="color: black;">除了图,当时<span style="color: black;">咱们</span>还改了文案。“吸水巧匠”,这还是在给人脱水。<span style="color: black;">咱们</span>改<span style="color: black;">成为了</span>“补水巧匠”,这张图才算改完。</span><span style="color: black;">再来看一个略微有点难度的例子。Vesync晨北科技是美国在线市场小家电的头部<span style="color: black;">机构</span>,<span style="color: black;">亦</span>是我的咨询客户。<span style="color: black;">她们</span>有一款空气净化器的<span style="color: black;">制品</span>。空气净化器有一个卖点,<span style="color: black;">便是</span>净化空间大。那你说在落地页上怎么<span style="color: black;">表现</span>这一点呢?</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5XacXakbYDu84oBBVGleZ6ibrY1oiaXaPH07QICZsV4LYHYwRNDvHJHyQ/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><span style="color: black;">咱们</span>来看<span style="color: black;">她们</span>最<span style="color: black;">起始</span>设计的图形,是最左边的这张,中间是一个立方体。我说你这个立方体,只能<span style="color: black;">表现</span>“净化空间”,<span style="color: black;">然则</span><span style="color: black;">表现</span>不了“净化空间大”。</span><span style="color: black;"><span style="color: black;">而后</span><span style="color: black;">她们</span>就把图形改<span style="color: black;">成为了</span>中间的那个。我看完说,好了一点,<span style="color: black;">然则</span>消费者<span style="color: black;">不可</span>看一眼就体会到。</span><span style="color: black;">我问<span style="color: black;">她们</span>的设计师,按大部分人的理解,别墅、大平层和普通住宅,哪个面积大?设计师说,那当然是别墅。我说,好,那就用别墅的图形。于是,就有了第三张图。</span><span style="color: black;">咱们整体看一下这三张图,是不是看一眼,就觉得第三张图更能<span style="color: black;">表现</span>净化空间大?</span><span style="color: black;">好,图要达意,这个核心标准,放在文字的字体上<span style="color: black;">亦</span><span style="color: black;">一样</span>成立。有人可能问,图要达意我理解,字体怎么<span style="color: black;">亦</span>能达意?</span><span style="color: black;">来看一个例子。这是我看到的一张图,截图下来的,就不露出品牌名了。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5pO1icPolovRiazkTtvoRwUhrWsXgssZPeMiaDD8dUcNeRlChlR4pjQ1ibA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">你<span style="color: black;">发掘</span>了什么问题<span style="color: black;">无</span>?家庭维修这个行业鱼龙混杂,它主打自己的卖点是“正规”,这非常好。<span style="color: black;">然则</span>,它写“正规”的时候,用的字体却是一个斜体字。这得用更方正的字体<span style="color: black;">才可</span><span style="color: black;">表现</span>“正规”啊。</span><span style="color: black;">我猜有人在<span style="color: black;">这儿</span>会说了,这么小的细节都得<span style="color: black;">重视</span>吗?你别忘了我在发刊词里说的那句话,<strong style="color: blue;">一个落地页的转化率高,不是<span style="color: black;">由于</span>你做对了一件事,而是<span style="color: black;">由于</span>你做对了一系列的事。</strong>这是累积起来的。细节里面不仅有魔鬼,还有<span style="color: black;">非常多</span><span style="color: black;">非常多</span>钱。</span><span style="color: black;">除了这个提醒之外,字体要用自己<span style="color: black;">机构</span>有版权或得到授权的字体,这个很<span style="color: black;">基本</span>,我就不多说了。</span><span style="color: black;"><span style="color: black;">咱们</span><span style="color: black;">刚才</span><span style="color: black;">说到</span>的例子,都是图形和字体,想做到“图要达意”相对还比较简单。<span style="color: black;">咱们</span>来看一个<span style="color: black;">照片</span>的例子。<span style="color: black;">照片</span>的图要达意,<span style="color: black;">触及</span>其中物品的颜色、<span style="color: black;">方向</span>,等等,更加<span style="color: black;">繁杂</span>一点。</span><span style="color: black;"><span style="color: black;">咱们</span>还是来看案例。这是我的客户足力健老人鞋,修改之前的一张图。这是一款主打卖点是冰爽透气的老人鞋。其中的一个版块,在介绍这款老人鞋的防滑功能。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5E8JdktgCxCscAc4CtMEvcmP9DNRBKDic9WO4ReBmCKQftLic7l8I6NLg/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">咱们只看<span style="color: black;">照片</span>的部分,是不是还挺好?穿着老人鞋的这个人走在有坡度的光滑瓷片上,突显鞋的防滑。<span style="color: black;">然则</span>咱们别忘了,<span style="color: black;">她们</span>这款鞋的主打卖点,是“冰爽透气”。就算这个版块在说“防滑”,<span style="color: black;">亦</span><span style="color: black;">不可</span>把<span style="color: black;">重点</span>卖点给忘了啊。<span style="color: black;">照片</span>上黑色的裤子和深蓝色的鞋,给人的感觉非常厚重、不透气。</span><span style="color: black;">所以我给<span style="color: black;">她们</span>优化<span style="color: black;">成为了</span>这张<span style="color: black;">照片</span>。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5NB9vrPvZXmmrXWYqE9sibN9XzfocKVXjbuQjI1TpTOPSTUvnAribPzPw/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">你看,白色的裤子和浅紫色的鞋,给人的感觉就更加轻盈透气。我还把它的背景色从白色换<span style="color: black;">成为了</span>湖蓝色,突显了“冰爽”的感觉。你看,<span style="color: black;">这般</span>既满足了当前版块说防滑的卖点,<span style="color: black;">亦</span>没把“冰爽透气”这个核心卖点扔掉。</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">好,稍微总结一下这部分。<strong style="color: blue;">制作落地页<span style="color: black;">照片</span>的核心<span style="color: black;">需求</span>,<span style="color: black;">便是</span>“图要达意”。</strong></span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">背景色<span style="color: black;">重视</span>事项</span></strong></span></h2><span style="color: black;"><span style="color: black;">刚才</span>说足力健的案例时,我<span style="color: black;">说到</span>了给<span style="color: black;">她们</span>换背景色。咱们就<span style="color: black;">来讲</span>说背景色的部分。在讲“<span style="color: black;">第1</span>屏怎么留住消费者”的时候,我<span style="color: black;">说到</span>过选<span style="color: black;">第1</span>屏背景色的办法。但你<span style="color: black;">重视</span>,<strong style="color: blue;">并不是整张落地页都要用那一个背景色。</strong></span><span style="color: black;">这<span style="color: black;">亦</span>是<span style="color: black;">非常多</span><span style="color: black;">机构</span>都在犯的错误。<span style="color: black;">咱们</span>来看一个案例。我的咨询客户OPPO,有一张落地页是<span style="color: black;">这般</span>的。请你告诉我,这张落地页分了几个板块?我在线下问我的学员,<span style="color: black;">她们</span>说两个、四个,六个的都有。这<span style="color: black;">便是</span>问题所在。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5rTb6KpafX2JwzLVtSslDbDa0Rz2rfyyOZHV1I67115OhOaaUibOicD3g/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><span style="color: black;">她们</span>只用了白色这一个背景色,这就会<span style="color: black;">引起</span>,消费者看页面的时候,不<span style="color: black;">晓得</span>一个板块在哪里结束,就像一篇<span style="color: black;">文案</span><span style="color: black;">无</span>分段,看起来就会很累,不愿意继续看下去,转化率自然就差。</span><span style="color: black;">改后的落地页是<span style="color: black;">这般</span>的。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5vMHffc0jL8j6nukqaibwn89fG5uibziaMdWoKGkLzqicHbq2CPcKp3nl1g/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">你看,两个背景色,两个板块,是不是<span style="color: black;">尤其</span>清晰?OPPO的这个落地页当时是用在<span style="color: black;">她们</span>天猫旗舰店里的。我手把手<span style="color: black;">指点</span><span style="color: black;">她们</span>做了整体的优化,单品支付转化率<span style="color: black;">提高</span>55.83%。</span><span style="color: black;"><span style="color: black;">不外</span>,虽然说<span style="color: black;">区别</span>板块的背景色要有区隔,但<span style="color: black;">亦</span><span style="color: black;">不可</span>换太多的颜色。<strong style="color: blue;"><span style="color: black;">通常</span><span style="color: black;">来讲</span>,背景色是2种颜色交替<span style="color: black;">运用</span>的。</strong></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">另一</span>还要提个醒,<span style="color: black;">咱们</span>测试下来,<strong style="color: blue;">有三种颜色最好不要当作背景色,分别是红色、灰色和绿色。这三种颜色当背景色,转化率天然就很低。</strong></span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">可有可无的全删掉</span></strong></span></h2><span style="color: black;">在这一讲的最后一部分,<span style="color: black;">咱们</span>想着重和你强调一件事。在我看来这是非常<span style="color: black;">基本</span>的一件事,<span style="color: black;">然则</span>绝大部分落地页都会在作图上犯的错误。这个错误<span style="color: black;">便是</span>,页面上<span style="color: black;">显现</span>了<span style="color: black;">海量</span>可有可无的部分。其实这些都应该删除。</span><span style="color: black;">来看一个例子,这<span style="color: black;">亦</span>是我做过的咨询客户的案例。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5SISjucibP0ibibkKZvdkgrTU8ia9DicEKkbfKNxvBvjt1uJVgc3jJLR3z0A/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">这张落地页<span style="color: black;">重点</span>是展现做茶的8道工艺,你看,从采青到炒青,再到最后的烘焙,工艺很细致。但问题是,你在看这张图的时候,是在看图中的<span style="color: black;">名人</span>,还是在看8道工艺?<strong style="color: blue;">在<span style="color: black;">这儿</span>,<span style="color: black;">照片</span>中<span style="color: black;">显现</span>的<span style="color: black;">名人</span>,<span style="color: black;">便是</span>可有可无的部分,它分散了消费者的<span style="color: black;">重视</span>力,</strong>用<span style="color: black;">这般</span>的<span style="color: black;">照片</span>,转化率怎么可能高呢?</span><span style="color: black;"><span style="color: black;">咱们</span>优化了之后,这张图变<span style="color: black;">成为了</span><span style="color: black;">这般</span>。<span style="color: black;">照片</span><span style="color: black;">其中</span><span style="color: black;">仅有</span>制茶流程,<span style="color: black;">无</span>其他的干扰<span style="color: black;">原因</span>,简洁明了。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5iaxPlbrbNuGjPDaUvOO7oZvhjqHULc8vUncM0HFrlEFIPmmJLWo0yJw/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">这个案例里,<span style="color: black;">照片</span>喧宾夺主得厉害,还是比较容易察觉的错误。我再来给你看一个案例,这个错误就比较隐形了。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5NTqoKQefykwZdP1ZIW8oKot6aoMPrUicvkAHesSZM94ckUGnfZ0n7CQ/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><span style="color: black;">第1</span>眼看上去是不是还不错?<span style="color: black;">照片</span>上的要素<span style="color: black;">已然</span>很精简了。但你仔细看红框框出来的部分。上面的那个,你要说的“野生鱼”,那几块柠檬<span style="color: black;">显现</span>了干什么?下面这个,要说的是“散养火鸡”,旁边还放薄荷叶干什么?这个版块的标题是“高达75%的含肉量”,是要<span style="color: black;">明显</span>含肉量高,那柠檬和薄荷叶就都是可有可无的内容,需要删掉。</span><span style="color: black;"><span style="color: black;">咱们</span>优化之后,<span style="color: black;">照片</span>变<span style="color: black;">成为了</span><span style="color: black;">这般</span>。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5RlMRaS6WkzfcNGm4zYu81TF9AiciaAWUcxHibMbdYglm6gicJjWkibu3Vaw/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">页面更加干净了吧?你的所有<span style="color: black;">重视</span>力,都在它的“含肉量高”上。</span><span style="color: black;">咱们再来挑战个更高难度的,看这张<span style="color: black;">照片</span>。</span><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/WXgNxsK10n3MTzj62sqRf12IA2BlDPv5cN6c5Kv3E084GhQKFTgiaXfnXsvqicJ7HntibayakAEzoA3LK8TNMUj0g/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">你看,帽子上的标志,右上角,拱形门的一角,地面上的接缝,这都是可有可无的。</span><span style="color: black;">在我10<span style="color: black;">数年</span>的营销工作里,我差不多看过几万张营销<span style="color: black;">照片</span>。我<span style="color: black;">发掘</span><span style="color: black;">非常多</span>设计师作图,非常<span style="color: black;">爱好</span>在页面上加点“点缀”。<strong style="color: blue;">在<span style="color: black;">她们</span>看来,这是“设计元素”,但其实这些东西都在分散消费者的<span style="color: black;">重视</span>力。我想<span style="color: black;">经过</span>这张图告诉你的是,对<span style="color: black;">照片</span>细节的把控,到这个程度,才算优秀。</strong></span><span style="color: black;"><span style="color: black;">咱们</span>修改过的<span style="color: black;">照片</span>,就变<span style="color: black;">成为了</span><span style="color: black;">这般</span>。页面是不是看起来重点更加<span style="color: black;">明显</span>了?</span><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><span style="color: black;">并不</span>只是图上可有可无的元素应该删掉,图上可有可无的颜色<span style="color: black;">亦</span>应该删掉。在单个版块里,颜色太多,就会<span style="color: black;">显出</span>页面很杂乱,<span style="color: black;">况且</span>品牌质感<span style="color: black;">欠好</span>,换个说法,<span style="color: black;">便是</span>会<span style="color: black;">显出</span>“土”。</span><span style="color: black;"><span style="color: black;">例如</span><span style="color: black;">咱们</span>来看这张图。问题就出在颜色太多了。我给你一个<span style="color: black;">知道</span>的标准,<span style="color: black;">便是</span>单个版块中的颜色<span style="color: black;">尽可能</span>不要超过3种,颜色要<span style="color: black;">尽可能</span>协调。</span><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">这张图我们改过之后的样子。页面干净了,重点清晰了,品牌调性会好<span style="color: black;">有些</span>。</span><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"><span style="color: black;">好,可有可无的部分要删掉,这是一个非常<span style="color: black;">基本</span>的做<span style="color: black;">照片</span>标准,但<span style="color: black;">便是</span>有<span style="color: black;">非常多</span><span style="color: black;">机构</span>都没<span style="color: black;">重视</span>到。在这一点之上,才应该去关心<span style="color: black;">例如</span><span style="color: black;">照片</span>好<span style="color: black;">欠好</span>看,是不是高清的细节图,等等。</span><span style="color: black;">到<span style="color: black;">这儿</span>,<span style="color: black;">咱们</span>这一讲的内容就差不多了。<span style="color: black;">咱们</span><span style="color: black;">说到</span>的<span style="color: black;">照片</span>、图形、字体和背景色的<span style="color: black;">选取</span>。我把这些都整理<span style="color: black;">成为了</span>一个<span style="color: black;">名单</span>:</span><span style="color: black;">欢迎</span><span style="color: black;">你</span><span style="color: black;">分享给身边有需要的<span style="color: black;">伴侣</span>:</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">怎么样</span>制作高转化率的落地页<span style="color: black;">照片</span>?</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">1.</strong></span><span style="color: black;">落地页的“<span style="color: black;">照片</span>”,<span style="color: black;">包含</span><span style="color: black;">照片</span>、图形、背景色,<span style="color: black;">乃至</span>文字字体。制作落地页<span style="color: black;">照片</span>的核心<span style="color: black;">需求</span>,<span style="color: black;">便是</span>“图要达意”。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">2.</strong></span><span style="color: black;"><span style="color: black;">区别</span>板块之间用<span style="color: black;">区别</span>背景色区隔,背景色<span style="color: black;">尽可能</span>是2种颜色,交替<span style="color: black;">运用</span>。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">3.</strong></span><span style="color: black;">红色、灰色和绿色,最好不要把这三种颜色当背景色。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">4.</strong></span><span style="color: black;">单个板块内的颜色<span style="color: black;">尽可能</span>不要超过3种,页面色彩要协调。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">5.</strong></span><span style="color: black;">页面上所有可有可无的内容、颜色<span style="color: black;">所有</span>去掉,<span style="color: black;">以避免</span>分散用户<span style="color: black;">重视</span>力。</span></p><a style="color: black;"><span style="color: black;">《陈勇·<span style="color: black;">怎么样</span><span style="color: black;">加强</span>流量转化率》</span></a><span style="color: black;">已完整更新。欢迎你加入这门课程,在这个数字时代,转化率<span style="color: black;">便是</span>成功率。</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">另外</span>,得到新商学App上线了陈勇老师的<strong style="color: blue;">转化率<span style="color: black;">提高</span>咨询服务</strong>,<span style="color: black;">帮忙</span>你<span style="color: black;">处理</span>个性化问题。欢迎你加入得到新商学APP,</span><span style="color: black;"><span style="color: black;">认识</span><span style="color: black;">详细</span>的服务。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;"><span style="color: black;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></span></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">点击左下角“阅读原文”</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><strong style="color: blue;">查收<span style="color: black;">更加多</span>精选<span style="color: black;">文案</span></strong></strong></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">




wrjc1hod 发表于 2024-10-8 01:32:24

外链发布论坛学习网络优化SEO。

b1gc8v 发表于 2024-10-12 17:10:03

感谢楼主的分享!我学到了很多。

qzmjef 发表于 2024-10-15 02:28:43

这篇文章真的让我受益匪浅,外链发布感谢分享!
页: [1]
查看完整版本: 想加强落地页转化率,照片该怎么设计?