elementui 表格表头换行_关于表格设计的几点建议

#UI设计#深圳UI培训#交互设计#优途UI教育

大家晚上好,今天给大家分享关于表格制作的4种常用方法。

第一种注意对表头和内容部分区分,在表格中除了记述内容的部分外,还附加该内容范畴的表头,表头部分一般会标明范畴名称及单位,从而可以将各项内容的文字单位省略。

d9816c3367e1c97dd8950902c7229eb9.png

第二种是通过配色使表格内容明确

为了使表格内容区分清晰,我们可以利用竖线、色彩进行区分也可以用数据间距进行区分,注意分割线不易太深、风格颜色不宜太多,避免界面花乱影响用户阅读

41632837159393b36a0c3a234aaf0a41.png

第三种是将相同的内容结合起来处理

除了表明范畴名称的头部外,有时候表格中还会出现很项内容重复的情况,这时候可以将边框合并成一项空间来整体呈现,这样会比较易于辨识。

221bd5cd8f3dd377bae89c8076ef9520.png

第四种是将过长的文字进行换行处理

能够在表格中整理表现的内容并不仅限于文字性的数据,他还需要用来表现例如描述各种产品特征的比较性表格,以及日程表这样文字较长的内容。如果将文字列成一行,就会造成冗长文字外框跟简短文字外框的巨大差异

可以采用的处理方式就是在适当的位置换行,如果由于各行或各列的宽度不一致而显得不自然的话,可以通过调节字号的大小来控制。

e0b208037dd055b01b61ef3ae9f6e31b.png

建议收藏点赞,便于下次阅读!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值