表格自带的分页怎么设计_你的表格设计还是那么传统?看看有主见的设计师是怎么设计的...

159228982a8b9a2f3a62da00a3959f80.png

在上一篇文章中《“表妹”不美?那看一下专业表格怎么设计》,我们以表格为设计基础,从线条、配色、配图等多方面入手,对表格进行了视觉上升级美化。这种设计虽然美观,但是受限于传统表格样式,在形式上并没有突破。

优秀的设计师从不愿意拘泥于规矩,敢于打破现有形式,追求全新的视觉设计。

在本篇文章中,我们将脱离表格的样式,对表格进行拆分,为大家介绍卡片式表格设计,也叫做独立式表格设计。

03a4128acb832bd69679f47d99ee6d1f.png

独立式表格相对于传统的表格,形式上更美观和简洁,数据信息上更集中和直观,。因此,它更容易抓住观众的注意力,传统信息的效率更高。

我们以一张普通的表格为例,从表头美化、分类美化、强调突出、图片填充、三维美化五个方面,为大家演示表格拆分后的设计方法。

28a2c338c31a0493fa85980623e408c9.png

方法一:表头美化

我们浏览表格总是从表头开始,它具有吸引注意力和归类信息的作用。不惜牺牲页面空间,增加美表头的美观性,在枯燥的数据演示中,有助于帮助我们吸引观众的注意力。

61ea56763ce577066c92312c878c1d9e.png

614e56ec7d1abb704b76949b1865dbd2.png

6ad24e790b974dbf6b4d99b7ef5b307f.png

方法二:分类美化

如果表格中的信息过多,将会增加阅读的难度,降低信息传播的效率。作为设计师的我们,在设计时,不仅要考虑美观,更需要考虑信息的易读性。我们可以通过添加色块和线条加以区分,引导视觉,帮助观众更轻松阅读你的信息。

e688f808352c15f4bc8e8ea6834866b7.png

d560e40a8fb1a125c0b12ea7cda1f887.png

方法三:强调突出

在表格中突出数据重点,形成对比,有助力于观众理解我们演示的重点是什么。通常,我们可以通过色块、边框、大小,与其它表格形成对比,来突出我们的重点信息。

5a7eda546cc55abadc5a49c89f76909d.png

758c56bc12be410796fe74091a37d755.png

0eca45967fbdf00857a5654ffdacc8fb.png

方法四:图片填充

数据过于理性,让人觉得枯燥。而图片具有丰富的信息,它可以让数据富有感性色彩,让数据更加亲切和有趣。

66d849524a22639d20efc2f6b1304f67.png

34019ba9021a746b447fc2cfdeba4bd2.png

62b527602390c7460ac288fd65cdfe0a.png

方法五:立体美化

我们还可以突破二维平面,在三维上对表格进行立体美化,提升表格的空间感。

06a616f1a4c5a4539faa1cbee98af5f4.png

b3fbed638dec40be1cb0e4c909049c8e.png

442e099a1f4a8794d9c29629de778bdd.png

总结

对表格进行拆分,让我们获得了表格设计的新方法。无论是从信息传递,还是设计方法,独立式表格的设计手法更丰富,施展设计的空间更大。

最后,以上案例图片已经打包,供需要参考和练习的小伙伴们方便使用。

我还做了一页,我不知道怎么说了,也放在其中了。

只需要在后台回复关键词:“表格2”即可,网盘分享期限依然为7天


姊妹篇

《“表妹”不美?那看一下专业表格怎么设计》


一个小小的赞,从此你也是知乎人!

关注公众号:商业流沙,即送三大礼包,没有任何江湖套路

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值