一文读懂信息流设计流程
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/50d28821df3c4dc49066162bef89eb4a~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1725672552&x-signature=%2FJmlu9BCIQMxBnk9ogb6%2FGUEw8o%3D" style="width: 50%; margin-bottom: 20px;">今天<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>启发。</p><strong style="color: blue;"><span style="color: black;">平常</span>的设计尺寸规范</strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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>，我稍微简单分为两个类：B端类用户（针对企业、制造商、厂家等）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">C端类用户（个人消费者）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在<span style="color: black;">这儿</span>，<span style="color: black;">博主</span>今天先跟<span style="color: black;">大众</span>讲下B端类的：</p>移动端的页面，字体上尽可能不<span style="color: black;">少于</span>24号字体（分辨率72为例） ；常规的主图为800x800（像信息流中常用的单图<span style="color: black;">或</span>多图的尺寸）还有横幅海报1280x720、800x450（<span style="color: black;">亦</span>是常用的外层图尺寸）落地页的尺寸宽为750，高度不限<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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>常规的落地页设计最佳边幅为5屏<span style="color: black;">上下</span>(一屏为750x1333),而一套落地页正常<span style="color: black;">包含</span>外层图和落地页，外层图则<span style="color: black;">大都是</span>主图（800x800） 、横幅海报（800x450）为主，<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>外层图设计版式和落地页版块。</p><strong style="color: blue;">外层图的<span style="color: black;">平常</span>设计板式</strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">说到外层图，有单图形式的、多图形式的和“伪”多图形式的，今天<span style="color: black;">博主</span><span style="color: black;">重点</span>以单图的形式讲解下，<span style="color: black;">平常</span>的外层图为800x800的正方形图，<span style="color: black;">这儿</span>我简单分为以下这几种常用的版式，帮各位小白<span style="color: black;">处理</span>无从下手的<span style="color: black;">困难</span>。<span style="color: black;">例如</span>说</p>促销类主图 —— 这种<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 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>。<strong style="color: blue;">落地页的<span style="color: black;">平常</span>设计版式</strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">落地页<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 style="color: black;">有些</span>板块：</p>对比形式板块 —— 这一种在电商、信息流都比较流行，<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 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 style="color: black;">制品</span>的实力，让客户信服。<span style="color: black;">例如</span>我这个案例<span style="color: black;">便是</span><span style="color: black;">得到</span>欧洲AGR认证。<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>结合外层图做落地页</strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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 style="color: black;">这儿</span>稍微总结了一下具备的<span style="color: black;">要求</span>：</p><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 style="color: blue;">B端落地页的<span style="color: black;">规律</span>展示<span style="color: black;">次序</span></strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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>：</p><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>实力有所了解）<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有了这几大板块的说明，<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>看下图。</p><strong style="color: blue;">总结</strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">不知不觉，关于<span style="color: black;">全部</span>页面设计的规范和思路讲完啦，<span style="color: black;">这儿</span><span style="color: black;">咱们</span>再回顾总结一下，<span style="color: black;">咱们</span>在做B端类型的页面设计<span style="color: black;">或</span>是C端类页面设计的时候，都要遵循一个原则，版面<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>。</p>
页:
[1]