专业的短链接生成工具
链接域名
短网址有效期
如何把控页面设计，减少广告浪费？
更新时间：2025-5-25 11:46:40 作者：爱短链
一个能调动用户消费欲望的设计必须首先是用户愿意看到的设计。
否则，这个广告就是浪费一半以上的广告费用。
本文要讲的是如何通过控制页面设计的色彩亮度、排版、材料选择等，让用户看到广告，从而催促目标用户更快下单，最大限度地提高广告的性价比。
明亮的色彩刺激情绪 图片的亮度很容易影响我们的情绪。
无论是超市、商场还是柜台，每个人都去过商店……回忆一下，给我们留下了什么印象？ 是的，就是亮！ 为什么商场要采光好，灯光亮？ 因为在明亮的环境中，用户的情绪更放松，人们更容易跳过理性思考，做出决定——这种根据环境自发调整状态的行为是我们在进化过程中学到的被动技能。
当我们人类还在进化的时候，天敌不容易隐藏在阳光明媚的天气里。
我们可以放松，享受休闲时光，不需要紧张，这样我们就可以随时面对需要面对的决定； 在阴暗的天气里，我们不能清楚地看到敌人，也不能判断是否会有风暴。
此时，如果我们走出去，我们的大脑会非常紧张，随时随地计算，以确保我们不会做出错误的决定。
因此，一般的商店环境会试图通过创造一个良好的光环境来放松用户的情绪和兴奋，从而达到用户头脑少、决策快的效果。
与广告页面的设计相对应，当我们想看到页面的用户尽快做出决定时，最好使用高亮度和高饱和度的颜色，即创建一个良好的光状态。
例如，颜色越接近白色，颜色亮度越高；越接近黑色，颜色亮度越低；颜色越强，颜色饱和度越高，如红色、黄色，饱和度高，相应的粉色、深黄色饱和度较低。
说一个大家都能判断的方法:在空气清新、天气好的自然光下，我们看到的世界就是一个高度明亮、饱和度高的世界——让我们回忆一下，在这样的天气下，天是不是特别蓝？花特别红？光线特别亮？心情特别舒服？ 同样，面对类似的商店环境和广告页面，人们受到好光氛围的影响，思考似乎不那么重要。
他会更关心自己的情绪和感受，更容易被情绪牵引做出决定。
这也是JD.COM、淘宝等购物平台页面采用亮色的原因。
另一个例子是下面的天猫主页。
白色背景的亮度自然是最高的，而其他部分则是大面积的高饱和度和中饱和度颜色。
只有左边的商品分类使用深色，占比较小。
这样的页面给人的整体感觉是快乐、明亮、轻松、相应的，人们的思维需求会被忽视，决策速度会更快。
与明亮相反的是暗淡。
深色会让人感到沮丧。
这种下沉可以是安静的或沉重的。
在深色下，我们经常觉得时间变慢了，所以我们会冷静下来思考。
相应地，当广告的目的需要用户思考或想让用户感到安静时，设计应优先考虑深色或图片，并辅以冷风格的字体。
例如，以下空气净化器的详细页面主屏幕： 虽然色调主要是深色，但对比度、饱和度搭配合理，会让人感到平静，思考页面信息点（虽然思考不一定理解），但这些信息点是用户想看，用户想通过这些数据比较机器好，值得，所以用这样的颜色来衬托，让用户觉得他们的思维是理性的，可以更好地实现产品的销售目的。
另一个例子是许多高端瑞士机械表将使用深色背景突出产品，虽然用户不一定理解，但用户会觉得有必要了解产品价值的各个方面，当你创造一个深思熟虑的场景，他们似乎理解关键，用户的心部分满意，可以减少用户犹豫的时间。
如下图所示，价格低廉的时尚智能手表适合选择鲜艳的颜色。
一方面，它可以突出手表的风格，另一方面，它也以优雅的方式敦促用户尽快做出购买决定。
因此，如果你的产品是决策门槛较高的产品，无论创意如何煽动用户的购买情绪，用户仍然会思考和比较。
此时，最好简单地用深色创造高端感，列出用户可能比较的重点。
因为大多数时候，用户认为他们在独立思考是否购买，但他们并没有脱离设计和文案的范围（但如果用户超出了设计和文案的范围，我们尽量不要触摸，以避免用户的厌恶）。
那么，只要明度和饱和度与产品特性相对应，是否完全正确呢？不是。
我们上面给出的是正确的颜色示范，有些图片的颜色应用是错误的，无论什么样的产品，都不能调动用户的购买欲望。
如果用明度和饱和度来解释，很多人可能会觉得很难理解。
我试着用更容易理解的方式解释以下四个错误的案例。
正如我们前面所说，使用高亮度和高饱和度图片的原因是为了调动我们基因中对晴朗天气的安全记忆。
在黑暗、阴天和空气不透明的天气中，危险可能随时发生。
我们的大脑会本能地紧张、高速运转和抵抗。
所以我们来看看上面四个落地页 左边，不仅整体色调暗淡，而且文字也很模糊，整体感觉，不像夜晚吗？ 左二、低亮度、低饱和度、低对比度的色调，很像雾霾天； 左三，对比色搭配亮度低，就像整个落地页掉进泥里； 左四、艳粉、暗红、草绿、灰、黑、米色的搭配，不仅感觉很乱，还透露出塑料假花的味道。
这四种颜色，无论明度如何，我们都会说他的颜色是脏的，不会让我们感到安静和美丽，而是让人们感到沮丧，甚至厌恶。
增强对图片的兴趣 很多信息流广告都是写标题和图片的标题。
即使这两件事是一个人完成的，这个人在写标题和图片时也不会使用大脑的同一区域……简直人格分裂。
比如下图: 光看图片，你觉得这是什么广告？(这里想想5S） 然后看完整版: 看完标题，我们知道这是移民广告。
但是如果你只看图片，你会认为这是私人妇产医院的广告吗？ 这就是入口创意(标题) 图)莫名其妙。
众所周知，信息流广告入口的创意是由标题和图片组成的。
大多数优化器都非常重视标题的写作，而忽略了可能发挥更关键作用的图片。
我们的祖先从几万年前就会通过眼睛获得图像信息，文本的发明只能追溯到3000多年前，我们的大脑编译图像信息，比文本信息更快，更努力，因此，当图片和文本同时出现时，我们的视觉焦点会无意识地落在图片上。
例如，在上述情况下。
用户通过图片产生的联想是：妇产，这可能与带有移民标签的广告人群无关，所以他自然可能会忽略广告。
再比如： 相信看到的用户会像图右的猫一样看起来很傻。
空调地暖空气不流通，怎么能让我们更舒服呢？看图左，去户外吗？图中和图右根本搞不清想表达什么。
…… 我写了一篇文章来寻找这样一个案例。
我不明白这意味着什么。
为什么我认为用户在阅读信息时能扫描的两秒钟会对一则无知的广告感兴趣？ 还有这个朋友圈广告: 这是一个体育俱乐部的商店庆祝活动广告，目的应该是让目标用户参与活动，然后申请卡成为会员。
但除非我们是一个挑剔的广告商，否则没有人会认为这个广告与体育俱乐部有什么关系。
我问，你在看我的文章，乍一看，你觉得这是什么？这是一个大型购物中心活动吗？新酒店开业了吗？还是房地产要感谢你？ 用户需要绞尽脑汁去思考的广告已经失去了用户。
用户没有耐心关注所谓的广告。
因此，这种广告设计并不重要，更不用说帮助销售了。
就信息流广告而言，图片和文本应该是一致的，这至少是入口创造力应该做到的。
图片就像战争的先发力量。
你需要首先努力吸引用户的注意力，然后匹配标题，将用户引入登陆页面。
这就要求设计师在制作入口创意图时，要考虑图片如何配合标题来吸引用户的注意力，使图片成为标题的帮助，而不是拖累。
无论是小(单)图、大图还是三(图)，不同的图片位置和面积比例都会对用户产生不同的影响。
以入口图为例，由于图片比例大，图片比标题更容易吸引用户的注意，此时，如果我们的图片与标题完全无关，那么很可能吸引，是图片给用户的直观印象，而不是我们想要的目标用户。
比如下图： 这则广告的标题很有趣，图片也符合双11的氛围。
但问题是图片与标题完全无关。
正如我们上面所说，用户经常先看图片，如果标题可以与图片一致，它将在那一刻得到加强。
单独看标题和图片没有错，但放在一起会减弱。
再比较下图2，你会清楚地感受到差距: 如你所见，上图的标题和图片分开看是很常见的，但胜利在于相关性，相关性可以互相加分，帮助登陆页面上的销售。
整齐的排版延长耐心 影响用户阅读兴趣的另一个大问题是设计排版混乱。
一般来说，排版就像我们与用户沟通的语言。
设计排版规则是你语言逻辑的一种表现形式。
混乱的排版规则会影响用户，就像你混乱的语言逻辑一样get到你想表达的点。
页面排版有三个常见误区： (1)过度表达 也就是说，试着在一个屏幕上排列所有你想表达的内容，这样用户就找不到焦点，失去耐心。
(2)没有规则 具体来说，边距、行距、段落间隔、间距、图形间距、标题字体大小、内容字体大小等页面中应有统一的规则。
如果规则不统一，则视觉逻辑混乱，相应，用户的阅读体验也混乱。
(3)视觉顺序不重要 人脑有自己的视觉权重顺序。
因此，在哪个位置排列设计元素是非常重要的，这决定了用户将如何理解您所表达的内容。
我们用一个典型的案例来描述上述问题： 问题1：过度表达 让我们看看第一个屏幕表达了什么？ 先看文案部分，我们看到的是(根据视觉权重向下排列): 旋转小火锅； 诚招加盟； 优势。
在图片部分，我们看到的是(根据视觉权重向下排列): 热腾腾的小火锅； 食材； logo； 云朵元素。
可以说内容之多是不受控制的。
作为想创业的人，他们最关心的是低成本、易于选址、两个人可以开店等优势，但在这个页面上，这些内容很小，主文本真诚招聘加入四个字，因为字体和颜色，虽然很大，但不是第一个视觉立足点。
因此，文案中最明显、最容易意识到的部分是旋转小火锅，以及用户食欲（而不是创业欲望）的图片……会不会让人觉得是火锅店推广？ 问题2:边距、间距、行距过小 无论是设计页面还是内容区，都需要注意边距、间距和行距。
我们常说，一个区域应该留左右天地，而第一个屏幕底部旋转火锅的介绍是典型的: 另一个例子是下面的屏幕。
投资优势下的爆炸性底板与上图和下圆角底板紧密相连。
在圆角灰色底板中，白色菱形板也是不屈不挠的，没有空白，也没有考虑内部文本： 整个感觉是一个词：挤压，直接结果是让用户阅读困难，阅读体验差，降低耐心，然后退出。
问题3:字体太多 或者以上图为例。
仅在这张图中，就有四个字体：悦黑体、幼圆体、宋体和隶书体，更不用说手写体、粗宋繁体、圆体、综艺体和楷书了。
……落地页上半部分的内容字体与下半部分不一致，可以想象设计师在做的时候脑子里没有整体规划。
用户没有接受过专业的培训，也不会像我一样知道问题。
他只会感到不舒服，无法抓住你的焦点。
就像你和别人交流一样，即使内容很好，如果你有文言文、现代文本、英语和法语，它看起来很酷，但没有人知道你说了什么。
事实上，让用户看起来舒适很简单，只要你为自己制定一个排版规则：左右距离、段落间距、行距……形成大标题、中标题、小标题、内容文本的规则slogan文字有固定字体和字号……只要稍加注意，就不难做到这一点——总结一下两个字：有序。
只有认知有序，才能有后续的销售。
本文内容来源于:信精投，不代表操作狗的观点。
如有版权问题，请联系操作狗处理。
特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。
本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。
如有侵权行为，请联系网站管理员删除，。
否则，这个广告就是浪费一半以上的广告费用。
本文要讲的是如何通过控制页面设计的色彩亮度、排版、材料选择等，让用户看到广告，从而催促目标用户更快下单，最大限度地提高广告的性价比。
明亮的色彩刺激情绪 图片的亮度很容易影响我们的情绪。
无论是超市、商场还是柜台，每个人都去过商店……回忆一下，给我们留下了什么印象？ 是的，就是亮！ 为什么商场要采光好，灯光亮？ 因为在明亮的环境中，用户的情绪更放松，人们更容易跳过理性思考，做出决定——这种根据环境自发调整状态的行为是我们在进化过程中学到的被动技能。
当我们人类还在进化的时候，天敌不容易隐藏在阳光明媚的天气里。
我们可以放松，享受休闲时光，不需要紧张，这样我们就可以随时面对需要面对的决定； 在阴暗的天气里，我们不能清楚地看到敌人，也不能判断是否会有风暴。
此时，如果我们走出去，我们的大脑会非常紧张，随时随地计算，以确保我们不会做出错误的决定。
因此，一般的商店环境会试图通过创造一个良好的光环境来放松用户的情绪和兴奋，从而达到用户头脑少、决策快的效果。
与广告页面的设计相对应，当我们想看到页面的用户尽快做出决定时，最好使用高亮度和高饱和度的颜色，即创建一个良好的光状态。
例如，颜色越接近白色，颜色亮度越高；越接近黑色，颜色亮度越低；颜色越强，颜色饱和度越高，如红色、黄色，饱和度高，相应的粉色、深黄色饱和度较低。
说一个大家都能判断的方法:在空气清新、天气好的自然光下，我们看到的世界就是一个高度明亮、饱和度高的世界——让我们回忆一下，在这样的天气下，天是不是特别蓝？花特别红？光线特别亮？心情特别舒服？ 同样，面对类似的商店环境和广告页面，人们受到好光氛围的影响，思考似乎不那么重要。
他会更关心自己的情绪和感受，更容易被情绪牵引做出决定。
这也是JD.COM、淘宝等购物平台页面采用亮色的原因。
另一个例子是下面的天猫主页。
白色背景的亮度自然是最高的，而其他部分则是大面积的高饱和度和中饱和度颜色。
只有左边的商品分类使用深色，占比较小。
这样的页面给人的整体感觉是快乐、明亮、轻松、相应的，人们的思维需求会被忽视，决策速度会更快。
与明亮相反的是暗淡。
深色会让人感到沮丧。
这种下沉可以是安静的或沉重的。
在深色下，我们经常觉得时间变慢了，所以我们会冷静下来思考。
相应地，当广告的目的需要用户思考或想让用户感到安静时，设计应优先考虑深色或图片，并辅以冷风格的字体。
例如，以下空气净化器的详细页面主屏幕： 虽然色调主要是深色，但对比度、饱和度搭配合理，会让人感到平静，思考页面信息点（虽然思考不一定理解），但这些信息点是用户想看，用户想通过这些数据比较机器好，值得，所以用这样的颜色来衬托，让用户觉得他们的思维是理性的，可以更好地实现产品的销售目的。
另一个例子是许多高端瑞士机械表将使用深色背景突出产品，虽然用户不一定理解，但用户会觉得有必要了解产品价值的各个方面，当你创造一个深思熟虑的场景，他们似乎理解关键，用户的心部分满意，可以减少用户犹豫的时间。
如下图所示，价格低廉的时尚智能手表适合选择鲜艳的颜色。
一方面，它可以突出手表的风格，另一方面，它也以优雅的方式敦促用户尽快做出购买决定。
因此，如果你的产品是决策门槛较高的产品，无论创意如何煽动用户的购买情绪，用户仍然会思考和比较。
此时，最好简单地用深色创造高端感，列出用户可能比较的重点。
因为大多数时候，用户认为他们在独立思考是否购买，但他们并没有脱离设计和文案的范围（但如果用户超出了设计和文案的范围，我们尽量不要触摸，以避免用户的厌恶）。
那么，只要明度和饱和度与产品特性相对应，是否完全正确呢？不是。
我们上面给出的是正确的颜色示范，有些图片的颜色应用是错误的，无论什么样的产品，都不能调动用户的购买欲望。
如果用明度和饱和度来解释，很多人可能会觉得很难理解。
我试着用更容易理解的方式解释以下四个错误的案例。
正如我们前面所说，使用高亮度和高饱和度图片的原因是为了调动我们基因中对晴朗天气的安全记忆。
在黑暗、阴天和空气不透明的天气中，危险可能随时发生。
我们的大脑会本能地紧张、高速运转和抵抗。
所以我们来看看上面四个落地页 左边，不仅整体色调暗淡，而且文字也很模糊，整体感觉，不像夜晚吗？ 左二、低亮度、低饱和度、低对比度的色调，很像雾霾天； 左三，对比色搭配亮度低，就像整个落地页掉进泥里； 左四、艳粉、暗红、草绿、灰、黑、米色的搭配，不仅感觉很乱，还透露出塑料假花的味道。
这四种颜色，无论明度如何，我们都会说他的颜色是脏的，不会让我们感到安静和美丽，而是让人们感到沮丧，甚至厌恶。
增强对图片的兴趣 很多信息流广告都是写标题和图片的标题。
即使这两件事是一个人完成的，这个人在写标题和图片时也不会使用大脑的同一区域……简直人格分裂。
比如下图: 光看图片，你觉得这是什么广告？(这里想想5S） 然后看完整版: 看完标题，我们知道这是移民广告。
但是如果你只看图片，你会认为这是私人妇产医院的广告吗？ 这就是入口创意(标题) 图)莫名其妙。
众所周知，信息流广告入口的创意是由标题和图片组成的。
大多数优化器都非常重视标题的写作，而忽略了可能发挥更关键作用的图片。
我们的祖先从几万年前就会通过眼睛获得图像信息，文本的发明只能追溯到3000多年前，我们的大脑编译图像信息，比文本信息更快，更努力，因此，当图片和文本同时出现时，我们的视觉焦点会无意识地落在图片上。
例如，在上述情况下。
用户通过图片产生的联想是：妇产，这可能与带有移民标签的广告人群无关，所以他自然可能会忽略广告。
再比如： 相信看到的用户会像图右的猫一样看起来很傻。
空调地暖空气不流通，怎么能让我们更舒服呢？看图左，去户外吗？图中和图右根本搞不清想表达什么。
…… 我写了一篇文章来寻找这样一个案例。
我不明白这意味着什么。
为什么我认为用户在阅读信息时能扫描的两秒钟会对一则无知的广告感兴趣？ 还有这个朋友圈广告: 这是一个体育俱乐部的商店庆祝活动广告，目的应该是让目标用户参与活动，然后申请卡成为会员。
但除非我们是一个挑剔的广告商，否则没有人会认为这个广告与体育俱乐部有什么关系。
我问，你在看我的文章，乍一看，你觉得这是什么？这是一个大型购物中心活动吗？新酒店开业了吗？还是房地产要感谢你？ 用户需要绞尽脑汁去思考的广告已经失去了用户。
用户没有耐心关注所谓的广告。
因此，这种广告设计并不重要，更不用说帮助销售了。
就信息流广告而言，图片和文本应该是一致的，这至少是入口创造力应该做到的。
图片就像战争的先发力量。
你需要首先努力吸引用户的注意力，然后匹配标题，将用户引入登陆页面。
这就要求设计师在制作入口创意图时，要考虑图片如何配合标题来吸引用户的注意力，使图片成为标题的帮助，而不是拖累。
无论是小(单)图、大图还是三(图)，不同的图片位置和面积比例都会对用户产生不同的影响。
以入口图为例，由于图片比例大，图片比标题更容易吸引用户的注意，此时，如果我们的图片与标题完全无关，那么很可能吸引，是图片给用户的直观印象，而不是我们想要的目标用户。
比如下图： 这则广告的标题很有趣，图片也符合双11的氛围。
但问题是图片与标题完全无关。
正如我们上面所说，用户经常先看图片，如果标题可以与图片一致，它将在那一刻得到加强。
单独看标题和图片没有错，但放在一起会减弱。
再比较下图2，你会清楚地感受到差距: 如你所见，上图的标题和图片分开看是很常见的，但胜利在于相关性，相关性可以互相加分，帮助登陆页面上的销售。
整齐的排版延长耐心 影响用户阅读兴趣的另一个大问题是设计排版混乱。
一般来说，排版就像我们与用户沟通的语言。
设计排版规则是你语言逻辑的一种表现形式。
混乱的排版规则会影响用户，就像你混乱的语言逻辑一样get到你想表达的点。
页面排版有三个常见误区： (1)过度表达 也就是说，试着在一个屏幕上排列所有你想表达的内容，这样用户就找不到焦点，失去耐心。
(2)没有规则 具体来说，边距、行距、段落间隔、间距、图形间距、标题字体大小、内容字体大小等页面中应有统一的规则。
如果规则不统一，则视觉逻辑混乱，相应，用户的阅读体验也混乱。
(3)视觉顺序不重要 人脑有自己的视觉权重顺序。
因此，在哪个位置排列设计元素是非常重要的，这决定了用户将如何理解您所表达的内容。
我们用一个典型的案例来描述上述问题： 问题1：过度表达 让我们看看第一个屏幕表达了什么？ 先看文案部分，我们看到的是(根据视觉权重向下排列): 旋转小火锅； 诚招加盟； 优势。
在图片部分，我们看到的是(根据视觉权重向下排列): 热腾腾的小火锅； 食材； logo； 云朵元素。
可以说内容之多是不受控制的。
作为想创业的人，他们最关心的是低成本、易于选址、两个人可以开店等优势，但在这个页面上，这些内容很小，主文本真诚招聘加入四个字，因为字体和颜色，虽然很大，但不是第一个视觉立足点。
因此，文案中最明显、最容易意识到的部分是旋转小火锅，以及用户食欲（而不是创业欲望）的图片……会不会让人觉得是火锅店推广？ 问题2:边距、间距、行距过小 无论是设计页面还是内容区，都需要注意边距、间距和行距。
我们常说，一个区域应该留左右天地，而第一个屏幕底部旋转火锅的介绍是典型的: 另一个例子是下面的屏幕。
投资优势下的爆炸性底板与上图和下圆角底板紧密相连。
在圆角灰色底板中，白色菱形板也是不屈不挠的，没有空白，也没有考虑内部文本： 整个感觉是一个词：挤压，直接结果是让用户阅读困难，阅读体验差，降低耐心，然后退出。
问题3:字体太多 或者以上图为例。
仅在这张图中，就有四个字体：悦黑体、幼圆体、宋体和隶书体，更不用说手写体、粗宋繁体、圆体、综艺体和楷书了。
……落地页上半部分的内容字体与下半部分不一致，可以想象设计师在做的时候脑子里没有整体规划。
用户没有接受过专业的培训，也不会像我一样知道问题。
他只会感到不舒服，无法抓住你的焦点。
就像你和别人交流一样，即使内容很好，如果你有文言文、现代文本、英语和法语，它看起来很酷，但没有人知道你说了什么。
事实上，让用户看起来舒适很简单，只要你为自己制定一个排版规则：左右距离、段落间距、行距……形成大标题、中标题、小标题、内容文本的规则slogan文字有固定字体和字号……只要稍加注意，就不难做到这一点——总结一下两个字：有序。
只有认知有序，才能有后续的销售。
本文内容来源于:信精投，不代表操作狗的观点。
如有版权问题，请联系操作狗处理。
特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。
本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。
如有侵权行为，请联系网站管理员删除，。
