你是否有了排版危机呢?
如何和传统无聊图文说拜拜?
一、认识SVG
(一)什么是SVG?
SVG就是我们常说的黑科技样式、交互样式,指能够通过一些操作在排版界面上与用户产生一定的关联和交互的样式。(点击显示文字、点击展开、滑动查看图片、文字逐行出现)
(二)SVG的作用和应用场景
在阅读体验上让用户产生好奇心和冲击感,帮助我们与用户互动。常用于节日及重大节点的宣传,需要与用户产生共鸣,满足创意排版的需求场景。
(三)SVG样式与SVG编辑器的区别?
SVG组件更自由
二、新手小白快速上手的基础交互
(一)点击换图
(二)滑动
(三)图片轮播
(四)图片位移
(五)图文展开
tips:内容配什么交互?根据内容判断
1.图片很多:图片轮播,多次点击换图,滑动
2.文字很多:滑动,滚动播放,弹幕
3.图文整体内容很长:图文展开
三、如何快速排出一篇SVG推文
(一)自动展开放文章头部
(二)点击展开放文章任何位置
(三)图文展开的效果:点击直接展开、点击换图展开、自动展开、点击缩回展开、点击播放音频展开。适用于:字多图多、需放置多种交互效果(滑动、跳转链接等)
四、SVG常见问题解答(很重要!)
(一)做好的效果粘贴到微信后台失效怎么办?
1.不要直接在微信后台编辑区域粘贴文章内容,使用小助手粘贴代码;
2.使用同步功能直接同步保存文章
(二)GIF图上传不成功怎么办?
gif图上传要求:
9M以内,不超过300帧,宽不超过1080px
*达不到上述要求 可以使用图片轮播(ID:35)
(三)不会做动态效果图怎么办?
某些基础动画效果用SVG编辑器实现(图片轮播id:35、图片小元素自定义动画效果id:248、字幕依次出现I'd:247)
(四)音频、视频、音乐、视频号、小程序,在编辑器里无法预览?
由于素材特殊性,上述效果需通过同步功能保存成微信文章,最终以预览效果为准。
#135编辑器 ##135排版##比格设计 ##公众号排版#
如何和传统无聊图文说拜拜?
一、认识SVG
(一)什么是SVG?
SVG就是我们常说的黑科技样式、交互样式,指能够通过一些操作在排版界面上与用户产生一定的关联和交互的样式。(点击显示文字、点击展开、滑动查看图片、文字逐行出现)
(二)SVG的作用和应用场景
在阅读体验上让用户产生好奇心和冲击感,帮助我们与用户互动。常用于节日及重大节点的宣传,需要与用户产生共鸣,满足创意排版的需求场景。
(三)SVG样式与SVG编辑器的区别?
SVG组件更自由
二、新手小白快速上手的基础交互
(一)点击换图
(二)滑动
(三)图片轮播
(四)图片位移
(五)图文展开
tips:内容配什么交互?根据内容判断
1.图片很多:图片轮播,多次点击换图,滑动
2.文字很多:滑动,滚动播放,弹幕
3.图文整体内容很长:图文展开
三、如何快速排出一篇SVG推文
(一)自动展开放文章头部
(二)点击展开放文章任何位置
(三)图文展开的效果:点击直接展开、点击换图展开、自动展开、点击缩回展开、点击播放音频展开。适用于:字多图多、需放置多种交互效果(滑动、跳转链接等)
四、SVG常见问题解答(很重要!)
(一)做好的效果粘贴到微信后台失效怎么办?
1.不要直接在微信后台编辑区域粘贴文章内容,使用小助手粘贴代码;
2.使用同步功能直接同步保存文章
(二)GIF图上传不成功怎么办?
gif图上传要求:
9M以内,不超过300帧,宽不超过1080px
*达不到上述要求 可以使用图片轮播(ID:35)
(三)不会做动态效果图怎么办?
某些基础动画效果用SVG编辑器实现(图片轮播id:35、图片小元素自定义动画效果id:248、字幕依次出现I'd:247)
(四)音频、视频、音乐、视频号、小程序,在编辑器里无法预览?
由于素材特殊性,上述效果需通过同步功能保存成微信文章,最终以预览效果为准。
#135编辑器 ##135排版##比格设计 ##公众号排版#
135编辑器超绝小技巧之认识SVG~
一、 认识SVG
1、概念:SVG样式就是我们常说的黑科技样式、交互样式。指能够通过一些操作在排版界面上与用户产生一定的关联、互动的样式。
2、样式:点击显示文字、点击展开、滑动查看图片、文字逐行出现
3、应用场景:
(1)、营销需求-节日及重大节点的宣传
(2)、内容需求-需要与用户产生共鸣
(3)、运营需求-满足创意排版的需求场景
SVG样式和SVG编辑器区别
4、作用
(1)、在阅读体验上首先就会让用户产生好奇心和冲击感
(2)、同时帮助我们去和用户互动
二、 新手小白快速上手的基础交互
内容配什么交互-根据素材评估
图片很多:图片轮播、多次点击换图、滑动
文字很多:滑动、滚动播放、弹幕
图文整体内容很长:图文展开
三、 如何快速排出一篇SVG推文
图文展开使用场景
1、自动展开-放文章头部
2、点击展开-放文章任何位置
图文展开的效果:点击直接展开,点击换图展开,自动展开,点击缩回展开,点击播放音频展开……
适用性:文章图多字多,文章需要放置多种交互效果(滑动、跳转链接等)
四、 Svg常见问题解答(重要)
1、做好的效果粘贴到微信后台失效怎么办?
(1)、不要直接在微信后台编辑区域粘贴文章内容,使用小助手粘贴代码
(2)、使用同步功能直接同步保存文章
2、GIF图上传不成功怎么办?
GIF图上传要求:9M以内、不超过300帧、宽不超过1080px
上传不成功解决方案:
(1)、先检查在微信后台是否能上传成功
若能上传成功,获取原图地址
(2)、微信后台上传不成功则修改图片或用效果平替
3、不会做动态效果GIF图怎么办?
(1)、某些基础动画效果用SVG编辑器里实现
(2)、图片轮播、图片小元素自定义动画效果、字幕依次出现
4、音频、视频、音乐、视频号、小程序,在编辑器里无法预览?
由于素材特殊性,音频、视频、小程序跳转、点A见B、长按等效果需要通过同步功能保存成微信文章;所有效果最终以微信文章在手机上的预览为准。#比格设计##公众号排版##135高校##135编辑器##135排版#
一、 认识SVG
1、概念:SVG样式就是我们常说的黑科技样式、交互样式。指能够通过一些操作在排版界面上与用户产生一定的关联、互动的样式。
2、样式:点击显示文字、点击展开、滑动查看图片、文字逐行出现
3、应用场景:
(1)、营销需求-节日及重大节点的宣传
(2)、内容需求-需要与用户产生共鸣
(3)、运营需求-满足创意排版的需求场景
SVG样式和SVG编辑器区别
4、作用
(1)、在阅读体验上首先就会让用户产生好奇心和冲击感
(2)、同时帮助我们去和用户互动
二、 新手小白快速上手的基础交互
内容配什么交互-根据素材评估
图片很多:图片轮播、多次点击换图、滑动
文字很多:滑动、滚动播放、弹幕
图文整体内容很长:图文展开
三、 如何快速排出一篇SVG推文
图文展开使用场景
1、自动展开-放文章头部
2、点击展开-放文章任何位置
图文展开的效果:点击直接展开,点击换图展开,自动展开,点击缩回展开,点击播放音频展开……
适用性:文章图多字多,文章需要放置多种交互效果(滑动、跳转链接等)
四、 Svg常见问题解答(重要)
1、做好的效果粘贴到微信后台失效怎么办?
(1)、不要直接在微信后台编辑区域粘贴文章内容,使用小助手粘贴代码
(2)、使用同步功能直接同步保存文章
2、GIF图上传不成功怎么办?
GIF图上传要求:9M以内、不超过300帧、宽不超过1080px
上传不成功解决方案:
(1)、先检查在微信后台是否能上传成功
若能上传成功,获取原图地址
(2)、微信后台上传不成功则修改图片或用效果平替
3、不会做动态效果GIF图怎么办?
(1)、某些基础动画效果用SVG编辑器里实现
(2)、图片轮播、图片小元素自定义动画效果、字幕依次出现
4、音频、视频、音乐、视频号、小程序,在编辑器里无法预览?
由于素材特殊性,音频、视频、小程序跳转、点A见B、长按等效果需要通过同步功能保存成微信文章;所有效果最终以微信文章在手机上的预览为准。#比格设计##公众号排版##135高校##135编辑器##135排版#
微信推文如何运用SVG效果
1.认识SVG
SVG样式就是常说的黑科技样式、交互样式。
指能够通过一些操作在排版界面上与用户产生一定的关联、互动的样式。
例如:点击显示文字/滑动查看图片/点击展开/文字逐行出行。
2.SVG的作用及应用场景
(1)应用场景
a.节日及重大节点的宣传
b.需要与用户产生共鸣
c.满足创意排版的需求场景
(2)作用
a.在阅读体验上首先就会让用户产生好奇心和冲击感
b.同时帮助去和用户互动
3.新手小白快速上手的基础交互效果
(1)点击换图(单次+多次)
(2)滑动(单层、双层等,竖/横向)
(3)图片轮播(竖/横向)
(4)图片位移(竖向y轴/横向x轴)
(5)图文展开(点击直接展开、点击换图展开、无限次点击展开缩回)
4.内容配什么交互——根据素材评估
(1)图片很多:图片轮播、多次点击换图、滑动
(2)文字很多:滑动、滚动播放、弹幕
(3)图文整体内容很长:图文展开
5.如何快速排出一篇SVG推文
(1)图文展开使用场景:自动展开(放文章头部)、点击展开(放文章任何位置)
(2)适用性:文章图多字多、文章需要放置多种交互效果(滑动、跳转链接等)
#比格设计##135高校##135编辑器##公众号排版##135排版#
1.认识SVG
SVG样式就是常说的黑科技样式、交互样式。
指能够通过一些操作在排版界面上与用户产生一定的关联、互动的样式。
例如:点击显示文字/滑动查看图片/点击展开/文字逐行出行。
2.SVG的作用及应用场景
(1)应用场景
a.节日及重大节点的宣传
b.需要与用户产生共鸣
c.满足创意排版的需求场景
(2)作用
a.在阅读体验上首先就会让用户产生好奇心和冲击感
b.同时帮助去和用户互动
3.新手小白快速上手的基础交互效果
(1)点击换图(单次+多次)
(2)滑动(单层、双层等,竖/横向)
(3)图片轮播(竖/横向)
(4)图片位移(竖向y轴/横向x轴)
(5)图文展开(点击直接展开、点击换图展开、无限次点击展开缩回)
4.内容配什么交互——根据素材评估
(1)图片很多:图片轮播、多次点击换图、滑动
(2)文字很多:滑动、滚动播放、弹幕
(3)图文整体内容很长:图文展开
5.如何快速排出一篇SVG推文
(1)图文展开使用场景:自动展开(放文章头部)、点击展开(放文章任何位置)
(2)适用性:文章图多字多、文章需要放置多种交互效果(滑动、跳转链接等)
#比格设计##135高校##135编辑器##公众号排版##135排版#
✋热门推荐