动态

8个内容的排版很难?看我如何把它拿捏的死死的

作者:admin 发布时间:2022-06-18 17:44点击:

大家好,我是小蔡。

有小可爱在后台问我,8个小内容如何排版?她觉得自己不管咋么排都觉得怪怪的。所以我跟她讨论了3天3夜彻底解决了她的烦恼。

所以我也顺便找个样稿来耍一耍。

我们先看一下原稿

原稿


然后我们可以梳理一下它们之间关系,我们可以看出这8个小要点之间是并列关系,所以我们可以给它们来个并列排版。

对了,我们可以先给每个小要点加上一个适合的小图标,增强下它们的可视化


图片

我们可以看出页面下边有点空,所以我们可以给来个色块


图片


下面这个帅气的色块其实是用一个圆角矩形和一个矩形进行布尔运算得来的,还是挺简单的


当然,能进行上下排版的一般都能进行左右排版,所以我们可以来整一波左右排版


左右排版

其实我们除了进行上下排版,我们还可以进行比较少见的居中排版的


图片


然后我们可以看看它的静态版本


图片

然后我们也可以来个圆形排版,其实我感觉圆形排版是最适合这种多元素的并列关系


元素的并列关系


然后我们可以来看看静态效果的


静态效果


至于其他的排版,一般的都是在以上几个衍生出来,看似不一样实则本质一样,这些都是要看个人积累的了。


相关教程
制作案例