与“时间维度”相关的WEB产品设计

2016-02-17 04:07 38 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享与“时间维度”相关的WEB产品设计的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - 平面设计 】

很早就曾想对所见的一些以时间维度相关的互联网产品做一些总结。随着这篇日志的不断推迟。我也越多的发现更多类似的WEB产品设计出现。这是一件好事。我想也该是时候做总结罗列了。

Plurk

在去年年底,发生MSN 中国抄袭门- 聚酷抄袭 Plurk事件。足以证明Plurk是有独特之处。Plurk,中文名称为噗浪,是一个提供基于时间轴的可视化微博客服务的多种语言支持的社交网站,类似于twitter,由一个称为A-team的组织创 建。其最大的特色就是在一条时间轴上显示自己和好友的更新,并能在时间轴上对内容进行直接互动。用户还可以自定义时间轴的背景。这样赋予了时间轴的多样性,也满足了用户的个性需求。目前噗浪在港澳台相当流行,中国大陆地区2009年4月起暂时无法使用,噗浪官方已在协商中。

与“时间维度”相关的WEB产品设计,PS教程,图老师教程网

Google实时搜索

GOOGLE(en)的最新实时搜索结果也采用了与时间轴的融合,这也是最近我非常喜欢的一个设计。时间轴上峰值条显示的高度与密度都取决于实时信息的量。信息量越大,峰值条高度越高、宽度越密,在这个时间轴通过左右移动蓝色框,可以灵活定位时间域。还有年月日的选择。这样的一个时间轴设计是对信息可视化一种很好表现。另外有一个很有意思的细节设计。当用户刚打开实时搜索结果是最右侧栏会显示相关新闻Top Links,Top Links是来自左边这些更新频繁的博客、微博客、论坛里分享的链接地址,那些最多被分享的链接就会出现在Top Links里。而当用户自定义时间轴具体位置后,Top Links会消失。这样设计可能是考虑信息噪音的影响吧。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

与“时间维度”相关的WEB产品设计,PS教程,图老师教程网

Google百宝箱-时光隧道

去年5月份,Google发布的搜索百宝箱首批推出的包含的时光隧道等,用户只要输入一个简单关键词,百宝箱中的时光隧道就可以根据用户的意图,按网页内容的时间属性重新提炼或者组织,将所有信息按照时间重新排序并呈现在用户面前。相比百度等其他搜索引擎,Google推出的百宝箱,能根据用户搜索查询的不同出发点,提供不同的搜索结果。这是一种极具革新的搜索改变。目前Google考虑到用户习惯,百宝箱默认是关闭。在以后的不久百宝箱将慢慢的在不影响用户习惯的前提下默认打开。

 

与“时间维度”相关的WEB产品设计,PS教程,图老师教程网

 

Google 十周年大事年表

google十周年的大事记页面,通过简简单单的滚动条+时间轴的结合。展现google从注册域名到成为世界级互联网公司的这10年当中的历史性的一些重大时刻。

与“时间维度”相关的WEB产品设计,PS教程,图老师教程网

Digg Labs(365)

通过界面中的时间罗盘。指定某天、月或年。以可视化方式帮助用户轻松捕获热门咨讯。切换年份后,按月份对应的颜色显示10条年热门事件。也可按故事的类别查看。

与“时间维度”相关的WEB产品设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

flickr clock

flickr clock一个以图片和视频结合时间轴的产品。通过时间轴上的定位可以查看那该时段的图片或视频。时间轴的峰值条高度、密度与宽度,都取决于数据量。

与“时间维度”相关的WEB产品设计,PS教程,图老师教程网

最后,让我们思考一下 – 时间维度的意义。

1、有时间轴的融合内容展现更有空间感、历史感。

科学家有过这么一个构想,说所有的维度都是由时间构成,没有时间,就没有空间。因为没有时间,空间本身的存在就没有任何意义,因为时空本身就是不能分割的整体。根据爱因斯坦相对论所说:我们生活中所面对的三维空间加上时间构成所谓四维空间。

2、另一种阅读、检索信息的方式。

引入时间轴的这种信息可视化设计,对用户来说。阅读信息内容无疑又多一种全新的方式。以时间维度来组织内容、组织记忆是人类一直使用的方法。例如我们历史上的九一八事变、512四川大地震。。。。

面对信息检索。除了tag、社会化分类、情景式分类以外,如果时间要能结合信息可视化设计,应该也是一个非常好的分类和检索方式。

来源:http://www.tulaoshi.com/n/20160217/1578346.html

延伸阅读
标签: 产品设计 设计
一、亲密性 所谓亲密性就是把所有相关的东西放在一起,如果把多个具有相关性的东西放在一起,便可以得到更加全面实用的一件产品,甚至产生意想不到的效果。 二、对齐 设计中的所有元素都不应该是随意放置的,它们的存在和位置都应该是有理由的有原因的。每个元素都应该与整体和单个元素之间具有某种联系,这样就能形成一种和谐的美观...
标签: 产品设计 设计
社会发展要求 设计和试制新产品,必须以满足社会需要为前提。这里的社会需要,不仅是眼前的社会需要,而且要看到较长时期的发展需要。为了满足社会发展的需要,开发先进的产品,加速技术进步是关键。为此,必须加强对国内外技术发展的调查研究,尽可能吸收世界先进技术。有计划、有选择、有重点地引进世界先进技术和产品,有利...
香薰炉 曲别针 磁铁压条 钥匙袋 鸡蛋蜡烛 衣帽勾 勇敢的壁灯 正在看书的灯,哈哈,有点近视 以上图片来自 www.mydoob.com
Facebook最近新推出的群组(Group)功能并不是一个完全孤立的产品,它与既有的功能之间是相互整合联接的。本文将介绍新群组功能是如何与原有的功能联动整合的,包括动态信息(New Feeds),聊天(chat),个人资料(profiles),公共主页(Pages),搜索(Search),活动(Events),以及原有旧的群组和相关功能,如隐私(Privacy),公告(Notification),手机...

经验教程

433

收藏

67
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部