T/CASME 1609-2024 融媒体SVG交互设计技术规范

ICS35.240.01

CCSL67

CASME

团体标准

T/CASME1609—2024

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

TechnicalspecificationforintegratedmediaSVGinteractiondesign

2024-07-30发布2024-08-01实施

中国中小商业企业协会  发布

T/CASME1609—2024

目次

前言..................................................................................II

1范围................................................................................1

2规范性引用文件......................................................................1

3术语和定义..........................................................................1

4缩略语..............................................................................1

5基本要求............................................................................1

6设计要求............................................................................2

7设计流程............................................................................3

8验收归档............................................................................4

附录A（资料性）SVGAttributeName白名单..............................................5

I

T/CASME1609—2024

前言

本文件按照GB/T1.1—2020《标准化工作导则第1部分：标准化文件的结构和起草规则》的规定

起草。

请注意本文件的某些内容可能涉及专利。本文件的发布机构不承担识别专利的责任。

本文件由复旦大学奇点新媒体研究中心提出。

本文件由中国中小商业企业协会归口。

本文件起草单位：复旦大学奇点新媒体研究中心、上海四零四艺术文化发展有限公司、青岛阔野文

化传播有限公司、长春意符文化传媒有限公司、嘉兴千梦文化传播有限公司、上海衬线文化传播有限公

司、上海谘诹信息技术有限公司、上海泛猩文化传媒有限公司、深圳云语图信息科技有限公司、锦江区

科蚪网络科技工作室、泰州一付信息技术有限公司、东莞市石龙归零心态网络科技工作室。

本文件主要起草人：计育韬、姜棋超、赵国粱、杨泽昊、汪嘉欣、刘英鑫、沈苏楠、陈耀军、牛学

文、杨淦丞、冯坤、姚卫军。

II

T/CASME1609—2024

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

1范围

本文件规定了融媒体SVG交互设计的基本要求、设计要求、设计流程、验收归档。

本文件适用于融媒体SVG交互设计。

2规范性引用文件

本文件没有规范性引用文件。

3术语和定义

下列术语和定义适用于本文件。

3.1

融媒体mediaconvergence

充分利用媒介载体，把广播、电视、报纸等既有共同点，又存在互补性的不同媒体，在人力、内容、

宣传等方面进行全面整合的新型媒体。

3.2

SVG交互SVGinteraction

在SVG技术的应用下，用户通过一系列的操作（如点击、滑动、长按等）与SVG内容进行互动的

过程。

4缩略语

下列缩略语适用于本文件。

CSS：层叠样式表（CascadingStyleSheets）

HTML：超文本标记语言（HyperTextMarkupLanguage）

SVG：可伸缩矢量图形（ScalableVectorGraphics）

XML：可扩展标记语言（ExtensibleMarkupLanguage）

5基本要求

5.1应遵守可扩展标记语言语法规范和矢量图像动画代码规范，并根据展示终端的浏览器特性选择正

确的适配策略进行构建和渲染。

注：一般采用W3C万维网联盟制定的《XML可扩展标记语言语法规范》和《SVG矢量图像动画代码规范》。

5.2应遵守不同展示平台或展示体系的自有技术规范。

示例1：在微信公众平台的公众号图文界面内，遵守《SVGAttributeName白名单》的范围进行动画标签、动画指

令和其他CSS指令的应用，《SVGAttributeName白名单》内容参见附录A。

示例2：在微博平台，遵守微博平台的对应融媒体SVG交互设计规范进行设计与开发。

5.3应遵守不同终端硬件系统特性和渲染规则。