- 1、本文档共35页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Infographics信息图形化
Infographics
信息图形化
--------------------------------------------------------------------------------------------哪个是好的信息呈现? 用户需要的是什么? 好的视觉设计能最把有效的的信息提炼出来
--------------------------------------------------------------------------------------------
如果你看下美国大选的例子你就会明白信息图形化的重要性了。你能从哪一个图中更能快速的多维度获取信息呢?
信息或数据的视觉化分析的设计:在我们的日常工作学习中,大量的信息是人们难以从中筛选有用的信息,此时信息视觉化,信息体验化,通过特别的信息导航,使用户能够从中得到更深层次的理解,更快的作出决定。如图,刚刚结束的美国2004大选中,有大量的信息和报道充斥着人们的耳目,《TIMES》通过一个网络终端把各种数据视觉化,再提供清晰的导航给人们提供信息,使人们可以快速的获得信息,并直观的理解信息并作出决定。/~rvdb/JAVA/election2004/
蓝色是为民主人士, 红色是为共和党人。/~rvdb/JAVA/election2004/
以下是网络产品Infographics概念实际应用的案例
视觉化的电影/歌手搜寻方式- / 另一个视觉化的资讯显示方式,可以搜寻你所喜爱的歌手或团体、电影或导演。可以查看Legend的部分看看这整个系统图示所代表的意思。不同的色彩代表不同的分类,圆圈大小也代表受欢迎的程度,相关的连线也会显示出所有相关的资讯,你也可以将你喜欢的任一个连结加到你的书签当中。 如果你有在上C|NET News你可能回发现,他们在每个文章的右边都加上了the big picture–视觉化资讯设计的功能,类似原liveplasma的视觉化图形介面,另外在首页每个大分类的首页,他们也加上了一个what’s hot,类似“newsMap”。
Entry-Code Flash+Blog的标题索引系统 /mt/entry_code.html这是一个Flash+Blog的标题索引系统,放眼一看尽是日文和大大小小长短不同的长条以及数字,怎么看都不像是部落格的东西。其实他整个介面用了infographics的一些概念。透过条状色块的长短来区分内文字数的多寡,宽窄来区分点阅数,还有用条状间的间距和条状的颜色来区分不同的投稿时间,数字则代表有几个回应文章。上方则有Text/Time/Help三个功能选择,可以切换不同的辅助模式。1. 滑鼠靠左右移动就可以看到同一月份不同的文章,左上角则可以切换月份。是一个很特别的流览部落格方式。
互动地图Color code /resources/loop/loop9/colorprojectMartin Wattenberg所做的互动地图,将数万个英文单字赋予不同的颜色,所有的颜色皆依据Yahoo图片搜寻的结果而产生出来,字与字间的关系则根据WordNet database,程式则是以Java为基础所写,所产生出来的结果,则是一个英文字的色彩地图。你可以点选任一个色块然后按show images for…去看Yahoo搜寻中那一类别的图片。
They rule /这学期Infogeaphics课老师给予我们看的另一个范例,可以看各大公司内部的高层组织,全部用图表方式呈现。你可以删除任何图表上的高层或公司,或者搜寻该高层人物或公司在网路上的相关报导,各个元件都可以拖拉,你可以找出你要的公司组合,把图表存起来。若要查企业资讯,这是另一种挺另类的方式,不过该资料目前是2004年的资料,所以有部分可能已有变更。设计公司:Future Farmer
AmazType http://amaztype.tha.jp/之前yogop的另一个吓死人作品,因为这也跟Interactive infographics有相关,因此再度拿出来。另类的搜寻方式。先将你想在亚马逊找的书籍或DVD、音乐的名称输入,接下来程式就会将所有相关物品的图片一一列出,然后还会组成你所打的那个字。列出来的物品还不是好看而已,全部都跟资料库有串连,你还可以更进一步点选每一个物件,看更详细的资讯。yogop的东西,每次看完都觉得自己是白痴…真的很讨人厌!! /
HistoryWired(Infographics) /继续介绍Infographics的另一个范例…是HistoryWired的一个介面,用来介绍不同分类的相关历史资讯。当你滑鼠移动到区
您可能关注的文档
- Chapter4 Prenatal development, birth, and newborns’ readiness for .ppt
- chapter7意外伤害保险.ppt
- Chapter7 Infancy –Socioemotional Develop.ppt
- chocolate :the bitter t.ppt
- Cisco ASA 5500系列内容安全和控制安全服务模块 (CSC-SSM).doc
- CMMI-支持-DAR-决策分析和决定组织方针-V1.0.doc
- CMOS电路与TTL电路的结构对比.doc
- CMS项目中用到的技术(全).doc
- CLASSIC幻灯片-7临床建议.ppt
- CNG、LNG、三合一.doc
文档评论(0)