B端产品经理-B端UI交互界面基础组件：表单

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

编辑导读：在前一篇文章《B 端 UI 界面交互基础组件-表格》中，一起学习了 B 端“表格
”组件 UI 设计规范，其中包括“基础表格”、“分屏加载表格”、“分页加载表格”；
并从表格组件的需求场景、内容布局以及交互方式等方面对以上组件进行了详尽的规范描
述；今天我们继续介绍了 B 端“表单”组件的交互规范。


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


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

扫码加我 拉你入群

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

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

分享0 收藏0 回帖

关键词：产品经理 设计规范 相关数据 一起学习 配置项