2019-04-18 21:40:00企业在介绍自身发展历程、员工对过去工作进行回顾以及对之后工作进行规划安排时,都会用到时间轴页。 今天,就跟各位聊一聊如何做好时间轴页。 介绍几种方法:1.借助线条引导视线 借助直线 借助曲线 2.借助形状规整 借助矩形 借助不规则的圆形 3.优化轴线 使用刻度线作为轴线 使用爬山的人物剪影作为时间节点,使用任意多边行形状绘制的“山”作为轴线 我们可以看个案例:“腾讯发展历程”的单页文稿: 这是“时间轴”页面,立马可以想到以直线、折线、曲线等形式的时间轴,用纯绘制的线条,或和某些具有明确轮廓线的图片做融合,再用图标对每个时间节点做可视化,可以做出很不错的画面。 1、提取视觉化元素和颜色 腾讯最具代表性的就是企鹅轮廓图形了,时间线是在过去,所以颜色可以是深邃的蓝; 2、开始绘制时间轴形状,布局节点文案 以企鹅形状视觉主体,用从左到右,从下至上的视觉顺序绘制出两条看起来缠绕企鹅的曲线,“顶点”数量越少,曲线越流畅。并相对均匀的放好5个时间节点; 3、丰富画面颜色 在暗调背景中做亮光处理是科技感风格的常用手法,所以我分别对背景做了射线填充,准备营造逆光的感觉,给圆形节点和时间信息加上了亮蓝色,区分正文文字; 4、丰富视觉主体 现在纯色的企鹅图形有点单调,也没有和背景融合好,所以加了一层亮色投影,一层发光效果,一层内阴影,一层轮廓渐变线,立体感就出来了。不过即便这样,图形内部感觉还是有些空,所以加了原本就有的围巾。到这里,视觉主体的科技感就塑造好了; 5、丰富整体画面 现在要做的就是进一步丰富画面的空洞感,方法也很简单,这里不是找背景图,而是用自带的圆形形状+柔化边缘效果制作大大小小、深深浅浅的“蓝色光点”元素,分布在主体周围和画面边缘。当然,每一个时间圆点也做了发光处理。 现在基本算完成了,细节上对文字粗细和距离又做了调整。 以上,做时间轴的方法你学会了吗? |
|