楼主: Mujahida
71 0

[其他] B端产品经理-B端通用组件使用法则(二) [推广有奖]

已卖:5681份资源

泰斗

0%

还不是VIP/贵宾

-

威望
0
论坛币
13312 个
通用积分
746.7483
学术水平
459 点
热心指数
484 点
信用等级
414 点
经验
116309 点
帖子
4687
精华
0
在线时间
16731 小时
注册时间
2013-1-2
最后登录
2026-1-30

楼主
Mujahida 在职认证  发表于 2025-9-24 07:30:39 |AI写论文

+2 论坛币
k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群
赵安豆老师微信:zhaoandou666

经管之家联合CDA

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

感谢您参与论坛问题回答

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

+2 论坛币
编辑导语:B 端产品里,表格和树形控件无疑都是常用组件。在上篇文章中,作者介绍了
B 端产品中的基础类组件和表单。今天,作者便接着介绍了表格和树形控件。让我们一起
了解一下吧。


一、表格
表格类组件为中后台界面数据展示提供了用户快速浏览和定位数据的方式。表格组件的使
用要注意以下几点:
将重要的数据和用户操作频率较高的数据放置靠前的位置; 将关联性较高的数据邻近排
列; 重要字段和数据保证让用户可以看完整; 数据格式保持合理展现,如使用千分位帮
助用户阅读,脱敏部分的数据用 “*”展现。
1. 设计原则
1)清晰
使用表格呈现大量数据的时候,要保持界面排版清晰,例如文字左对齐,数字右对齐,长
度一样的数据居中对齐。
2)灵活
针对不同用户对表格数据使用的不同需求,表格提供合理的筛选、排序等功能。
3)完整
数据是表格的主体,表格数据不能被截断,或者重要数据用户看不全。例如时间数据要保
持视觉完整。
2. 斑马纹表格
当表格数据量大,且需快速扫描浏览并定位获取所需数据时,使用斑马纹表格样式。


3. 无斑马纹表格
当表格数据量不大,且数据很容易定位时,可使用无斑马纹表格样式。
...
二维码

扫码加我 拉你入群

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

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

关键词:产品经理 表格数据 数据格式 居中对齐 设计原则

您需要登录后才可以回帖 登录 | 我要注册

本版微信群
扫码
拉您进交流群
GMT+8, 2026-1-31 18:19