融媒体SVG交互设计技术规范

  • 缩略语
    下列缩略语适用于本文件。
    • CSS：层叠样式表（Cascading Style Sheets）
    • HTML：超文本标记语言（Hyper Text Markup Language）
    • SVG：可伸缩矢量图形（Scalable Vector Graphics）
    • XML：可扩展标记语言（Extensible Markup Language）
  • 动画设计宜优先选择具备缓动函数的动画表达
  • 应采用防误触设计，确保动画不出现预期外的重复执行、无法执行等状况。

学习心得

  1. 向微信公众号后台复制代码的时候，一定要使用代码编辑工具直接粘贴，否则预览界面会直接运行svg代码，影响展示效果。
    • 我在之前复制svg代码的时候选择的是在开发者工具里面使用替换段落的方法进行复制，可能会影响到svg动画的状态，影响最后的预览效果
  2. 发布都使用定时发布，这样既可以直接预览，也可以在有问题的时候即使停止发布。
    • 目前我使用的时候都是定时发布