有趣的时间轴设计

作者: 麻粉 | 来源:发表于2015-09-10 18:25 被阅读1785次

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

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

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

    优点:

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

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

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

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


    SNS类时间轴设计页面:

    ToDo类应用:

    新闻类应用:

    记账类应用:

    横向时间轴设计:

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

    相关文章

      网友评论

        本文标题:有趣的时间轴设计

        本文链接:https://www.haomeiwen.com/subject/bqspcttx.html