Osheep

时光不回头,当下最重要。

有趣的时间轴设计

前阵子做了一个用户激励体系,为了表现用户的成长感,在首页采用了一个时间轴的设计。其实对于时间轴这种设计形式我是忐忑的,心中总有种这种形式已经落伍的感觉。直到今天看到一个叫“我的天气”的应用,发现为了细致的表示天气的变化,也采用了类似时间轴的设计方式。

先总体介绍天气情况,再细致展开介绍,这种设计方式让这个天气应用显得非常特别。但是我忍不住泼冷水,其实对于我来说,还是简单快速了解今天的天气情况最重要,提供太多的内容反而不利于我抓住重点。

《有趣的时间轴设计》

说到时间轴设计,早期让人印象最深刻的非path莫属,目前仍然被广泛应用。关于时间轴的使用,并不一定强制的要有非常严格的时间界线,但是一定要有“时间感”,或者最少要有“顺序感”。最常使用这种形式进行设计的是SNS和to do类应用,现在还有新闻、历史、记账应用等,而且不再局限于竖向的设计,横向时间轴也开始出现。

优点:

1.形式感强,能够带来丰富的时间、顺序感

2.表现内容清晰,细节丰富

3.滑动浏览,体验连贯、好理解

时间轴虽然有很多优点,但是展现时占用篇幅较大,不适合快速提取内容的关键信息,是否使用这种设计形式,需要根据实际情况进行抉择。


SNS类时间轴设计页面:

《有趣的时间轴设计》

ToDo类应用:

《有趣的时间轴设计》

新闻类应用:

《有趣的时间轴设计》

记账类应用:

《有趣的时间轴设计》

横向时间轴设计:

《有趣的时间轴设计》

采用时间轴形式进行设计的app数量众多,不乏优秀之作。不仅仅是app,很多和进度、范围有关的设计功能也都采用了时间轴的设计方式,配合动效会显得生动、操作性强。

《有趣的时间轴设计》

点赞