秀米是公众号、小红书等平台常用的图文排版工具,其核心优势是组件化排版、全局样式统一和丰富的模板库。下面从入门基础、核心技巧、高级优化、避坑指南四个维度,帮你快速掌握专业秀米排版:
一、入门基础:搭建页面框架
1. 新建项目
打开秀米官网(https://xiumi.us/),登录后点击「新建图文」,可选择空白页面(自由创作)或模板库(快速套用);
根据平台选择尺寸:公众号选「手机图文」(适配手机屏),小红书选「竖版图文」(9:16比例),知乎选「宽屏图文」。
2. 全局样式预设(关键!节省80%时间)
在顶部「设计」面板设置全局参数,所有组件自动同步:
字体:正文选「思源黑体/苹方/Roboto」(手机易读),标题选粗体,全局字体不超过3种;
字号行高:标题18-24px(行高1.2)、正文14-16px(行高1.5-1.8)、小字说明12px;
配色:设置主色(品牌/主题色)、辅助色(强调重点)、中性色(黑白灰,占70%以上),避免颜色杂乱;
页面边距:左右10-15px(避免文字贴屏幕),上下留白20px+(呼吸感)。
二、核心排版技巧
1. 文字排版:清晰易读是第一准则
统一样式:所有正文用同一组件(不要混用多个正文组件),标题用固定标题模板;
重点突出:仅对关键内容(标题、核心观点、按钮)做「加粗+主色」或「背景高亮」,不要全文字体变色;
避免长句:手机阅读适合短段落,每段不超过3行,换行自然分隔观点。
2. 图文排版:风格统一+适配屏幕
图片规范:
封面图:公众号封面1080600px,小红书封面10801920px;
正文图:宽度设为「100%」(适配手机屏),或固定宽度后居中;多图用「图片组」组件,统一圆角/间距;
风格统一:全图文风一致(如扁平/写实/复古),图片饱和度、滤镜统一;
图文间距:图片上下留10-15px空白,文字与图片不要紧贴,避免拥挤。
3. 组件使用:简洁不花哨
优先用基础组件(标题、正文、分割线、卡片),少用过度装饰的花里胡哨组件(如闪瞎眼的动画边框);
重点内容用「卡片组件」(浅主色背景+圆角),分割线选简洁款(虚线/细实线),保持页面清爽;
常用组件(页眉、页脚、重点卡片)保存到「我的组件」,下次直接复用。
三、高级优化:提升专业感
1. 布局设计:层次分明
用「分栏布局」实现图文混排:如左图右文(3:7比例)、上文下图,避免单调;
用「留白和分割线」划分区块:不同主题内容间加分割线/空白段,让读者一目了然。
2. 细节优化
图片加「轻微阴影/圆角」:增强层次感,避免生硬;
全局统一「圆角半径」:如所有卡片、图片圆角设为5-10px,风格一致;
动画克制:仅给核心组件(如标题、按钮)加「淡入/滑动」动画,避免全页动效导致卡顿。
3. 多平台适配
公众号:正文宽度控制在300-375px(手机最佳阅读宽度),避免用过大的字体;
小红书:标题放大(28-32px),重点内容用「大号粗体+色块」,适配竖屏阅读;
预览调试:点击「预览」扫码看手机实际效果,调整字体大小、间距,确保无溢出/重叠。
四、避坑指南
不要滥用字体/颜色:字体≤3种,配色≤3种(主+辅+中性),避免花里胡哨;
不要忽略行高:正文行高1.5-1.8倍,行高太小阅读累,太大显松散;
不要堆砌组件:拒绝满屏内容,留白才是高级感的关键;
避免图片尺寸混乱:所有正文图统一宽度(100%),不要大图片和小图片混搭;
复制到公众号注意:用秀米的「复制到公众号编辑器」功能,直接复制可能导致样式丢失,复杂动画组件尽量不用(公众号不支持)。
通过以上步骤,你可以快速排出风格统一、专业整洁的图文内容,熟练掌握后还能基于模板定制自己的专属排版风格~

还没有评论,来说两句吧...