重大版《新媒体内容编辑》课件项目4-排版新媒体内容.ppt

1、项目四 排版新媒体内容项目综述项目综述在新媒体时代下，内容的排版有着相当重要的作用。可以说好的内容，配合好的排版必然是锦上添花，而不好的内容，配合好的排版也能在一定程度上弥补内容的不足。如果说标题能够引导读者点开文章，好的排版就可以留住读者继续阅读，从而才会达到内容想要的效果，排版的目的是辅助阅读，使内容更容易、更有条理地被读者接收，从而更容易传达作者意图。什么样的排版能够辅助阅读呢？总结起来大概是这几点：容易理解、可以扫读、整洁有序、段落清晰和重点突出。了解排版目的，有利于在排版实践中做到心中有“理”，还可以辅助体验给读者带去愉悦、舒适的视觉享受，带来视觉体验的美感。小萍在公司的宣传部工作已

2、经有段时间了，近期公司开通了微信公众号，需要将新闻稿发布在新平台上。虽然实习工作已经让她掌握了一些新媒体编辑工具的使用方法，但对微信公众号内容的编辑仍然不是很熟悉。部门经理的要求是，在新媒体上发布内容，不但要符合规范，而且要有美感，尽可能地提升用户的阅读体验。项目目标项目目标知识目标能力目标情感目标掌握微信后台创建图文消息的方法；掌握秀米第三方工具的使用方法；掌握新媒体平台图文排版的规范。能利用微信后台创建并发布图文消息；能使用秀米第三方工具创建更加丰富的图文消息并同步到微信公众号；能通过图文排版的规范提升用户的阅读体验。提升对新媒体内容排版的审美标准；建立新媒体内容编辑者对内容排版的规范化要

3、求。项目任务项目任务 任务1 掌握微信后台编辑排版01 任务2 掌握秀米第三方工具排版02 任务3 熟悉微信图文消息排版技巧03情景设计情景设计很快，小萍就接到了负责公司微信公众号的宣传工作。这天上午，部门经理将小萍叫到了自己的办公室，把公司已经注册好的微信公众号账号和密码交给她，并跟她说：“公司的微信公众号刚刚建立，还没有内容，你的任务就是将近期发布在公司网站上的内容通过微信公众号再次发布，搭配适当的图片、音频和视频等素材并进行合理排版。”经理接着说：“由于刚开始在微信公众号上发布内容，要立足用户的视角，努力提升阅读体验，最好是征求一下大家的意见，搞一个投票，看看大家对微信公众号这个平台体验

4、的满意程度。”小萍虽然天天都接触微信公众号，也每天阅读推送的内容，但对于如何发布这些内容却感到陌生，她决定上网搜索相关内容进行学习，边尝试边学习，通过不断阅读、总结其他公众号的文章，提升自己对内容编排的审美标准。任务分解任务分解01活动1 创建图文消息02活动2 使用编辑器03活动3 插入素材04活动4 插入投票活动05活动5 设置图文消息06活动6 发布图文消息活动活动1 创建图文消息创建图文消息微信公众号的注册主体可以是个人，也可以是媒体、企业、政府或其他组织，个人在注册微信公众号是需要准备如下东西：一个未绑定一切微信产品的邮箱（包括开放平台、个人微信号、公众号、小程序等）、运营者身份证、

5、运营者电话号码和已绑定运营者银行卡的微信号即可，注意：每个个人只允许注册2个公众号。活动活动1 创建图文消息创建图文消息创建图文消息实训任务实施小萍通过浏览器进入微信公众平台首页，通过以下操作步骤完成了公众号图文消息的创建。(1)在微信公众号首页，通过输入已有的账号和密码进行登录，进入微信后台。(2)查看左侧的菜单，点击“管理”“素材管理”。(3)进入素材管理页面，点击“新建图文素材”“。(4)进入新建图文消息页面，中心区域为图文内容编辑区。(5)将之前公司网站发布的一篇文章输入微信图文信息编辑区域，对应标题、作者和正文，即可完成微信图文消息的创建。试一试试一试如何在一篇图文消息中增加一条图文

6、，达到多图文的效果？活动活动2 使用编辑器使用编辑器不规范的排版不仅仅让阅读者无法抓住文章主旨和重点，还会产生视觉疲劳，最终放弃阅读。规范美观的排版一般都是字体大小适当、段落样式统一以及文字颜色不超过3种不规范的排版规范的排版活动活动2 使用编辑器使用编辑器微信后台提供了简单而实用的编辑器，可以对图文消息中字体、字号、字形、字体颜色、背景颜色、对齐方式、段落格式等进行编辑设置。活动活动2 使用编辑器使用编辑器使用编辑器实训任务实施李小萍继续通过微信公众平台后台页面，大致浏览了编辑器的各项功能，通过以下步骤完成了图文消息的文字排版。（1）清除格式。（2）字体调整。（3）对齐方式。（4）添加引用。

7、（5）超级链接。试一试试一试微信后台编辑器还提供了一些其他功能，它们该如何使用呢？活动活动3 插入素材插入素材添加图片的微信公众号文章转发率要高于纯文字的文章。图片、音频及视频不但丰富了内容、更好的辅助阅读，而且帮助文章内容的表达，让读者更容易接收文章表达的意图，让读者更加悦读，带来不一样的视听感受。微信后台默认的素材包括图片、语音（即音频）和视频，图文消息也被算作是一种素材。文字图片音频视频图文活动活动3 插入素材插入素材插入素材实训任务实施李小萍在网上搜索了相应的素材，继续通过微信公众平台后台页面，通过以下步骤完成了素材的插入与排版。（1）素材分组。（2）上传图片。（3）插入音频。（4）插

8、入视频。（5）等待审核。（5）发布图文消息。活动活动4 插入投票活动插入投票活动投票功能是对阅读者有关于比赛、活动、选举等进行收集意见。投票方式包括了单选和多选两种，选票也可以使用图片来展示，但是微信自带的投票活动效果仍然比较单一，相比于微信自带的投票活动，一些第三方平台可以提供效果、功能都比较丰富的投票活动，如有娱、51微投票等。后台自带投票第三方平台投票活动活动4 插入投票活动插入投票活动插入投票实训任务实施在策划完成微信投票活动的问题后，李小萍开始尝试着在微信公众平台后台页面，通过以下步骤完成了投票活动的创建与插入。（1）新建投票。（2）输入投票名称。（3）添加投票问题。（4）编辑投票问

9、题。（5）预览投票。（6）插入投票试一试试一试如何在微信投票活动中用图片代替选项呢？活动活动5 设置图文消息设置图文消息一个熟练的新媒体编辑工作者，经常可以快速的完成文章内容的编辑工作，并且保持了风格统一，一个公众号其图文消息的风格也将会是它的品牌形象之一，制作精美又别具一格的编辑排版常常会给阅读者留下深刻的印象，便于公众号的推广。微信后台提供了生成“图文模板图文模板”的功能，可以方便新媒体编辑工作者快速创建风格统一的图文消息。活动活动5 设置图文消息设置图文消息设置图文消息实训任务实施李小萍在编辑完成第一篇图文消息后，通过以下步骤完成了图文消息的设置及多图文消息的创建。（1）添加原文链接。（

10、2）开通原创声明。（3）设置封面图片。（4）输入摘要。（5）添加模板。（6）分享图文。活动活动6 发布图文消息发布图文消息在完成所有图文消息的前期制作后，最后一步就是将图文消息发布出去，也就是群发给订阅的用户们，微信订阅号每天只能向用户推送一次图文消息，并且一旦推送无法撤销操作，那么如何检验图文消息的效果呢？微信后台提供了丰富的预览功能，不但可以在计算机浏览器中模拟预览，还可以发送到手机端进行预览。在发布图文消息前进行充分的预览以防止不必要的错误，既是对订阅用户的尊重，也是职业的必备素养，通过反复预览，不断修正，尽最大可能提高图文消息的质量，是新媒体编辑从业者的必修课。活动活动6 发布图文消息

11、发布图文消息发布图文消息实训任务实施李小萍不断尝试后台预览，对其中的细节加以修正，通过以下步骤完成了图文消息的预览和修改，并最终完成图文消息的发布。（1）预览。（2）修改。（3）发布。（4）分享。试一试我们平时浏览微信公众号所发布的图文消息时还有哪些常见的功能，它们又是如何实现的呢？合作实训4人为一个小组，分别完成以下任务：（1）开通一个微信公众平台，小组讨论，头脑风暴，选择一个主题，完成设置。（2）设置全部成员为微信公众号运营人员，都可以通过账号和扫描登录。（3）每位同学利用微信编辑器完成1篇单图文消息和多图文消息，要求使用微信公众号后台的全部功能，包括插入音频、视频、投票等。02掌握秀米第

12、三方工具排版情景设计情景设计李小萍负责公司微信公众号的宣传工作已经一段时间了。她学习了如何通过微信公众号平台进行图文消息的发布，但每次发布消息时，都对图文消息的排版大伤脑筋。好的排版具有美感，让读者看起来舒服，能帮助读者分辨文章内容，决定文章的可读性和阅读体验。微信公众平台自带的编辑器可以实现对图文消息的基本排版，做出简洁干净的图文排版，但要想做出更多美化的、特别的样式效果，应该怎么实现呢？任务分解任务分解01活动1 创建秀米图文消息02活动2 选择图文布局板式03活动3 编辑和保存图文消息04活动4 同步微信公众号05活动5 发布到其他媒体平台活动活动1 创建秀米图文消息创建秀米图文消息秀米

13、是微信图文排版和微信图文排版和H5场景制作平台场景制作平台，提供丰富多彩的模板设计以及便利的操作体验，让你能快速制作出如报刊杂志般精美的内容。秀米微信编辑器有以下优点：（1）界面美观，简单易操作。（2）模板资源非常丰富，样式更新速度快。（3）秀米编辑器不但可以将排版好的内容复制，而且还可以直接同步到微信公众平台，但前提要先绑定你的微信公众号。活动活动1 创建秀米图文消息创建秀米图文消息创建秀米图文实训任务实施李小萍通过百度找到了秀米官方网站，通过以下步骤顺利完成了第一个秀米图文消息的创建。（1）注册秀米账号。（2）新建图文。（3）熟悉秀米编辑器。（4）编辑图文消息。（5）插入图片。（6）插入视

14、频。（7）插入超级链接。活动活动2 选择图文布局板式选择图文布局板式秀米图文排版属于结构化编辑方式结构化编辑方式，因此每一个模板组件都可以看作是一块积木随意移动位置。而布局则是作为划分版面的框架，有了框架，模板组件才能有序地排列组合。秀米有三种布局，分别为：基础布局、滑动布局（分为横滑、竖滑两种）和表格布局。这三种布局都有各自对应的工具条，区分这些工具条，可以根据在最左边的属性显示区分其功能特性。活动活动2 选择图文布局板式选择秀米布局实训任务实施李小萍用账号登录秀米网站，利用布局模板按照以下步骤完成了一个图文版头的编辑。（1）基础布局，编辑图文。（2）滑动布局，编辑图文。（3）表格布局，编辑

15、图文。活动活动3 编辑和保存图文消息编辑和保存图文消息秀米图文排版这款编辑工具的初心，是协助编辑用户梳理内容结构，让用户更好地去思考怎么向他们读者展现内容的层次。为此，秀米所设计的图文排版系统，称之为结构化编辑。结构化的意思是，在图文编辑的过程中，文字、图片或者是系统提供的模板，都可以看成是一块一块像积木一样的结构，每个结构都可以单独编辑，同时也可以进行复制、粘贴、调换位置各项操作。活动活动3 编辑和保存图文消息秀米编辑图文实训任务实施（1）单击“风格排版”按钮，进入“风格排版”界面，选择“一键采用”。（2）进一步修改优化图文消息，使其更加美化，阅读体验好。活动活动4 同步微信公众号同步微信公

16、众号秀米同步微信公众号的方法有两种，一是复制内容到微信，二是同步图文到微信。复制多图文同步活动活动4 同步微信公众号同步微信公众号表1.2.3新媒体行业的商业犯罪案例分析表秀米同步微信公众号活动实施李小萍用同步到微信公众号的方法发布图文，步骤如下：（1）在同步到微信之前，点击在编辑界面右上角的“授权公众号”。（2）正式进入授权页面，微信扫码确认。然后在手机上进行授权。（3）授权成功后，秀米编辑界面右上角的“授权公众号”处被微信公众号头像替代。（4）点击秀米编辑界面右上方的 按钮，选择“同步到公众号”（5）到微信公众平台查看同步的图文消息。活动活动5 发布到其他媒体平台发布到其他媒体平台什么是贴

17、纸图文什么是贴纸图文？贴纸图文，是把一篇图文里面带模板格式的部分变成图片，正文部分保留成文字，这样复制到其他平台可以保留模板效果；也可以将字体效果转成图片，复制到微信平台。也就是说，贴纸图文具体有两个作用：（1）秀米图文发布到除微信外的其他内容平台，都不支持秀米模板，将内容复制到平台后，大部分模板会丢失。而贴纸图文可以解决这个问题，生成贴纸图文后，复制到这些平台，就可以让你的文章在这些平台上拥有秀米的精美模板，提升阅读体验。（2）现在的微信图文，是不支持字体的。这时候可以使用贴纸图文，把包含字体的内容转成图片，复制/同步到微信后台。打开编辑区的增强特性，就可以使用字体，从而生成贴纸图文。活动活

18、动5 发布到其他媒体平台发布到其他媒体平台表1.2.3新媒体行业的商业犯罪案例分析表发布到其他媒体平台活动实施李小萍用用贴纸图文的方法，将秀米图文发布到百家号和头条号上。合作实训4人为一个小组，分别完成以下任务：（1）每位同学均开通秀米编辑器，熟悉相关功能，绑定小组的微信公众号。（2）将原来的微信图文消息，重新利用秀米编辑器进行重新排版布局。03熟悉图文消息排版技巧情景设计情景设计李小萍作为公司的实习生，急需在实际工作中积累经验，某天部门经理让她帮助客户创的微信公众号发表一篇文章并做到精细化排版，于是她利用在学校学到的知识编制出一篇自以为不错的文章，交给企业负责人审批，没有想到企业客户提出了种

19、种的问题，针对排版上面的突兀，建议她多多参考优秀的公众号。李小萍决定通过对不同公众号内容的对比和各种排版技巧的总结，重新编制公众号的文章。任务分解任务分解01活动1 掌握图片排版技巧02活动2 掌握文字排版技巧03活动3 排版内容开头04活动4 排版内容正文05活动5 排版内容结尾活动活动1 掌握图片排版技巧掌握图片排版技巧通过图片展示来提高视觉效果，从而为平台提高人气，为活动变现打下坚实基础。这些提升图片视觉效果的方式，不仅在微信公众平台上适用，在一点资讯、今日头条等新媒体平台也同样适用。活动活动1 掌握图片排版技巧图片排版技巧实训任务实施第第1步，掌握封面图排版技巧。步，掌握封面图排版技巧

20、。（1）一般封面图尺寸为900像素500像素，次图尺寸为200像素200像素。好的封面图可以有效引起读者的阅读兴趣，并转化为内容阅读，同时也能体现出作者的审美品位。（2）封面图要尽量选择色彩统一、背景干净的图片。（3）多个图片的配图，整体风格要保持一致。（4）封面图片的内容要尽量居中，这样微信后台在自动截图时才能截取正方形内容，保证精彩内容更容易被读者看到。（5）封面图中不要出现太多文字、图片，并保证视觉的焦点在图片中央。活动活动1 掌握图片排版技巧图片排版技巧实训任务实施第第2步，掌握正文配图技巧步，掌握正文配图技巧（1）尽量选择和文章内容相近的图片作为配图，最好统一图片的大小，并保持冷暖色

21、调一致。（2）配图和文字之间通过空隙增加观赏性。在处理配图和文字之间的关系时，需要在正文上下空出一行，使整体的层次感更丰富，阅读起来更加轻松。在图片下边，建议最好有一行小字以标注图片的内容和出处，可以使用10号字或者12号字，保证图片传递信息的完整性。（3）图片的大小在50KB2MB之间。尺寸比例采用统一比例，建议采用16:9或者4:3，不建议使用竖构图图片，像素大小控制在1000左右。活动活动1 掌握图片排版技巧图片排版技巧实训任务实施第第3步，掌握图片的选取与制作技巧步，掌握图片的选取与制作技巧（1）GIF动图视觉感强很多的微信公众号文章都会采用GIF动图形式，这种动起来的图片能为公众号吸

22、引不少的读者。GIF格式的图片相对于传统的静态图，拥有更强的表达能力。（2）长图文更具有冲击力使用长图文是一种让微信公众平台获得更多关注度的好方法。长图文将文字与图片融合在一起，借文字描述图片内容的同时，用图片使所要表达的内容更加生动。（3）选择合适的图片尺寸运营者要选择大小合适的图片做为文章的主图，既能满足展示清晰度的要求，又不会因尺寸过大增加文章加载的时间。（4）适当处理图片增加视觉体验活动活动2 掌握文字排版技巧掌握文字排版技巧标题是引起读者阅读兴趣的开始，简明扼要的标题能迅速吸引读者的注意，也能帮助用户快速找到文章的结构及重点。需要注意的是文章标题要尽量控制字数，简短醒目、易理解的标题

23、往往更受读者的青睐。由于订阅号的标题是被折叠起来显示的，折叠后能显示的文字非常有限，如果标题名字过长，很可能在折叠后无法显示完整。活动活动2 掌握文字排版技巧掌握文字排版技巧表1.2.3新媒体行业的商业犯罪案例分析表文字排版实训活动实施第第1步，学习提炼标题。步，学习提炼标题。1.标题字数尽量控制在13个字以内。2.标题可添加“【】”来凸显关键字，或者是简洁的“|”，但不要有过于繁琐、奇怪的符号。第第2步，学习文字排版的基本技巧。步，学习文字排版的基本技巧。（1）文字与行间段落（2）文字的首行缩进。（3）文字的颜色（4）文字的对齐与留白试一试试一试翻看你的手机微信订阅号，看看他们的文字排版是否

24、合适？对不恰当的文字排版，请试着修改它。活动活动3 排版内容开头排版内容开头微信文章的开头是“第一印象”，良好的开头具有以下3个作用：（1）服务题目。当题目已经引起读者好奇时，开头需要解释或延续这种好奇。（2）吸引读者。如果开头内容无聊晦涩，读者很可能选择关闭文章，所以，开头需要吸引读者。（3）帮助理解文章。在读者阅读文章时，如果背景知识很重要，在开头就要介绍背景知识，以便读者理解文章。活动活动3 排版内容开头排版内容开头表1.2.3新媒体行业的商业犯罪案例分析表排版内容开头实训活动实施（1）使用顶部引导关注。常见的顶部引导关注语是“点击蓝字关注我们”，或者轻松俏皮的语言，比如“既然来了，关注

25、再走嘛”“动动大拇指，关注有惊喜”。为了更加吸引人，一般采用动态的GIF图片。（2）使用顶部签名档。微信公众号签名档是指微信公众号运营者在向用户推送信息内容时，可在信息内容中加上自己的电子名片。微信公众号签名档可以设置在内容的顶端和低端，签名档是对公众号平台信息最基本的描述和概况，可以是文字、图片或动画。（3）文章内容的简要介绍和阅读时间提醒。在文章开头，标明全文字数、关键字和阅读时间，控制读者预期阅读时间，塑造“认真靠谱”的形象。（4）开头提问题。根据文章内容，在开头设置问题，让读者带着问题去阅读，提高阅读效率，加深理解程度。这种方法适合内容严肃的推文。活动活动3 排版内容开头排版内容开头表

26、1.2.3新媒体行业的商业犯罪案例分析表排版内容开头实训活动实施顶部引导关注顶部阅读提示活动活动4 排版内容正文排版内容正文微信文章正文的版式设计，应该以阅读体验舒适为第一原则，不要给人压迫感。当然，不同的微信文章定位，必须符合自身的特点和气质，美文配美图，要的是意境，专业文章也该有专业的范儿。活动活动4 排版内容正文排版内容正文表1.2.3新媒体行业的商业犯罪案例分析表排版内容正文实训活动实施（1）正文内容篇幅技巧。（2）正文段落的间距问题。（3）导读4060字为宜。（4）保证无错别字。（5）图文并茂，突出美感。（6）复制的内容注意清除格式。（7）多用样式，让文章层次鲜明。（8）巧用第三方编

27、辑工具。活动活动5 排版内容结尾排版内容结尾每篇热转的微信内容都是精益求精地做好了标题、正文、尾部的内容，每一个部分都有它独一无二的价值所在。尾部在微信公众号中除了做好一篇文章的内容收尾概括作用之外，还承担着进行自推广自推广的责任。做好尾部的内容排设，有助于账号的扩散。在文章的结尾处可以适当的加入视频或者一些总结性的文字，让读者有种意犹未尽的感觉，在总结全文时，插入视频可以让读者看完你的文章后有了新的体会，同时要记得写上提醒关注的字样。结尾是一篇文章比较重要的地方，写的时候要注意避轻就重，达到统一全文的目的。活动活动5 排版内容结尾排版内容结尾表1.2.3新媒体行业的商业犯罪案例分析表排版内容结尾实训活动实施（1）在结尾排版时通过分隔符区分功能。（2）热门文章推荐。（3）文章基本信息。（4）互动引导信息。（5）“阅读原文”引导。合作实训4人为一个小组，团队合作，完成以下任务：（1）熟悉常见的微信编辑工具，包括秀米、135编辑器等。（2）收集不同方向的微信素材元素，并整理分享。（3）收集10篇排版有特点的文章，并整理分享。