编辑导读:在前一篇文章《B 端 UI 界面交互基础组件-表格》中,一起学习了 B 端“表格
”组件 UI 设计规范,其中包括“基础表格”、“分屏加载表格”、“分页加载表格”;
并从表格组件的需求场景、内容布局以及交互方式等方面对以上组件进行了详尽的规范描
述;今天我们继续介绍了 B 端“表单”组件的交互规范。
一、基础表单
1.1 需求场景
需要用户进行相关数据配置,并完成相应数据提交。
1.2 内容布局
根据功能需要,分为表单配置项区域,配置汇总、操作按钮:
常规配置表单内容区域根据实际内容进行排布,相应布局遵循文本、标准空间相应规范
表单配置项层级分为:配置分类标签、配置项、配置项子级
配置分类标签:标签文本局左对齐,一般在长表单中尽量使用配置分类
配置项:在表单中存在配置分类标签时,配置项内容换行缩进显示;配置项文本标签居左
对齐:
配置项子级:配置项子级配置内容与配置项配置内容区域左对齐,配置项子级配置标签居
左对齐,以纵向最配置标签占位最长的宽度为准:
表单配置汇总需要根据业务需要与内容项数量确定是否需要显示,一般在常规约定的最小
正常显示的分辨率下,无法通过一 ...
附件列表