TCASME-融媒体SVG 交互设计技术规范.pdf

ICS35.140

CCSL67

CASME

中国中小商业企业协会团体标准

T/CASMEXXXX—2024

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

TechnicalspecificationforintegratedmediaSVGinteractiondesign

（征求意见稿）

XXXX-XX-XX发布XXXX-XX-XX实施

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

T/CASMEXXXX—2024

目次

前言II

1范围1

2规范性引用文件1

3术语和定义1

4缩略语1

5基本原则1

6设计要求2

7交互技术形式2

8设计流程3

I

T/CASMEXXXX—2024

前言

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

起草。

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

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

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

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

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

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

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

本文件主要起草人：计育韬、XXX。

II

T/CASMEXXXX—2024

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

1范围

本文件规定了融媒体SVG交互设计的基本原则、设计要求、交互技术形式、设计流程。

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

2规范性引用文件

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

3术语和定义

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

3.1

融媒体mediaconvergence

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

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

3.2

SVG交互设计SVGinteractiondesign

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

的过程。

4缩略语

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

CSS：层叠样式表（CascadingStyleSheets）

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

iOS：苹果公司开发的移动操作系统

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

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

5基本原则

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

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

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

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

示例1：在微信公众平台的