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

此时此刻144

此时此刻144

2016-02-17 04:07

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

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

Plurk

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

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

Google实时搜索

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

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

Google百宝箱-时光隧道

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

 

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

 

Google 十周年大事年表

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

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

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

Digg Labs(365)

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

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

flickr clock

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

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

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

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
与“时间维度”相关的WEB产品设计

OHM产品设计及国外小产品设计

工业设计 设计素描
OHM产品设计及国外小产品设计

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

BenQ产品设计

工业设计 设计素描
BenQ产品设计

小产品设计欣赏

工业设计 设计素描
小产品设计欣赏

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

解析网页产品设计中的精与简

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
解析网页产品设计中的精与简

创意产品设计 植物与灯光的完美结合

产品设计 设计
创意产品设计 植物与灯光的完美结合

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

如何不让自己的设计变得俗气

如何不让自己的设计变得俗气

关于设计视觉图表的一些思考

关于设计视觉图表的一些思考
下拉加载更多内容 ↓