全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 经管文库(原现金交易版)
44 0
2025-09-23
编辑导读:在前一篇文章《B 端 UI 界面交互基础组件-表格》中,一起学习了 B 端“表格
”组件 UI 设计规范,其中包括“基础表格”、“分屏加载表格”、“分页加载表格”;
并从表格组件的需求场景、内容布局以及交互方式等方面对以上组件进行了详尽的规范描
述;今天我们继续介绍了 B 端“表单”组件的交互规范。


一、基础表单
1.1 需求场景
需要用户进行相关数据配置,并完成相应数据提交。
1.2 内容布局
根据功能需要,分为表单配置项区域,配置汇总、操作按钮:
常规配置表单内容区域根据实际内容进行排布,相应布局遵循文本、标准空间相应规范
表单配置项层级分为:配置分类标签、配置项、配置项子级
配置分类标签:标签文本局左对齐,一般在长表单中尽量使用配置分类
配置项:在表单中存在配置分类标签时,配置项内容换行缩进显示;配置项文本标签居左
对齐:
配置项子级:配置项子级配置内容与配置项配置内容区域左对齐,配置项子级配置标签居
左对齐,以纵向最配置标签占位最长的宽度为准:


表单配置汇总需要根据业务需要与内容项数量确定是否需要显示,一般在常规约定的最小
正常显示的分辨率下,无法通过一 ...
附件列表
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

相关推荐
栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群