Hello,见字也见不着面,我是杉木今天就讨论一下时间轴页面~先上新编的热乎的文案稿
这里每一个时间节点,都可以看作一个点
而表达时间轴,我们需要把这些可爱的点串起来,变成一条线
那我们还可以通过形状衬底,将每个内容区域变成“面” (不是吃的面条子)
画面可能太平淡?那就做一些小变化,让页面具有空间感,变身!成“体”
好!我们一个一个搞
首先,我们画一条线然后把它变宽
设计一下年份数字,再放上内容
丰富一些小细节比如纹理,符号,小logo和背景
我们换一个思路,五段内容上下交错排版
emmmm 看起来也行!直线试完了,那么曲线呢?我们先画一条好看的曲线
把它放盘子里备用接着搞个圆点背景,让每个时间节点都在背景上,亮起来
好了,可以加上曲线啦
丰富细节,比如年份数字,标题栏和小logo
好啦!线,就到这~下一站!
我们先来画个形状再把内容放上去
把时间点们连接起来
没错,本质的本质,还是线~我们在曲线下面加上渐变,变成曲面
Ok这页就完成啦!我们再把曲面换个位置
这两版我是都喜欢,小孩子才做选择,都要~好吧~放过曲线曲面,还能怎么做呢把排好的形状卡片,错落一下试试
在每个形状下方,添加竖线和小细节
这页就完成啦~我们继续往下走
空间感怎么构造?我们先拿前面的这一页试试
中间的线换成窄线
然后给线添加投影多调整一下阴影的距离和角度
这空间感就有啦~emmm 空间感不够啊?那搞个空间感更强的透视吧按照惯例,画个透视网格
用任意多边形,画一条透视大马路!
将内容沿着马路牙子放上去
年份数字的位置有点尴尬让它们站在马路牙子边上吧顺便丰富细节
搞定啦!这篇文章就到这啦!
关注下图↓↓公众号,后台回复「时间轴627」,获取时间轴源文件