T/CIDADS
中国工业设计协会团体标准
T/CIDADS00032-2026
云计算SaaS产品界面设计规范
User Interface Design Guideline for Cloud Computing SaaS Products
中国工业设计协会 发布
目 次
前言2.规范性引用文件 1.范围33.术语和定义. 4.Sas产品类型介绍..4.1.业务垂直类，4.2.行业垂直类，5.设计元素.5.1.文 65.2.颜色， .75.3.图标， 6"5.4.插画， 6"5.5.布局栅格 5.6.层级与阴影， 10 .116.组件 .116.1.按钮.. .126.2.弹窗 126.3.加载 146.4.链接. 6.5.卡片.. .156.6.导航菜单 18 166.7.面包屑 196.8.分页器 206.9.进度条... ..227.用户界面场景， .237.2.列表页， 7.1.用户欢迎页 .25 237.3.详情页. .277.4.信息填写类， ..287.5.文档阅读 307.6.异常状态 参考文献， 3233
前言
则起草. 本文件按照GB/T1.1-2020《标准化工作导则第1部分：标准化文件的结构和起草规则》给出的规
本文件由中国工业设计协会提出并归口.
本文件起草单位：阿里云计算有限公司、中电云计算技术有限公司、中移（苏州）软件技术有限公司、中国电子科技集团公司第三十六研究所、美的集团、北京服装学院、清华大学.
、江俊豪、张帆、崔艺铭、王国胜. 本文件主要起草人：王路平、程遥、李丽君、李健鹏、于东、何达、浦玉、毛琳、赵宇、韩智洵
云计算SaaS产品界面设计规范
1.范围
本文件规定了云计算SaaS产品界面设计的设计元素、设计组件和用户界面场景的设计规范，
本文件适用于云计算SaaS产品界面设计（本规范仅适用于电脑PC工作台的设计，不包括移动端SaaS产品的设计），
2.规范性引用文件
下列文件中的内容通过文中的规范性引用而构成本文件必不可少的条款，其中，注日期的引用文件，仅该日期对应的版本适用于本文件：不注日期的引用文件，其最新版本（包括的修改单）适用于本文件，
GB/T18978.143人-系统交互工效学第143部分：表单
GB/T18978.151人-系统交互工效学第151部分：互联网用户界面指南
3.术语和定义
GB/T18978.143、GB/T18978.151界定的以及下列术语和定义适用于本文件.
3.1.软件即服务
软件即服务（SoftwareasaService，SaaS）是一种通过互联网向用户提供软件功能的服务模式.云技术提供商开发和维护云技术应用软件，提供自动软件更新，并通过互联网以即用即付费的方式提供给客户的一组计算机程序、规程以及可能的相关文档和数据.
3.2.用户
流程规范和可持续业务价值 B端用户指的是组织或企业，以团队或机构的目标为核心使用产品，通常关注效率提升、成本优化、
3.3.用户体验
用户与系统交互过程中形成的全部心理感受，注：通常分为表现层、框架层、结构层、范围层和战略层（内容来自用户体验五要素），
3.4.字号
字体的大小或高度，以像素（px）为单位，
3.5.字重
T/CIDADS00032-2026
字体的粗细程度.
3.6.布局概格
用栅格系统，赋予视觉元素以规律的秩序感. 一种使用固定格子设计布局的平面设计方法与风格，指导产品中一切视觉元素的基础框架.使
3.7.面包屑
一种辅助导航模式，可帮助用户理解当前页面在系统结构中的位置并能向父级页面或者上一步骤返回.
3.8.按钮
页面内主要的行动点，单击按钮可进行操作.
3.9.进度条
进度条用于协助用户完成分多步骤的任务，可以展示总步骤数和当前所处步骤，引导用户完成全任务流程，进度条通过将一个大型任务分解成多个子任务，告知用户当前操作流程的进程，从面提升用户完成度，
3.10.分页器
用于告知用户当前场景所处的页面位置，以及共有多少页面，并提供跳转至上一页、下一页的功能.协助用户快速导航到目标页面的组件，分页器一方面有呈现功能，呈现信息体量方便用户查看：另一方面有导航功能，帮助用户快速定位到要找的信息.
3.11.数据可视化
借助于图形化手段来展现数据，以便对数据进行更直观和深人的观察与分析.
3.12.图表
可直观展示统计信息属性（时间性、数量性等），对知识挖掘和信息直观生动感受起关键作用的图形结构，是一种很好的将对象属性数据直观、形象地可视化手段，（注：经常以所用的图像命名，例如柱状图、折线图、饼状图、圆环图等、）
3.13.抽屉
用于承载较复杂的表单，或者更多信息内容的一类组件.
3.14.导航菜单
承载网站信息结构，为用户提供功能导航的组件，承载了一个网站功能与信息的结构层级，用户依赖导航在不同功能与页面间进行跳转.
