拆分式封面，应付新版米游社首页排版用
大家好，这里是紫喵Azunya
这是一个测试贴，如果好用的话我就直接在帖子里分享排版思路了
测试结果，我觉得还比较满意，大家可以点开下面这个折叠查看效果
封面在米游社各板块效果预览
首页三图
动态与个人主页二图
电脑网页版三图
接下来分享我的思路
一、了解新版米游社各板块封面展示规则
①APP端首页面板展示规则为：固定三图展示（每张图长宽比为1:1）
若有设定「封面」，则从左往右第一张图为「封面」，第二张为除了「封面」外帖子里的第一张图，第三张为除了「封面」外帖子里的第二张图。
若无设定「封面」，则从左往右三张图分别为帖子里的前三张图。
②APP端动态面板、个人主页面板、收藏面板展示规则为：
若有设定「封面」，则只展示封面图。（横图为16:9;竖图为16:21）
若无设定「封面」，则展示两张图，从左往右两张图分别为帖子里的前两张图。（每张长宽比为1:1）
③电脑网页端所有页面展示规则为：
若有设定「封面」，则只展示封面图。（图长宽比为1:1）
若无设定「封面」，则展示三张图，从左往右三张图分别为帖子里的前三张图。（每张长宽比为1:1）
④以上所有若无设定封面，且图片比例与展示比例不符，将会以图片中心点与图片长宽中较短的数值为基准进行裁切显示。
二、明确排版需求进行设计
①APP端首页与动态为主要展示窗口
由于首页被固定为三图，设置「封面」无济于事，所以我们需要设计一个能兼顾三图与二图的排版，最终以无设定「封面」的形式进行展示。
②以单图比例为基准确定封面比例
由于首页被固定为三图，为了满足清晰且美观的需求，我们需要将一整张图拆分为三张图进行拼贴展示。
首页三图比例均为1:1，所以我们需要设计一张比例为横3:竖1的封面图，并从左到右切成3张。
③兼容三图与二图的封面内容分布
由于要兼顾二图与三图，三图展示为123顺序，二图展示为12顺序，所以我们的封面主要内容需要分布在左侧与中部的位置，右侧位置需要放置一些次要的内容，因为二图的版面不会把这个部分展示出来。
④分图保存
设计完成后，我们需要将封面从左到右分割为1:1的三张图进行保存，同时可以保存一张无切割的真封面
三、发布时的编辑操作
①设置折叠，避免帖子内排版难看
由于米游社的帖子内图片无论大小都是竖着往下排列的，所以三张横向拼贴方形图会显示得非常丑而且由于放在最开头，会很影响阅读体验。
所以我们需要用网页端的发布编辑器在帖子最开头插入一个折叠，就如同本帖开头一样。将三张方形图丢进折叠里，并提醒读者不要展开。
②添加正常封面图
设置完展示封面后，将正式的封面放在折叠下方作为第四张图，当然如果不想设置封面也可以不放。反正从第四张图开始，后面的图片都不会在外面展示了。
③一定不要再设置「封面」，否则前面那三张就无效了。
那么本期测试到此圆满结束！既然米游社短期内不愿意改回原版封面展示，那我们也只能自己去适应他的新规则了。
希望我的分享可以对所有创作者都有所帮助，感谢各位的观看！
最后要艾特一下小助手@创作者小助手
