经验总结:B端产品的表格设计,怎么做?

背景色方面,除了行/列交替颜色(可以区隔内容,引导视线)、悬停高亮底色(便于准确辨别光标所在行)等处理方法,还可以对表头表尾进行视觉区分。但不能增加过多颜色以引起混乱。边框颜色不能为黑色。当字体选择深灰色,边框选择浅灰色,就可以减少我们视觉疲劳,不会使表格看起来令人生畏。3.2表头的优化表头标签应该简...

容易让人“忽略”的表格设计

原则上整张表不要超过一屏,考虑到每个用户的使用习惯,我们一般提供可以让用户自定义每页的显示的数量,相比于跨屏翻页而言,向下滚屏会更便利,也更符合浏览信息路径。5.全屏查阅表格全屏展示是非常有必要的:特别是在小屏设备上,全屏模式下可以直接屏蔽掉左侧导航栏、上方的报表区域和顶部的导航栏,可为用户提供...

从表格入手,快速提升B端后台数据的易读性和易操作性体验(一)

在WEB端,表格的的数据内容超过一定“数量”时需要提供翻页功能,这个“数量”由表头的数据的高度、表格的行间距、目标用户群体的显示设备的配置等因素来决定,大原则是整张表不要超过一屏,考虑到每个用户的使用习惯,可以让用户自定义每页的显示的数量,相比于跨屏翻页而言,向下滚屏会更便利。翻页控件内容:用户自定...

薪酬设计:制作出规范的工资表,了解工资表的结构(附设计步骤)

(1)人员的增减需要参考准备工作中的《新进员工统计表》和《离职员工统计表》;(2)如有重名时,需要单独加注标记;(3)离职人员当月变更工资内容后,下月再从表中删除。4.工资表的人员部门调整项(1)人员部门调整主要参考准备工作中的《调动员工统计表》;(2)在当月可能会分两个部门做同一调动人员的工资,按照...