如何把控页面设计，减少广告浪费？

　　一个可以变更用户消耗欲的设想尾先得是用户情愿看的设想。不然，那个告白便是华侈了一泰半告白费的告白。本文要道的，便是怎样经由过程把控页里设想的颜色明度、排版、素材挑选等，做出让用户看得下来的告白，进而起到敦促目的用户更快下单的做用，将告白投放的性价比最年夜化。

　　颜色明快激起感情

　　图片的明度很简单影响我们的感情。

　　各人皆来过卖场，不管是超市、阛阓，借是柜台……回想一下，给我们留下的是甚么样的印象?

　　出错，便是明!

　　为何阛阓皆要采光好、灯亮光呢?

　　果为正在亮堂的情况内，用户的感情更放紧，而人正在放紧形态下更简单跳过理性考虑，做出决议计划——那种按照情况自觉调解形态的止为，是我们正在退化历程中习得的被动妙技。

　　我们人类借正在退化历程中的时分，阳光亮媚的气候下，天敌没有简单躲藏，我们能够放紧的享用戚忙光阴，没有需求绷松神经让本人能够面临随时需求面对的决议计划;

　　而正在晴朗、昏暗的气候里，我们没法明晰的看到仇敌，也不克不及判定能否会有暴风暴雨的来临，那时分，假如我们走正在里面，年夜脑便会下度慌张，随时随天停止运算，确保本人没有会做堕落误决议计划。

　　以是普通卖场情况会试图经由过程营建一个好的光芒情况，让用户感情放紧、肉体卑奋，以期告竣用户少过脑筋、尽快决议计划的结果。

　　对应到告白页里的设想上，当我们念要看到页里的用户尽快做出决议计划时，最好接纳高超度、下饱战度的颜色，也便是营建一个“光芒很好”的形态。

　　好比色彩越靠近红色，则那个颜色明度越下;越靠近乌色，则颜色明度越低;而色彩越浓郁，则颜色饱战度越下，好比正白、正黄，皆是饱战度很下的色彩，而相对应的粉白、暗黄的饱战度便偏偏低。

　　道一个各人皆能够判定的办法：正在氛围清爽，气候好的天然光芒下，我们看到的天下，便是一个高超度、下饱战度的天下——一同去回想一下，是否是那样的气候下，天赋中蓝?花额外白?光芒额外亮堂?表情额外愉快?

　　一样，面临相似的卖场情况、告白页里，人遭到“好光芒”气氛的影响，考虑仿佛便没有那末主要了，他会更正在意表情战感触感染，也更简单受理性牵引做出决议计划。

　　那也是京东、淘宝等购物仄台的页里接纳高超度颜色的本果。

　　再好比下图那个天猫主页里，红色底的明度天然是最下的，而其他部位则是年夜里积的下、中饱战度的颜色，只要左边商品分类用了暗色彩，占比力少。

　　那样的页里给人的整体觉得便是愉快的，亮堂的，沉紧的，对应的，人的考虑的需供便会被疏忽，决议计划速率便会变快。

　　取明快相对的，是暗沉。

　　暗沉的色彩，会让民气情下沉，那种下沉，能够是平静，也能够是繁重。正在暗沉的色彩下，我们常常会以为工夫变得更缓，因而我们会静下去考虑。

　　对应的，当告白的目标，是需求用户考虑时，大概念让用户觉得到平静时，设想该当以暗色彩配色或图片为主，同时辅以淡漠气势派头的字体。

　　好比上面那张氛围净化器的详情页尾屏：

　　固然色彩是以暗色为主，可是比照度、饱战度拆共同理，便会让人觉得沉着，来考虑页里上给出的疑息面(固然考虑了没有睹得懂)，可是那些疑息面是用户原来便期望来看的，用户期望经由过程那些数据本人来比对的那个机械好欠好、值没有值，那末用那样的配色去烘托，让用户以为本人的考虑是理性的，便能更好的真现产物圆的贩卖目标。

　　再好比许多下端瑞士机器表会用暗色彩布景凸隐产物，固然用户没有睹得懂，可是用户会以为有须要理解那个产物各圆里的数值，当您给他营建出深厚考虑的场景，把他们似懂非懂的重面列出，用户的“比力心”便部门获得了满意，能够削减用户踌躇的工夫。

　　而下图那种价钱偏偏低的时髦智妙手表，便合适选用明快的色彩，一圆里能够凸隐表的气势派头，另外一圆里也是正在用一种婉约的方法“敦促”用户尽快做出购置决议。

　　以是，假如您的产物是决议计划门坎较下的产物，那末不管创意如何怂恿用户的购置感情，用户也仍旧会来考虑、比力，那个时分，没有如痛快用暗色彩营建下端感，把用户能够会比照的重面列出。

　　果为年夜大都的时分，用户觉得本人正在自力考虑能否购置，但实在并出有离开设想战案牍能够调控的范畴(但假如用户存正在超越设想战案牍调控范畴的感情了，我们便只管没有要来触碰，制止惹起的用户恶感)。

　　那末能否只需明度、饱战度对应了产物特征便齐对呢?其实不是。上里我们给出的，皆是用色准确的树模，而有的图片的色彩使用毛病，不管是甚么样的产物，皆没法变更用户的购置欲。

　　假如用明度、饱战度去注释，能够许多人会以为了解艰难。我试着用更简单了解的方法解说一下上面那四个毛病案例。

　　我们前里道过了，之以是要用明度下、饱战度下的图片，是为了变更我们基果中对阴沉气候比力宁静的影象，而漆黑、阳天、氛围没有透明的气候里，伤害随时能够呈现，我们的年夜脑会本能的慌张，下速运转，顺从。

　　以是我们看看上里那四个降天页

　　左一，不只团体色彩暗沉，并且笔墨也很恍惚，团体的觉得，是否是很像乌夜?

　　左两，低明度、低饱战度、低比照度的色彩，十分像雾霾天;

　　左三，明度低的比照色拆配，便仿佛全部降天页失落到了泥里;

　　左四，素粉、暗白、草绿、灰、乌、米色的拆配，不只觉得很治，并且显露出一股塑料假花的滋味。

　　那四种配色，不管明度上下，我们城市道他的色彩用的“净”，出有让我们感触感染到“喧闹美妙”，而是让民气情暗沉，以至讨厌。

　　图片相干加强爱好

　　许多疑息流告白，皆是写题目的管题目，配图片的管配图，即便那两件事皆是一小我私家完成的，那人正在写题目战配图的时分，用的也没有是年夜脑的统一地区……几乎品德团结。好比上面那张图：

　　光看图，您以为那是甚么告白?(此处考虑5S)

　　然后再去看完好版：

　　看完题目，我们晓得那是一个移平易近告白。

　　但假如光看图片，您会没有会觉得那是一个公家妇产病院的告白呢?

　　那便是那个进口创意(题目+图)的莫名的地方。

　　我们皆晓得，疑息流告白进口创意由题目战配图构成。年夜部门劣化师城市十分正视题目的写法，却疏忽了能够起到更枢纽做用的图片。

　　我们的先人从几万年前便曾经会经由过程眼睛获得图象疑息，而笔墨的创造最早只能逃溯到三千多年前，我们的年夜脑关于图象疑息的编译，比对笔墨疑息要更快、更省力，也正果为云云，当图片战笔墨同时呈现的时分，我们的视觉重心面会没有自发的降正在图片上。

　　好比上里那个案例。用户经由过程图片发生的遐想是：“妇产”，而那样的遐想，极可能战告白投放的带有移平易近标签的人群出多年夜干系，以是很天然的，他极可能便会疏忽那个告白。

　　再好比那个：

　　信赖看到的用户会像图左的猫一样，一脸懵逼。

　　空调天温氛围没有畅通，怎样能让我们更温馨?看图左，来户中吗?图中战图左痛快完整弄没有分明念表达甚么……

　　我写文章找案例那么认真的看战揣测皆出弄大白甚么意义，凭甚么以为用户能正在看资讯时扫过的那2秒钟会对一个没有知所云的告白发生爱好呢?

　　借有那个伴侣圈告白：

　　那是一个活动会所的店庆举动告白，目标该当是让目的用户去参与举动，进而办卡成为会员。但是除非是我们那种找茬的告白人，否则一眼视已往，出人会以为那个告白跟活动会一切甚么干系。

　　我便问问，正正在看我文章的您，第一眼视已往以为那是甚么呢?是年夜阛阓举动?新饭馆开业?借是某个楼盘弄报答?

　　需求用户挖空心思来揣测的告白，便曾经拾失落用户了，用户可出有耐烦正在一个没有知所谓的告白上瞩目停止，以是，那样的告白设想也便无所谓发生更多结果了，更别提协助贩卖了。

　　便疑息流告白而行，图文要分歧，是进口创意最最少该当做到的。配图便像兵戈的先收队伍，需求先极力吸收用户的留意力，然后战题目拆配做功，将用户引至降天页。

　　那便请求设想师正在做进口创企图的时分，需求思索图片怎样共同题目吸收用户留意力，让图片成为题目的助力，而没有是拖乏。

　　详细到配图情势，不论是小(单)图、年夜图借是三(图)，差别的图片地位、里积比重，城市给用户差别的影响。以进口年夜图为例，果为图片比严重，图片会比题目更简单捉住用户的眼球，那个时分，假如我们的图片跟题目看起去完整没有相干，那末极有能够吸收出去的，是图片给到用户的曲不雅印象顶用户感爱好的重面，而没有是我们期望的目的用户。

　　好比下图：

　　那个告白的题目蛮故意思，图片也契合单11的气氛。但成绩正在于，图片战题目完整无闭。

　　上文我们道了，用户常常是先看图片，而此时假如题目能跟图片分歧，正在那一霎时会有增强做用。而那个题目战图片零丁看皆出缺点，可是放正在一同却起了削弱做用。

　　再去比照上面的图2，您便会明晰的感触感染赴任距：

　　如您所睹，上图的题目战图片分隔看实在很平居，但胜正在有联系关系，有联系关系便能相互减分，为降天页上的贩卖助力。

　　排版划一耽误耐烦

　　真操中借有一个影响用户浏览爱好的年夜成绩便是设想排版紊乱。

　　浅显去道，排版比如我们战用户相同的“言语”，设想排版划定规矩便是您的言语逻辑的一个展示情势，紊乱的排版划定规矩会像您紊乱的言语逻辑一样，影响用户get到您念要表达的面。

　　常睹的页里排版误区有三：

　　(1)过分表达

　　即，试图正在一屏内把一切念表达的内容皆排出来，让用户找没有到重面，落空耐烦。

　　(2)出有划定规矩

　　详细指边距、止距、段降间的隔绝距离、间距、图文间距、题目字体字号、内容字体字号等，那些正在一个页里中该当有一个同一的划定规矩。假如划定规矩没有同一，则视觉逻辑是紊乱的，对应的，用户的浏览体验也是紊乱的。

　　(3)以为视觉次第没有主要

　　人脑有本人已构成的视觉权重次第，因而，哪一个设想元素布列正在哪一个地位长短常主要的，决议了用户会怎样了解您所表达的内容。

　　我们用一个典范案例去胪陈上里的那些成绩：

　　成绩1：过分表达

　　我们去看看第一屏皆表达了些甚么?

　　先看案牍部门，我们看到的是(按照视觉权重背下布列)：

　　扭转小水锅;

　　诚招减盟;

　　劣势。

　　图片部门，我们看到的是(按照视觉权重背下布列)：

　　热腾腾的小水锅;

　　食材;

　　logo;

　　云朵元素。

　　内容之多能够道是绝不控制。

　　做为念要创业的人去道，他们最体贴的低本钱、易选址、两人便可开店等劣势，但正在那个页里里，那些内容被放的很小，而主笔墨“诚招减盟”四个字，果为字体战颜色的来由，固然很年夜，却其实不是第一视觉降足面。以是，案牍部门最较着，最简单被人认识到的，是扭转小水锅，配上变更用户食欲(而没有是创业愿望)的图片……能否会让人觉得是水锅店推行呢?

　　成绩2：边距、间距、止距太小

　　不论是设想一个页里借是一个内容区，皆需求留意边距、间距战止距。我们常道一个地区要留出阁下六合去，而尾屏底部那个扭转水锅的引见，便是典范的没有留天没有留天：

　　再好比上面那一屏，投资劣势底下的爆炸形底板，战上里的图片、上面的圆角底板皆松松挨正在一同。圆角灰色底板内，红色菱形板块也是顶天登时没有留空缺，内部的笔墨也出有思索留黑：

　　全部给人的感触感染，便是一个字：“挤”，间接成果便是让用户浏览艰难，浏览体验好，低落耐烦，然撤退退却出。

　　成绩3：字体过量

　　借是以上图为例。仅那一张图内便呈现了制字工房悦乌体、幼圆体、宋体、隶书体4个字体，更别道全部降天页里借有脚写体、细宋繁体、圆体、综艺体、楷书……降天页上半部门的内容字体，战下半部门也纷歧致，可念设想师正在做的时分，脑壳里并出有一个团体计划。

　　用户出有受过专业锻炼，没有会像我般晓得成绩地点，他只会以为没有舒适，没法抓到您的重面。

　　便仿佛您同他人相同，即便道的内容再好，可是假如您一会女白话文，一会女当代文，一会女英语，一会女法语，看起去很酷炫，但实在出人大白您道了甚么。

　　实在要念让用户看着舒适十分简朴，只需给本人造定一个排版划定规矩：阁下边距留几、段降间距留几、止距几……构成一个划定规矩，年夜题目、中题目、小题目、内容笔墨、slogan笔墨有牢固字体战字号……那些只需稍稍存眷一下没有易做到——归纳综合一下便俩字：有序。

　　认知有序才有贩卖后绝。

　　做者：轻轻(微疑公家号：疑息流告白粗准投放)，18年告白人，曾任三星品牌设想师、MTV线上宣推主管，现任斯通传媒副总裁、英国 Bird eGo 跨境物流中聘运营参谋。

　　本文由 @轻轻 本创公布。已经答应，制止转载。

　　题图去自 Pixabay，基于 CC0 和谈