史上最全图文精美排版技巧

定期更新新媒体知识,在学习之中,有问题可以留言,大家交流,谢谢!

目录

系统性思维和版面设计

有隔板的衣柜
举例:★ 红星照我去奋斗
举例1
举例:浪漫 小店周末不打烊,左边的小圆环可以复制多个哦
浪漫小店
总结:手机屏幕好比是一个衣柜,布局就如衣柜里的隔板,先是划分出各种大小区域,然后图文内容便可以按照一定的阅读顺序,依次放入到布局划分出来的大小区域中,也可以随时拖动置换大小位置。我们把这种灵活编辑方式归结为结构化编辑方式。

微信图文8大固定元素的设计规范

● 图文消息标题(固定样式,不可实现特殊排版效果)
● 图文消息封面图 (固定样式,不可实现特殊排版效果)
图文消息标题

● 顶部引导/声明
顶部引导

文章版首

● 图文消息标题

服务号建议17字以内
订阅号不要太长
注意:尽量不要太凌乱,小符号不要出现太多

图文标题
● 图文消息封面图
图文消息封面图
● 顶部引导/声明
顶部引导
● 文章版首:文字日签

文字日签
● 文章版首:图片日签
图片日签
● 文章版首:字数和阅读时间提示

文章版首
● 文章版首:卷首语

卷首语
● 小标题(段落标题)
小标题正文小标题 (段落标题 )建议20px ,可以颜 色突出,但要简短精要

● 正文内容
● 分割线
分割线
● 可加在— —
导语和正文之间
正文和文章底部引导关注内容之间
正文和注释之间
● 分割线不要加太多
● 文末引导
文末引导
微信图文排版规范

微信图文排版规范
● 正文字号
正文字号大小12px ~18px
正文字号
● 间距——正文行距/段距

间距
■ 为 了更加舒适的视觉 效果,行间 距使用1.5-1.75 比较好 好
■ 段 段间 用空行,每段长 度尽量在一屏幕内,建议 适当配图

● 间距——页面边距
页面边距
● 主题颜色
主题颜色
● 正文配图

■ 与文章内容相近
■ 图片与正文上下空一行
■ 宽度建议320—640px
■ 尺寸一致,无密集信息
正文配图
● 排版四大原则 —— 对齐
排版-对齐
● 排版四大原则 ——对比
对比
● 排版四大原则 —— 重复
重复
● 排版四大原则 —— 统一
统一
● 常见排版场景 —— 引用
引用
● 常见排版场景 —— 指引
指引
xmind
资料链接:https://pan.baidu.com/s/1mEcDf-okRUXKtrjNP_bTpA
提取码:iukm

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangyuenacha

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值