微信图文设计与制作

用案例浅谈微信传播的H5页面设计从引爆朋友圈的H5小游戏《围住神经猫》，到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》，从2014下半年起，各种H5游戏和专题页纷纷崭露头角。

“H5”，这个由HTML5简化而来的词汇，借由微信这个移动社交平台，正在走进更多人的视野。

本文聚焦于基于微信传播的H5页面的视觉设计，通过一些案例分析来谈谈设计思路与方法，希望与大家进行交流探讨。

功能与目标首先从功能与设计目标来看，H5专题页主要有以下4大类型：1.活动运营型为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。

与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。

从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。

大众点评为电影《狂怒》设计的推广页便深谙此道。

复古拟物风格的视觉设计让人眼前一亮，富有质感的旧票根、忽闪的霓虹灯，配以幽默的动画与音效，恨不得每个选项都点一遍。

围绕“选择”这个品牌关键词，用引人入胜的测试题让用户把人生当作大片来选择，选到最后一题引出“大众点评选座看电影”，一键直达App购票页面。

即使明知是软文也忍不住带着“矮油不错，这个页面有点diao噢”的心情点击了分享。

2.品牌宣传型不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。

在设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。

伴随着浪漫的钢琴旋律，《首草先生的情书》以一位男士的口吻娓娓道来在成长历程中对妻子的爱与愧疚，最后引出“首草——滋阴圣品，爱妻首选”的宣传语。

设计上采用回忆般的黑白色调，简单的照片加文字，配以花瓣掉落、水面涟漪等轻动画，渲染出唯美优雅的气氛。

“首草”这个全新的高端养生草药品牌，用H5打出了一副走心的情感牌，让用户记住了“半生只为你”的爱妻品牌形象。

关于微信公众号图文排版的技巧，这可能是说得最全的一篇文章原标题：想做出让转发量暴增的微信排版？这4个小秘密你必须知道1、好的排版究竟有多重要？首先来介绍一下，为什么要推出这个课程。

微信公众平台现在已经有超过一千万个帐号了，据统计现在可能已经超过一千五百万个了。

有这么大的体验量之后，大家见多识广，对内容和阅读的体验要求也是越来越高的。

同时，好的排版不仅能够提供阅读上的体验的提升，还能够为公众号带来更多的粉丝。

相信大家也有时候会看到一些比较不错的文章，大家会相互去转发，说你看人家这排版做这么好看，为什么我们不能做成一样的呢？第三点，排版风格也是品牌不可或缺的重要一环。

由于现在公众帐号已经变成每家企业的标配，公众帐号的排版的风格和网站，和logo的视觉要求是一致的，所以排版风格也就变成了企业宣传的脸面。

这一点大家一定要重视。

第四点，排版是原创公众帐号的形象，为什么这么说？相信有原创帐号的或者是转载过别人原创文章的人大家都知道，就是在你没有要求别人把你加入白名单的前提之下，你转载别人的文章，你的排版格式是被完整保留的，所以，你的排版风格可能会影响到别人，或者说是别人的排版风格转载到你这儿是完整保留的。

如果你的排版风格比较好，可能更多人也出于对于排版的一个顾虑也会优先来转载你的文章。

第五点，就是综上所述，排版风格和排版水平对于公众帐号的运营是至关重要的。

学习这个课程能达到什么样的效果呢？我们简单的举了几个例子。

左边你可以看到这个标题的格式不是很统一，或者说像右边的封面，它们的风格是非常杂乱的，但是学习这个课程之后，可以让你的封面和标题都非常的简洁和统一。

另外就是内容，我们是希望让你的文章看起来更有条理，让别人阅读的时候更加顺畅。

同时，一些比较好的排版风格是可以让你的文章条理或者是让它的视觉效果变得非常好。

2、排版—图文标题篇（1）怎么样成为一个“标题党”？首先，映入眼帘的就是图文的标题。

那图文标题大家心里都应该有数，现在的这些标题是提高阅读的一个首要动力。

微信活动方案怎么做好看的微信活动方案怎么做好看的微信作为中国最受欢迎的社交媒体平台之一，已经成为许多企业和个人开展活动的首选渠道。

然而，如何制定一个吸引人、好看的微信活动方案却是一个需要一定技巧和创意的任务。

在本文中，将介绍一些关键要素，帮助您打造一个成功且吸引眼球的微信活动方案。

1. 目标明确：在制定微信活动方案之前，首先要明确活动的目标。

无论是提高品牌知名度、增加粉丝互动还是促进销售，都需要明确目标并围绕此目标制定方案。

只有明确目标，才能有针对性地制定方案，并在设计中突出重点。

2. 创新独特：微信活动方案需要有独特的创意，能够吸引用户的目光。

可以尝试引入互动性强的元素，如抽奖、答题、拼图等，让用户参与其中，增加他们的参与度和忠诚度。

同时，可以结合品牌的特点，设计独特的活动元素和视觉效果，使方案与众不同。

3. 简洁明了：要制定一个好看的微信活动方案，界面设计需要简洁明了。

过于复杂的设计会使用户感到困惑和不舒服，容易导致用户流失。

因此，应该遵循简洁的原则，将重点信息突出展示，排版整齐清晰，让用户一目了然。

4. 图文并茂：图文并茂是制作好看微信活动方案的关键之一。

在方案中，应该充分利用图片、图标和配色等视觉元素，以及简洁明了的文字说明，使整个方案更加生动有趣。

同时，注意图片和文字之间的平衡，避免过多的文字堆砌，给人以沉闷的感觉。

5. 移动端适配：微信是一个以移动端为主要访问方式的平台，因此，在制定微信活动方案时要考虑移动端的适配。

方案的设计要符合移动设备的屏幕尺寸和触摸操作习惯，保证用户在移动设备上的体验流畅和友好。

6. 营造氛围：为了让微信活动方案更吸引人和好看，可以通过营造氛围来增加活动的趣味性。

例如，在方案中使用一些有趣的动画效果、背景音乐或声音提示等，让用户感受到活动的独特性和乐趣。

通过以上关键要素的合理运用，您可以制定一个吸引人、好看的微信活动方案。

记住，方案设计不仅要追求美观，更要与活动目标和用户需求相契合。

微信活动推广——H5图文推送一、教材及教学内容分析1.教材分析高等教育出版社《网络营销实务》是一本针对中职电商专业学生、专注网络营销实战的教材，教材内容实操性较强，引导学生在“做中学、学中做”，对于提高学生网络营销实践技能有较大帮助。

2.教学内容分析《微信活动推广——H5图文推送》是教材《项目九掌握微信营销》中《任务三策划微信活动》中的内容。

在本教材197-202页中有关于微信公众号、微信图文消息推送、微信活动策划等内容。

本课对教材中零散的知识点进行整合，使其更符合工作的需要，并调整了一定顺序，将内容整合成3个课时进行教学。

第1课时为微信公众号基础知识介绍，包括注册流程、功能介绍、图文简单发送等操作。

第2课时为班级微店策划一起微信活动，撰写营销策划方案，包含活动介绍、促销信息和营销方式。

第3课时是利用H5形式推送微信活动。

本课采用第3课时作为教学内容，是在第2课时学生已完成“班级微店推广策划方案”的基础上，以经过企业专家认可的一份较完善的策划方案为样板，让学生进行微信活动图文推送的要素提炼，并用H5形式表现。

二、学情分析本堂课执教的对象是电子商务专业高二年级的学生，思维活跃，动手能力强，具备一定电子商务、营销策划的专业知识，渴望参与课堂学习，乐于从实践中获得经验。

对移动终端的使用、互动体验有强烈的兴趣，并且全部会使用H5制作图文推送页面。

学生对于生活中的微信公众号有初步的认知，对于微信中图文推送有亲身体验，但对于微信营销互动、活动推广的实践操作与体验比较欠缺。

三、教学策略选择与分析利用“学习体”微信公众号作为教学平台，紧紧围绕微信活动图文推送来展开教学。

课前通过教学平台进行微课学习、课堂上通过任务单填写、H5操作和头脑风暴等形式，理解本课要素提炼的知识、掌握H5编辑图文消息的技能。

课堂借助多种信息化的手段，以任务为导向，通过学生的互助合作、自主探究，借助信息化校企课堂、远程协助，有思维碰撞、交流互学的过程，突破教学难点，提升学生微信活动推广的能力。

图文排版范本1.如何做出舒适而又优雅的公众号图文排版您好！很高兴能为您解答，一、图文标题图文标题应该遵循简洁明了的原则，建议标题字数控制在13-15字，超过这个字数之后，标题会自动换行而影响美感。

除此之外，字数太多还会因为订阅号折叠而没办法让读者看到你想表达的意思。

标题太长，后面都是省略号如果实在是控制不了字数，那也最好不要超过两行，否则真的很难看！标题字数建议不超过三行对于多图文的标题也要注意字数限制，尽量不要出现换行的情况。

此外，在多图文中，不管是标题符号使用还是配图都建议使用同一风格，以提高用户的体验。

二、图文封面1.封面选择基准在为图文封面配图时，建议遵循干净、简洁的原则。

所以，封面图片最好选择干净简洁而又能突出主题的封面。

如果有能力对图片进行加工和设计，可以加上公司的logo或者品牌的印记，但不建议使用影响封面美感的微信水印识别。

在此，为大家推荐一个简单、实用、快捷的在线平面设计工具创客贴：创客贴模板中心创客贴入手0门槛，点击上方网址注册后，选择社交媒体中的公众号文章首图，会出现批量的封面头图。

想用哪张图片直接点击使用即可。

重要的是，这些封面头图还可以进行修改。

这篇文章的封面图片就是利用创客贴做的。

2.封面尺寸图文封面尺寸为900px*500px，因此建议对封面头图设计好固定的尺寸。

封面图主要信息居中显示，以免遗漏图片中的重要信息，因为分享到朋友圈或者分享给微信好友预览图仅仅保留居中的500px*500px部分的内容。

单图文配图而如果是多图文配图，二条的封面尺寸则显示为200px*200px。

在多图文中，建议整体风格一致，如果还能巧妙地突显账号的品牌，那就更棒了。

多图文配图三、正文配图做好了封面配图后，接下来就要为正文配图了。

正文配图同样遵循干净、简洁的原则。

在挑选图片时，尽量选择与文章内容贴近的图片。

此外，也要注意图片内容、色彩色调冷暖一致。

正文配图准则比如，我这段主要更新与写作相关的文章，那么配图就可以选择书、笔、电脑等相关图片。

公众号图文封面标题位置在微信公众号的图文推送中，用户首先会看到的就是封面，它占据着整个推送的顶部位置，通常需要吸引读者的眼球并提供清晰的信息。

作为图文封面中最为重要的元素之一，标题的位置是需要重视的。

标题的定位在设计图文封面时，我们需要为标题考虑一个最佳的定位方式。

我们希望标题在页面上能够具备以下的特点：1.易于辨认：标题需要能够清晰地展现出来并且不被其他元素遮挡，这样读者才能够一眼看到，从而引发他们对页面的兴趣。

2.保持简洁：标题应该简单明了，放置在较为显著的位置但不会占据整个页面。

这样可以避免让页面变得拥挤、难以阅读以及不雅观。

3.放置在合适的位置：该放置在页面顶部的位置，并与其他元素保持适当的距离。

如果放置位置不当，读者就会感到标题与其他元素之间有矛盾，从而降低了页面的吸引力。

通常情况下，站长和运营人员可以将标题放在页面的顶部位置，这样它可以很容易地被读者看到，并与其他元素和谐地组合在一起。

这也是最常见的标题位置选择。

标题的大小与字体标题的大小和字体选择是影响标准标题的读性的重要因素。

1.大小：标题的大小需要与页面中的其他元素相匹配。

如果标题过大，可能会影响其他元素的视觉效果，如果标题过小，可能会导致读者没有注意到它。

因此，站长和运营人员需要使用自己的判断来确定标题的合适大小。

2.字体：在选择字体时，在维护品牌一致性的同时也要保证可读性。

有些网站会选择较为传统的、易于辨认的字体，而在其他网站可能会选择更现代的字体。

在两者之间进行平衡是好的选择。

通常情况下，标题的字体应该比正文大一些，而且应该是黑色或白色，以引起读者的注意。

标题和封面平衡标题已经被证明是封面非常重要的部分，然而过分夸大标题也会让封面变得失衡。

因此站长和运营人员应该在沟通设计师时协商好比例，并将它合适地融入到封面设计中。

如何确定一个适当的平衡点？站长可以从许多方面考虑。

例如封面色彩、插画、艺术方向等，都是考虑谁甚至会对封面更加重要的因素。

微信朋友圈图文设计规范研究第一章：引言微信朋友圈作为一个极为重要的社交媒体工具，其使用率一直居高不下。

在现代社交圈中，微信朋友圈已经成为很多人记录和分享生活的重要方式。

图文设计作为微信朋友圈中最为关键的一部分，对于朋友圈的成功与否有着决定性的影响。

本文旨在研究微信朋友圈图文设计的规范，为设计师和使用者提供一些实用的指导和建议。

第二章：微信朋友圈图文设计规范2.1 图片尺寸在微信朋友圈中，图片的尺寸非常重要。

宽度最好不要超过700像素，而高度不超过1000像素。

这样的尺寸可以保证图片在浏览时能够完整地呈现，同时也可以保证加载速度。

建议使用 jpg 格式的图片来减少文件大小。

2.2 颜色搭配朋友圈中的图文内容应该注重颜色搭配，强烈的对比色可以让视觉更加鲜明，同时也能引起用户的注意。

建议使用对比色调的组合，可以选择黑白、红绿等对比色组合来实现对比。

2.3 字体与排版微信朋友圈中文章标题、正文内容和引言等部分都需要进行排版设计。

只有排版良好的文章才能保证内容明确，清晰易读。

建议选择简洁明了的字体和字号，保持排版的统一性。

标题字号一般比正文要大，加粗突出重点。

板块之间需要有足够的缩进，正文排版宜使用多行宽阔间距字体，保证行距。

2.4 元素的搭配微信朋友圈发文内容不应局限于文字，图像、视频等多种元素的融合更为重要。

它们最基础的元素形式”的融合能够让文章变得更加丰满和生动。

而且这些元素需要有着良好的交互性，能够满足读者interact并带来更多奖励。

2.5 间隔与对齐间距过大或过小在视觉上都无法让读者快速地阅读，而良好的对齐会让文章整体视觉居于高级的程度，让文章更容易读。

较为一致的对齐方式，可以使文章体现有规律、整洁的同时，能够使文章获得更好的视觉效果，在视觉上呈现居中的排版，往往可以调理读者调理的视觉势能。

第三章：实用案例分析3.1 如何设计文艺范儿的朋友圈文艺范儿的朋友圈可以运用一些艺术化的设计手法，比如手工插画、手写字等。

新媒体图文营销策划方案一、背景分析随着互联网的迅猛发展，新媒体已经成为企业营销的重要渠道之一。

在新媒体中，图文营销成为吸引用户关注和传播品牌形象的重要手段。

本文将针对一家服装品牌，制定新媒体图文营销策划方案，并从目标市场、目标受众、内容策划、传播渠道、数据分析和预算安排等方面进行详细介绍。

二、目标市场和目标受众目标市场：年轻人群（18-35岁），追求时尚、注重品质的消费者。

目标受众：年轻女性为主的消费者群体，他们关注最新的流行趋势，喜欢购买好看、质量好的服装。

受众分为以下几种类型：1. 时尚搭配爱好者：他们喜欢根据最新的潮流趋势进行搭配，关注大牌设计师的作品。

2. 生活方式追求者：他们注重休闲、健康、舒适的生活方式，关注健身、运动、户外活动等。

3. 实用主义者：他们注重服装的实用性，更注重品质和功能性，对价格也有一定的敏感度。

三、内容策划1. 活动内容：针对不同类型的受众，制定不同的活动方案。

- 时尚搭配爱好者：定期发布最新的时尚潮流趋势、设计师大片和时装秀等内容，引导用户了解最新的时尚资讯。

- 生活方式追求者：组织户外活动、健身挑战等，宣传品牌的休闲、运动系列产品。

- 实用主义者：发布产品实用性测试报告、用户评价等内容，介绍产品的功能和性价比。

2. 内容形式：结合图像和文字，制作图文内容。

- 发布时尚潮流趋势和设计师大片等内容时，使用高质量的图片和简洁明了的文字介绍。

- 发布产品实用性测试报告和用户评价等内容时，使用真实用户的图片和详细且客观的文字描述。

3. 活动周期：根据市场需求和品牌发展情况，设定不同的活动周期。

- 时尚潮流趋势内容：每周发布一次，跟进时尚界的最新动态。

- 品牌活动：定期组织品牌推广活动，如新品发布会、线下购物节等。

四、传播渠道1. 微信公众号：搭建一个企业微信公众号，发布图文内容。

- 发布时尚潮流趋势内容，吸引时尚爱好者关注，提供最新的时尚资讯。

- 发布产品实用性测试报告和用户评价等内容，增强品牌的可信度和产品的购买欲望。

运营核心任务：流量建设：通过各种推广、扩散、营销、活动，提升网站的流量指标用户维系：如何去持续有效的推动用户的活跃与留存，并且从中发现有价值甚至高价值的用户，这些用户会持续的为网站与产品带来价值、产生收益，让我们的平台和产品可以存活下去，并且活的有质量。

运营所涉及的三个层面：A、运营内容：1）创作内容(采集或者原创，各种内容类型都包涵）2）编辑审核3）推荐和专题制作4）找到需要这些内容的人，并且想办法呈现给他们5）根据数据和用户反馈，进行调整与优化内容运营的核心是什么？1）持续制作对用户有价值的内容（有趣/有用）2）根据KPI降低或者提高用户获取内容的成本3）协助网站和产品获利B、用户运营：1）开源（新用户拉动）2）节流（防止流失与流失挽回）3）维持（已有用户的留存）4）刺激（促进用户活跃甚至向付费转化）C、活动运营1）活动文案的撰写2）活动流程的设计3）活动规则的制定4）活动成本的预估5）活动收益的预期6）活动效果的统计7）改进活动的措施注意事项1、段首不用空两格。

因为手机屏幕小，一行能放的字有限，空两格的话很浪费，而且手机上显示很容易不整齐。

通过调整段前距离、段后距区分段落。

2、居中对齐。

文字短如诗歌居中对齐是不错的选择轻松美观但请保证句子不要跨行如果很长，一定不要居中，即使是“图书”这种惯用居中的文字。

不然会像这句话一样难看！3、每一屏都有一块“跳出来”的东西。

如果是比较深（ku）奥（zao）的干货长文，大段文字堆积是非常不可取的。

建议每隔一部分内容就设置一些不同的色彩/图片/格式，让内容“跳出来”。

4、文字配色。

使用自己的品牌VI色，及相应的配色系统，整篇颜色不要超过4种。

避免饱和度过高的颜色，很容易显得low low的——最好用同色系——5、图片与说明文字。

图片与说明文字间保持整体性，不要空行。

说明文字需调整大小或颜色，与正文区分开来。

6、巧用编辑器。

玩转各种编辑器样式与功能，省时又出彩，增强用户的阅读体验。

微信小程序制作方案及流程从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂。

（一）微信小程序背景作用微信小程序十分火热，传闻说是要和应用市场竞争，这不可能。

除非你替代IOS系统和安卓系统的手机，载体已经决定了性质。

其实，微信小程序功能，更多的是未了给用户提供更优质的服务。

微信试图在商业服务领域进一步开发社交平台的商业价值。

微信开放平台，接入了京东，滴滴打车，外卖等，这些平台本身已经拥有较大的影响力和价值，但却没有像淘宝那样，把线下的所有商家都尽可能的搬到移动端平台上。

这才是微信小程序的目的。

微信小程序其实很久以前就有，记得刚开始搜索附近人的时候，微信已经开通了门店功能，附近的优质门店就会展示出来，小程序，正是把这一功能单独提炼出来，把它做大做好。

微信公众号有很多功能，此前流行微信公众号开发，微官网，微店，微营销等，甚至，微信不能链接淘宝店，有的链接是移动官网，好像似乎都不尽人意。

其实，微信小程序，就是拿来供微信链接用的，进一步提升并解决微信开发，微店，微官网等没有做好的地方。

你可以试试做一个好的微信小程序，来推广你的业务或服务，以及一些有趣的应用。

这正是微信小程序的作用和目的。

（二）微信小程序制作从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂，小白也能按照流程完成制作。

微信小程序制作流程1.确定好微信小程序的的定位和目的如行业，功能，内容，目标用户，目标市场，意向名单，专业作用等。

2.落实小程序的程序制作公司，或者团队若是外部团队，要签订合同，打款之前，到公司实地考察情况。

小程序制作的公司很多，并不是每家公司都会制作出你心仪的小程序。

这要考察，更要好好沟通。

3.确定好小程序制作文案资料包括设计需求，功能项目，表格表单，广告语言，模板栏目，按钮，跳转链接，运行逻辑，计算公式，展现手段等。

4.小程序设计方案，设计图片出炉交付美工设计，保持沟通，按照文案和沟通内容进行设计。