产品设计与支持部门设计分享 gaojianming Infographics 信息图形化 产品设计与支持部门设计分享 gaojianming -------------------------------------------------------------------------------------------- 哪个是好的信息呈现? 用户需要的是什么? 好的视觉设计能最把有效的的信息提炼出来 -------------------------------------------------------------------------------------------- 如果你看下美国大选的例子你就会明白信息图形化的重要性了。 你能从哪一个图中更能快速的多维度获取信息呢? 产品设计与支持部门设计分享 gaojianming 信息或数据的视觉化分析的设计:在我们的日常工作学习中,大量的信息是人们难以从中筛选有用的信息,此时信息视觉化,信息体验化,通过特别的信息导航,使用户能够从中得到更深层次的理解,更快的作出决定。如图,刚刚结束的美国 2004 大选中,有大量的信息和报道充斥着人们的耳目,《TIMES》通过一个网络终端把各种数据视觉化,再提供清晰的导航给人们提供信息,使人们可以快速的获得信息,并直观的理解信息并作出决定。 http://www.princeton.edu/~rvdb/JAVA/election2004/ 产品设计与支持部门设计分享 gaojianming 蓝色是为民主人士, 红色是为共和党人。http://www.princeton.edu/~rvdb/JAVA/election2004/ 产品设计与支持部门设计分享 gaojianming 以下是网络产品Infographics 概念实际应用的案例 1 . 视觉化的电影/歌手搜寻方式- http://w w w .musicplasma.com/ 另一个视觉化的资讯显示方式,可以搜寻你所喜爱的歌手或团体、电影或导演。可以查看 Legend的部分看看这整个系统图示所代表的意思。不同的色彩代表不同的分类,圆圈大小也代表受欢迎的程度,相关的连线也会显示出所有相关的资讯,你也可以将你喜欢的任一个连结加到你的书签当中。 如果你有在上 C|NET News 你可能回发现,他们在每个文章的右边都加上了"the big picture"–视觉化资讯设计的功能,类似原 liveplasma 的视觉化图形介面,另外在首页每个大分类的首页,他们也加上了一个"what‟s hot",类似“newsMap”。 产品设计与支持部门设计分享 gaojianming Entry-Code "Flash+Blog"的标题索引系统 http://vgzh.dtdns.net/mt/entry_code.html 这是一个"Flash+Blog"的标题索引系统,放眼一看尽是日文和大大小小长短不同的长条以及数字,怎么看都不像是部落格的东西。其实他整个介...