论坛 › 云南 › 用这些营销页面的设计办法，加强用户的购买力

m5k1umn 发表于 2024-9-1 23:25:03

用这些营销页面的设计办法，加强用户的购买力

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTeLzQ4MJwFGoW9TTJvQMUVfm6FEC1rJoiasRhUtyveBSEvtawENNqBhw/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" 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;">自天猫2009年首创双十一购物节<span style="color: black;">败兴</span>，每年的这一天已<span style="color: black;">作为</span>全民购物盛宴。在当前经济下行压力加大的背景下，双十一购物狂欢节的汹涌客流和极为庞大的单日成交量<span style="color: black;">表示</span>了<strong style="color: blue;">用户群体较强的消费意愿和较高的消费能力</strong>。</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>阿里巴巴每一次促销活动页面的创作者，<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>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTo6v77dVOia4aPNaurxpLD7BjyafNts9mtLa9FdEXoFqgGhEW7ePZicAw/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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;">会场页面的信息视觉秩序</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">在线上页面的视觉设计中无论web还是无线，<span style="color: black;">她们</span>都是承载在浏览器中的。而浏览器<span style="color: black;">做为</span>视觉透出的窗口，结合鼠标操作的习惯，<span style="color: black;">因此呢</span>用户浏览页面的行动是线性的。例如<strong style="color: blue;">“尼尔森F视觉模型”</strong>中指出用户的视觉随着操作行动，<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;">从左上角至右下角优先比重逐级递减。<span style="color: black;">首要</span>用户会先从顶部<span style="color: black;">起始</span>从左到右水平移动。从而目光再向下移。<span style="color: black;">起始</span>从左到右观察，<span style="color: black;">然则</span>长度会相对较短。最后以较短的长度向下扫视，形成一个 F形状。此时<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;"><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>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">1）氛围题图。</span></strong></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>它需要为用户进入页面后，带来视觉上的信息进入感和<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;"><img src="https://mmbiz.qpic.cn/mmbiz_png/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTBlNkzVsdcs41U6R1WP3eZic6tWNubhJ0lNWy7RCoENHWOjsKhibgriaKg/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></strong></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;">2）会场分流器。</span></strong></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>后，在视觉信息的这个部分，引导用户进行首次判断，辅助用户对信息<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;">3）海景房模块。</span></strong></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><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;"><img src="https://mmbiz.qpic.cn/mmbiz_png/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTfeWkTribJCXXAbpIMP7Ihy0vEUPJC9XIo6meW2GNvVwJ3320PYSx9RQ/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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;">4）行业楼层。</span></strong></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>。当用户浏览到此时，用户<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>用户前往准确的商品detail。</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>，分别承担着用户从<span style="color: black;">外边</span>banner入口进入页面会场之后，信息体感的递进模式和责任。<span style="color: black;">做为</span>UED营销视觉，<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>
    <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></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><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;"><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>
    <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></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTEAIJWDWX23r9VUxSqW06JB37iaZUnJJoy1bm0qTh8ayKOaDFYCawT2Q/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTeLzQ4MJwFGoW9TTJvQMUVfm6FEC1rJoiasRhUtyveBSEvtawENNqBhw/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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;">1.景别一：焦点信息层</span></strong></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>设计营销页面中，<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;">第1</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;"><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></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;">2.景别二：辅助信息层</span></strong></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>传递之后，在营销页面设计<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;">任<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>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">3.景别三：背景信息层&nbsp;</span></strong></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>活动焦点信息完成认识和肯定的<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></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">例如在S级大促中，<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;"><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></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><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>
    <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>以及相同之处</strong></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;">1.线上自营性质与平台性质的<span style="color: black;">区别</span>点？</span></strong></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>对严选和天猫的分析，严选属于自主品牌的平台。其相比多商聚合的平台<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;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTZEMHauN59xNoo8UYvVJCzX6pxic0K1lEIkcusSnOkwSCxhlfibibmiaF8g/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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;">2.线下自营性质和平台性质有什么<span style="color: black;">区别</span>点？</span></strong></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>心动的感受，先处理心情，再谈买卖，是自营最大的特质，<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;">3.线下空间布局和线上页面框架结构的同类项</span></strong></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>亮起了绿灯，<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;">伦敦大学建筑学教授Alan Penn曾经指出“实体店面内的平面设计与用户界面设计之间是存在共鸣的”，其框架结构的设计都是为了给用户更舒适的体验，即线上线下内容信息秩序<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>都是1+1=2。</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>事物<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>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTceFm8azgbzFpEImJ7bcdrRiaLl7B0Jib1kpAJ7ekAV8I0slvneImjShQ/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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>线上线下内容信息秩序的相通性，<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;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTvKicJDms1nYTQ0ibzTPoc29GBY1aCl5PqHJ6lUHUjJqP2icWu9NItmxxQ/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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>以上对比<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>F型从上到下，从左到右的浏览习惯，而宜家恰恰<span style="color: black;">亦</span>运用了<span style="color: black;">一样</span>的原理，从上到下依次是商品信息和商品<span style="color: black;">摆设</span>，从左到右依次是促销信息和商品描述，而普通<span style="color: black;">摆设</span>区的商品相当于网页中的offer组件，优惠信息的强调等同于offer组件中的标签，虽是细节但完全<span style="color: black;">能够</span>表达线上线下用户体验的相同之处。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTJxf4pZopwPtS9Ankmu8GwlV4ymB8GHgxMOjTFzBmoSJ9mqFvrBoTdw/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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;">4.线上线下的<span style="color: black;">区别</span>之处</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">举一个例子，同卵双胞胎的遗传物质DNA是相同的，<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>
    <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></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTNEa5zOUby5At8Bxt6yjGibOAFSaS0V3CmlmNPQGbiaNbePibH1ibSJjtAg/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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>线上页面布局的引导性会更加直观，相对线下浏览效率会更高，而在线下视觉、触觉、听觉、嗅觉、味觉是<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;">5.促销信息排布的秩序</span></strong></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>身高（160CM-170CM）来衡量, 顾客进店除了看商品之外，最关心的即是价格以及优惠力度，“先看价格后购物”已<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;"><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></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTOa7sWhv4jJGgaB4wiaS1TSDW4UIE9Q4XGTxjEsBqwzqrZia4ibmYWykMw/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></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></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>普通人来讲，<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>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/mmbiz_jpg/1vj0nP7LKvicBaiagLWJW8aepQo6oPibmiaTPChyovRrhRtnMhUZqtKXNbY2bkpJOos1f5SichXfQgvROWn7YiaTKxlA/?tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1）正<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;">2）<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 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>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">3）<span style="color: black;">按照</span>视野分布示意图，普通人平视状态的最佳眼睛转动区在30-60度，超过30-60度的周边部分<span style="color: black;">叫作</span>为诱导视野，即人眼并不<span style="color: black;">敏锐</span>的范围，<span style="color: black;">精细</span>识别即集中<span style="color: black;">重视</span>力时的人眼视度为5-30度，垂直视线状态下的最佳眼睛转动区为30度，<span style="color: black;">一样</span>超过30度的区域<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;"><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;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">4）<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></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">5）视野实验设计-采样人数5人，结果一致性达到99%，可<span style="color: black;">判断</span><span style="color: black;">针对</span>静态物料在固定范围内，正<span style="color: black;">一般人</span>在平视状态下，视野舒适区在65CM<span style="color: black;">上下</span>，<span style="color: black;">亦</span><span style="color: black;">便是</span>物料的最佳展示区，相对中间清晰区两边不<span style="color: black;">敏锐</span>的范围是105CM，在往外就真的看不清了，<span style="color: black;">因此呢</span>物料展示区不得大于65CM，并且信息展示距离地面最舒适的高度在130CM<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;"><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;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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;"></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;">物料设计在线下的运用<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;">在万能的早读课中得知“坪效”一词，坪效即每平米面积上产生的<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></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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;"></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;">小结一下</strong></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>都有自己的独到之处，<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>优化体验式营销的一小步，随着VR、AR技术的高速发展，<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;">-end-</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">＊作者：阿里UED superking<span style="color: black;">&nbsp;<span style="color: black;">，<span style="color: black;">文案</span>网址：http://www.aliued.cn/2018/01/12/</span></span></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>再编辑：晓黑，设计夹编辑，<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 style="color: black;">文案</span>，你可能<span style="color: black;">亦</span>感兴趣</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;"><strong style="color: blue;"><span style="color: black;">2018年十大流行设计趋势</span></strong></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a 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;"></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2018的设计就该这么玩儿...</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;"><strong style="color: blue;"><span style="color: black;">2018年的用户体验设计趋势</span></strong></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2018，<span style="color: black;">将来</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;">商务合作及投稿请联系晓黑</strong></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;">微X</span>号：sezign01</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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;"></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><strong style="color: blue;"><span style="color: black;">阅读原文</span></strong><span style="color: black;">，进入在线学习社区</span></span></p>

nykek5i 发表于 2024-10-4 09:04:33

你的留言真是温暖如春，让我感受到了无尽的支持与鼓励。

查看完整版本: 用这些营销页面的设计办法，加强用户的购买力