秀米排版，从入门到入土（一）

前言
1. 概述
- 1.1 秀米是什么？
- 1.2 为什么是秀米？
- 1.3 如何使用秀米？
2. 秀米页面介绍
- 2.1 XIUMI首页
- 2.2 “我的秀米”页面
- 2.3 秀米编辑页面
3. 秀米图文编辑
- 3.1 图文总体设置
- - 主题色选择
  - 全文基础属性
- 3.2 文字排版操作
- 3.3 图片排版操作
- 3.4 模板的使用
- - 单个模板使用
  - 整体模板使用
- 3.5 其他注意事项
总结

前言

小菜鸡宝宝的第一篇博客，文本不能连同图片一起导入好难受，布局也不太熟悉，大佬轻喷~~~

近年来，不管是新媒体行业的发展，还是我们日常信息的获取，都越来越依赖微信公众平台的传播，掌握推送排版的技能十分重要。一篇篇推文旨在让读者在轻松愉快的环境中进行阅读，获取信息。所以说，协调统一、便于阅读是我们推文制作的最终要求和目的，把握好这颗“定盘星”你就永远不会偏离方向。本篇将从基础操作入手进行介绍，准备好之后那么我们开始吧！

开始的开始，我们先从三个“W”开始慢慢深入。即:“What”、“Why”、“How”~

1. 概述

1.1 秀米是什么？

秀米是一款专用于微信平台公众号的文章编辑工具，秀米编辑器拥有很多原创模板素材，排版风格也很多样化、个性化。秀米编辑器可以设计出专属风格文章排版。秀米编辑器还内置了秀制作及图文排版两种制作模式，页面模板及组件更丰富多样化。

1.2 为什么是秀米？

微信公众平台这个平台当然好，但美中不足的是自带的编辑器干涩难用，所以我们常常是利用某一推文编辑工具进行排版，再放到微信公众平台进行审核发布。但是同类的推文编辑工具繁多，如：96编辑器、新媒体管家、壹伴助手、i排版、135编辑器等，该怎么选择适合自己的呢？

如果你不知道的话，不妨采取“龙氏选择法”，就是不做选择。因为虽然编辑平台不一样，但其实各个编辑工具的操作和基本原理一致，只要认真掌握了其中一个，上手其他的便都不是什么难事，到时候想换也可以无缝衔接。因为我和我们部门常用的是秀米编辑器，所以这次给大家介绍的就以秀米为主了。

1.3 如何使用秀米？

这就是本文最关键的部分了，且听我后续慢慢道来~

2. 秀米页面介绍

当然，在进入编辑页面前有一个浏览器和注册的问题，推荐大家使用的是谷歌浏览器，然后注册这些咱们就简单跳过了，捞干的讲嗷~

2.1 XIUMI首页

这个页面是秀米的首页，上面有“我的秀米”、“秀米会员”等几个子页面，看了我写的超基础教程后如还有些不明白的，大家可以进入“教程”一栏，阅读官方的权威教程，里面更加全面和权威。当然后续我们最常用的是“我的秀米”，点击直接进入我们自己的秀米仓库。

2.2 “我的秀米”页面

什么，你的页面还是空荡荡的？别着急，一起来填满它吧！

到了这个页面，下方会显示大家之前已经做过的推送，当然如果你还没有做过的话，应该是空的。我们可以点击“添加新的图文”创建一个全新的图文，进入编辑页面进行编辑排版。另外我对上面的那一排按键进行一个简单的说明，大家留心一下，等会儿可是要考的~

板块小贴士

我的H5：使用秀米制作H5，界面和图文的基本一致，本次时间与篇幅有限，主要介绍图文排版
我的图文：即当前上图页面，这会是大家最常见的界面之一
我的团队：顾名思义，在其中可以创建和加入团队，进行团队协作
我的主页：用于向其他用户展示自己的作品发布到主页
风格秀：其他用户分享的优秀H5模板资源
风格排版：其他用户分享的优秀图文模板资源

2.3 秀米编辑页面

当大家点击“添加新的图文”后便会进入当前这个秀米编辑页面，按照作用我们可以把它划分为素材区、工作区和功能区三个区域（名字是我瞎起的，如有雷同纯属巧合，大家理解意思即可~）

素材区：大家关注最左侧的竖排菜单，“图文模板”中可以使用秀米官方提供的各种现成的模板；“图文收藏”则是当大家遇到心仪的模板可以直接收藏，方便下次使用；“剪贴板”中会记录你在排版时的“Ctrl C”拷贝内容，作为一个临时储存地。“我的图片”中则是咱们自己上传的图片资源会被保存在此处。任意一个素材，只要单击即可加入工作区光标对应位置，大家可以尝试点一点熟悉一下。
工作区：工作区主要分为上下两部分，上方的框内是此次编辑推文的封面、标题和摘要等内容，下方则为推送的正文部分（目前为空白），最下方还有一些全文的基础格式。右侧三个悬浮的按键从上至下依次可以进入深度排版、设置全文基础格式、查看全文统计。推文正文的具体排版操作后续将会进行介绍。
功能区：共有五个按键，在排版过程中使用频次相对较少，但是十分重要。从左至右第一个按键的图标用于打开其他图文、第二个用于查看此推送的预览、第三个用于保存当前编辑操作、第四个用于将推文拷贝到微信公众平台、第五个涉及各种不常用的文件和素材操作，大家在用熟悉常用操作后可以逐一进行尝试。

这可能就是秀米最麻烦的一个页面了，如果连这个都搞明白了，学会秀米排版还不是分分钟的事情嘛~

3. 秀米图文编辑

最重要的部分来辣！

3.1 图文总体设置

主题色选择

排版的前提一定是有东西可排，即你已经构思好了整篇推送的内容，写好了文案，准备好了所需的素材等。那么首先，先为你的图文确定一个主题色，当然主题色要和内容具有一定的契合度，比如内容是人与自然就可以选择偏绿色的色调作为主题色。

在一开始选择一个主题色的好处在于，可以自动统一后续素材的颜色，使得整篇推送色调统一，不会出现颜色搭配乱、种类多显得花的情况。同时主题色的确定也需要你对全文做出一个考量和把握，所以提前确定主题色是一个好习惯。

全文基础属性

在图示的图标中，可以设置推文的背景，可以是背景颜色或是背景图；也可以设置一些全文的基础格式，如基础字号、页边距、行边距等。这几天设置放在一块的原因是，在一篇推文的编辑过程中，他们大多只需要设置一次便可在全文生效。

当然别高兴的太早，由于部分素材的原因，在你初步设想构思完成，并将这些基础属性设置好后，总是会遇到一些奇葩的素材，要么是和背景不搭，要么是在背景有颜色的区域显示为一个白框，更有甚者是在秀米预览好好的，但是必须得调页边距才能在微信公众平台正常显示等。未来的排版过程中，有更多玄学bug等待大家去发现和解决~

3.2 文字排版操作

在秀米中操作文字其实基本类似于在word中对文字的操作，同时由于有限的操作已经全部展示了出来，所以只会比word排版文字简单不少。大家只要会word操作，理解一些基本名词的意思，如行间距、偏移量等即可，我就不逐一介绍了。我需要强调和安利的是其中的“格式”菜单中的一些功能！但在此之前还是需要提醒你留意一下上图示例文字中可爱的表情~

上图！

首先先来简单浏览一遍“格式”菜单中的功能，其中有一个“西文打断”功能。我做了一个小演示，上图中我仅仅是把之前的示例后随意敲了过量的西文字母，就导致可爱的表情被迫分行了，这还不止，我们注意到，第一行的汉字为了满足两端对齐的要求被迫自动拉开了字间距，显得很不协调。这也是在我们日常排版中常遇见的情况。某个英文标题或者英文名字太过冗长，导致文字排版严重不协调，逼死强迫症，好在这个功能上线之后终于解决了。下图贴一个使用后的效果。

可以看到，使用“西文打断”后，到了该分行的位置会将一个完整英语单词或者纯粹连起来的字母强行打断，保证了排版的美观性，也守护了可爱的表情呐 >-<

3.3 图片排版操作

图片排版其实考验的是图片模板的挑选和使用能力，毕竟一般不会直接把一张图片扔到推文里面，都会用一些模板进行美化装饰。相比于文字，图片的操作可调性相对较小，和平常的操作也没有很大区别，简简单单加个边框，调个亮度啥的也不稀奇。但是我需要强调一个很重要的小功能，当当~就是“裁剪”！

就拿旁边这个”减少聚集“的素材做例子吧，上图！

在裁剪中可以选择裁剪比例，也就是裁剪后的图片长宽比，当裁剪比一致且缩放比例一致时，同类的两张图片是一样大的。这有什么妙用呢？当然是在滑动组件里使用了！如果你的图片没有经过裁剪，由于原始图片大小不一定一模一样大，所以滑动显示的图片也不一样大，反而参差不齐大小不一，极度考验强迫症。但是经过同比例裁剪之后便可实现平滑显示。下图是大小不一的图片滑动显示时会出现的问题。

裁剪的最直观作用其实是选取图片表现对象，一个图片中总有一些是我们着重想展示的，通过裁剪可以实现对应部位的放大，以达到凸显主题的作用。

3.4 模板的使用

单个模板使用

单个模板的使用其实很简单，在素材区中有很多官方提供的图文素材，也有非常多的检索类别。刚开始接触大家可能不是很习惯，但是多点几下尝试一下，就能很快上手。一般都是单击素材，然后将对应的图片或文字部分进行修改，并且将素材中不应该出现的元素删除。例如你想用一个红色的圣诞图文模板，那你就要把里面的红色圣诞帽删掉，因为除非你在做圣诞系列的推文，不然圣诞帽的存在会显得突兀，让你整体推文极不协调。

整体模板使用

整体模板的使用可以增加全文的统一性和协调性，不需要我们从头开始一个一个选取匹配素材，可以最大限度的缩小工时，提高效率。但是用模板并不是一劳永逸的，其中也是有几个重要的注意事项。使用模板要返回上个“我的秀米”页面，然后点击“风格排版”即可进入。

进入风格排版后，下方都是其他用户提供的一整篇的推文模板，有付费的也有免费的，一般免费的也就够用了。我们可以将心仪的模板另存到我们的秀米列表，然后直接在模板中进行图文修改，在保证美观的同时大大缩短排版时间。尤其值得一提的是，秀米模板的检索分类非常详尽，尤其还有一个用色调进行检索，根据你预想的推文主题色，可以进行对应的检索十分的方便。

3.5 其他注意事项

本篇虽然是推文排版的操作教程，但是有一些注意事项还是需要注意，但是在本篇中不会过多涉及排版的细碎要求，所以不免挂一漏万。

层次问题

我们说排版的意义其实是取悦读者，让读者能在轻松愉快的环境中进行阅读，获取信息。所以我们不能将大段的文字直接扔给读者，而必须对文本按照一定的逻辑进行梳理划分，用小标题、卡片框、分隔符等将不同段落进行分割和美化，使得全文井井有条。例如本篇教程，用不同层级的标题标明了不同段落之间的逻辑关系和本段落的具体内容，便于读者更好的把握内容。

图片质量

这里的图片质量其实指的是在做推文过程中使用的素材的质量不能太低，不能将一些很模糊的图片或者与文无关的素材放进去（除非有特定用途）。一张不合适的图片或素材，会明显拉低整篇推文的整体质量，所以前期的构思和素材的整理收集十分重要。

颜色搭配

颜色搭配是萌新常出问题的地方，因为萌新一般不会去主动匹配校准模板的色调，导致一篇推送中出现了七八种明显不同的颜色，会使得推文整体显得花和乱。但是如果你提前设置了主题色，或者直接套用一整篇风格模板，则一般不会有问题。

未完待续~

总结

本篇推送主要对秀米的页面和重要的排版操作进行了介绍，面向萌新，故专注于操作层面。后续会更”一篇推文的诞生“、”推文排版的要求“等进行分享（确信）。本篇是我的第一篇博客，不管是内容上还是布局上都不够严密成熟，大家轻点喷~