超赞的信息图设计

  • A+
所属分类:资源分享

好的信息图看起来好像很容易用PS画出来,但如何通过有效的设计实现数据可视化通常才是关键。

你可以使用在这个链接里的任何一个工具来创建图表,同时我们已经找到了互联网上网络最好的信息图案例,来启发你应该如何去做。有些例子很有趣,有些相对严肃,相信所有的例子都会让你深受启发。

(ps.部分需要翻墙的页面我们没有给链接,因为最近翻墙软件出问题了,如果翻出去之后我们会把大家看不了的下载下来给大家~)

 

01. 喝完一罐可乐1个小时候后会发生什么?

超赞的信息图设计

点击查看完整的信息图

众所周知创意人员很少朝九晚五地工作。有时你只是需要一点刺激来帮助你熬过漫长的工作。但在你用一罐可乐解决问题之前,先看看来自“离经叛道的药剂师”网站的这个既简单又有效的信息图表。它准确揭露了在喝完一罐可乐一小时后会发生的事情。朋友,相信我们,结论并不美好。

 

02. 15条视觉层次黄金守则

超赞的信息图设计

点击查看完整的图表

在我们的网页上你可能有看到过由Designmantic 创建的[10条字体的戒律][10条UI的戒律][色彩理论]的信息表。而现在他们设计的这个图表是为了帮助你实现数据中的视觉层次和减少噪点。

 

03.18条字体运用法则

超赞的信息图设计

点击查看完整的图表

我们访问了The Visual Communication Guy ,发现了这份为设计师提供了18条字体运用法则的伟大信息图。字体的运用可能会令你很困惑,例如你应该选择什么字体和多大字号?如果你跟随这些法则,你就不会走弯路而且还可以很快地让你的设计改头换面。

 

04.怎么样才能设计出完美的LOGO

超赞的信息图设计

点击查看完整的图表

想要设计出完美的LOGO? 登录CompayFloders.com查阅这份LOGO设计信息图表,你便会知道。

 

05. 10大用户界面设计准则

超赞的信息图设计

点击查看完整的信息图

 

这是我们目前为止看到有关用户介面(UI)设计最好的信息图表之一。[10条字体的戒律]的作者Designmantic.com 做了一份非常有用的图表,你可以照着这个图表去优化网页界面。

 

06.最棒的信息图表想法

超赞的信息图设计

点击查看完整的信息图

 

当我们浏览网站的时候,我们发现了InfoBrandz这个网站,它指导设计师如何去做好信息图。这些内容非常棒,我们迫不及待跟大家分享啦。

 

07. 什么是对你来说最好的字体?

超赞的信息图设计

点击查看完整的信息图

我们最近恰好看到一张超级详尽的信息图表,它能帮助你选择最适合自己的字体,这正是我们要分享的内容。

由Mediaworks携手Cartridge Discount制作,这张图表带着你回顾了字体的历史,并作为一个好的向导去探索衬线和非衬线、网站和印刷字体、特殊字体、还有现代字体等的区别。您不妨看看是否有心水的字体。

 

08. 漫威漫画

超赞的信息图设计

点击查看完整的信息图

在漫威漫画当中,在备受期待的3D电影—《雷神2:黑暗世界》即将推出之前,漫威的漫画再多都看不够,这张才气横溢的信息图表由插画家Sam Gilbey制作,他为我们展示了我们最爱的超级英雄电影角色。

这张出色的插画背景是充满力量的角色,对任何漫威粉丝来说,都不失为一幅完美的漫威信息图表。最赞的是他处理信息的方式,既完整地表达了所有的信息,又没有漏掉任何艺术细节。

 

09. 我们为何需要图表?

超赞的信息图设计

点击查看完整的信息图

这张信息图所带来的冲击力是独一无二的

对我们来说这挺新鲜的,一张关于图表的图表,好吧,Neo Man Studios可能不是第一个有这样创意的机构,但是他们提出的设计漂亮而且能够很好的执行。一个有经验的HTML5和CSS3的线上架构,你可以点击这个链接看看他们全部的交互式的光辉历史。

“这个视差滚动曾经是最难实现的效果”Neo Mam的Danny Ashton如是说,“如果我们的开发人员只盯着那些有效的函数库和编写代码不太实际,所以他们最终创造出自己的东西。

除此之外,Ashton说道,建立这个图表的挑战是让CSS尽可能的简单。“我们想要的是平滑的,用户体验良好,”Ashton这样解释。“这比我们在做加载时的那些小把戏重要多了。”

 

10. 你的城市是什么字体

超赞的信息图设计

点击查看完整的信息图

美国的城市在这图表里都字体化了。

这支位于Motovo的队伍并不是你平常房见到的普通地产经纪人群。他们不仅为字体所着迷,还有幽默感。这个队伍最新的作品是这张非常有才华的信息图表,他们匹配了十个美国城市作为他们等同的字体。New York, Phoenix, Memphis, Philadelphia 和 Chicago在这些城市特色当中,都附带着它们自己的字体还有设计师名字。

Movoto的职员从美国各地的城市里,选择他们最喜爱的城市和挑选出几个形容词是最适合来描述它们的。

然后他们就在网上搜索各种各样的字体,哪一个,在他们的观点,就是能表现出形容词的意思的。了解到人们非常重视这些字体选择,Movoto的队伍也会问取各个城市的专业设计师的意见。

对于特别钟爱New York 和 Chicago的我们来说,关于给各个城市匹配字体,他们确实做了一件非常有才华的事,你认为呢?

 

11. 吸烟导致死亡

超赞的信息图设计

点击查看完整的信息图

为你的戒烟选择提供了数据支持

我们以前见过的都是用可怕的图片和视频来表现吸烟对人体的危害,但平面设计专业学生Heng Chun Liow却使用了一种微妙的方式。他的作品里不出会现病变的心脏,而是用将简单的矢量图、基本事实和“你的生活你做主”的标语结合在一起的信息图形以及一系列概念海报所代替。我们喜欢用这种将重点放在个人选择的朴素设计来传达简单的思想的方式。即使你无法读懂文字,下面插图也能立即清晰地传达这个信息。

 

12. 超人服装的演变

超赞的信息图设计

点击查看完整的信息图

为庆祝钢铁侠电影的发布,数字艺术家Imbong Hadisoebroto创建了这幅描绘从1934年以来超人形象发展的插图。在过去的几十年里,这是一个令人难以预见的标志性的转变。

从经典的蝙蝠侠的服装到一些鲜为人知的服装,Hadisoebrote这几年来一直在为超人设计综合性的视图,其中也包括James Acheson和Michael Wilkinson的最新设计。点击登录Deviant Art查看更多来自Hadisorbroto的官方授权的超人作品。

 

13. 想象中的工厂

超赞的信息图设计

点击查看完整的信息图

有谁想要一份画着这种插画的菜单吗?

身为插画师、设计师和印刷商张静已全身心投入创意领域,她创作出一系列可爱的信息图表。在这里,她的想象小精灵们正在努力的为我们最喜欢的小工具和一些可爱的插图或古怪的注解工作着。信息图形包括iphone、照相机、钟表、电视以及咖啡、蛋糕和茶壶。

 

14. 200个强大的工具

超赞的信息图设计

点击查看完整的信息图

这个流行的强大工具信息图表在Pop Chart Lab上三次上榜。材料来自过去75年的漫画书中,并分解成七种主要技能集;心智,动物的力量,掌握的力量,身体的力量,力量的控制,物体操作和武器的运用。这个充满活力的设计让人印象深刻,超过200 个的分类方法和600个超级英雄和恶棍在超过六平方英尺的脚下蔓延。我们也爱最终呈现出的复古风格设计,向宇宙中伟大的青铜时代漫画的致敬。

 

15. 到火星的距离

超赞的信息图设计

点击查看完整的信息图

有没有想过到火星的距离有多远?是的,我知道维基百科可以告诉你准确的距离。但是有一天数字变成了天文数字,你就会很难理解这些数字。为了帮助你,David Paliwoda 和Jesse Williams制作了运动信息图表,这样每个数字设计师都可以用像素的方式理解距离像火星这种特别远的距离。

 

16. 游戏控制器

超赞的信息图设计

点击查看完整的信息图

看一眼上面的图表,告诉我们,你有没有在这些游戏控制器上花过数个小时甚至几天的时间!Pop Chart Lab里有趣的人们创建了这个图表,画出了关于视频游戏控制主题的详细而完整的家族树,包括掌上电脑,操纵杆,杆,手柄,步枪,方向盘,甚至一个手套。

 

17. 志亮(Zhi Liang)

超赞的信息图设计

点击查看完整的信息图

陈志良的建立容易从众多建立中脱颖而出

新加坡的学生陈志良从他的平面设计导师那里接到一个任务,创建一个图表简历,他最终交出了漂亮的设计。这份简历展示了最重要的资格和技能,因为非常抢眼而绝不会被面试官忽视。在竞争激烈的就业市场,亮的这一招简直完美。

 

18. 《神秘博士》(Doctor Who)

超赞的信息图设计

点击查看完整的信息图

作为《神秘博士》的粉丝,设计师Sam Gibley 受virgin电视台委托,创造了这份指南来纪念《神秘博士》播出五十周年。这份指南设计巧妙,易于理解的,它提供了关于剧集的丰富的信息,包括角色的历史以及一些有趣的事实和细节。

 

19. Feltron年度报告

超赞的信息图设计

点击查看完整的Feltron报告

Nicholas Feltron 因身为facebook产品设计团队的成员而著名。不过,自2005以来,他一直在进行一个叫做年度Feltron报告的个人项目。每一年,设计师都会公布他所有信息表的合集,这些信息表记录了他在十二个月里做的每一件事情。真酷。

 

20. 字体与颜色

超赞的信息图设计

点击查看完整的信息图

网络营销和设计公司 Tasty Placement创造了非常cool的信息图表,重点关注的是全球领先品牌选用的字体与颜色,这个有趣的研究结果告诉我们,全球100强企业的Logo都选用了什么颜色、字体以及风格。

 

21. 衬线字体与非衬线字体

超赞的信息图设计

点击查看完整的信息图

你是否也曾经在衬线字体与非衬线字体之间难以抉择?如果你也有选择困难,那么这张信息图将会把你从纠结中拯救出来。该设计阐述了不同场景的最佳字体选择。结论?称线字体适合印刷,非称线字体适合网页。

22. Wind map风力图

超赞的信息图设计

点击图片查看动画

一张精美的原始信息图表,一个动态的风力图展示美国的风向。这个动画由艺术家Fernanda Viégas和Martin Wattenberg所设计,依靠风向创造了一系列美丽的图案。在交互式场景中,你还可以放大特定区域查看更细节。

 

23. 中国社交媒体蓝景 (视频需翻墙)

这是来自Creative Bloq的我们的最爱之一,这是插画Jessica Draws 首次绘制的动画信息图表。Jessica 曾受中国China Blueprint Online委托设计一个信息图表,去宣传在澳大利亚利用中国社交媒体所带来的好处。

24.Facebook: 给你的apps一点压力吧

超赞的信息图设计

点击查看完整的信息图

 

尽情欣赏我们独有的信息图表吧,这可是由我们内部设计师 James Hollingworth设计的。在这里,你将了解 Facebook 是如何帮助apps开发与成长,以及在世界上最大的社交平台上将对自己的apps产生什么影响。

 

 

25. 2012奥林匹克游泳

超赞的信息图设计

点击查看完整的信息图

去年,平面设计师们都沉浸在奥林匹克的热潮中,这张来自CREAX的出色的信息图是为2012年6月的实时通讯所创作的,也是最佳作品之一。

 

26.网络即我家

超赞的信息图设计

点击查看完整的信息图

社交媒体是我们日常生活的一部分,也是我们旅行方式的重要组成部分。允许用户共享旅游小贴士、旅行路线和照片的创业公司Tripl创建了很酷的图表,展示了社交媒体如何影响我们的旅行。

 

27.绿色科技的增长

超赞的信息图设计

点击查看完整的信息图

环境问题将总是一个热门的话题,这张来自The World Bank的信息图,给出了因在绿色科技上做出的改变而获得益处的当前持续性趋势和建议的一些结论。

 

28. 信用卡入侵社交网络

超赞的信息图设计

点击查看完整的信息图

当你登录Facebook时是否发现信用卡广告的平稳增长?信用卡公司开始在社交媒体网站上提高曝光,借此俘获年轻的消费者。这张来自card hub的信息图解释了为什么你应该当心了…

 

29.想在Google搜索中有好排名?

超赞的信息图设计

点击查看完整的信息图

想要在Google上排名更好?如果你是个人,你可以创建个人网站,希望有所帮助。或许你还可以在社交网站上如LinkedIn,Facebook,或者twitter上创建个人页面。这张来自Search Engine Land的信息图告诉你可以怎样做。

 

30. 关于BYOD我们害怕和喜爱的十件事

超赞的信息图设计

点击查看完整的信息图

伴随着人们带上自己私人的iPads和手机进入工作,BYOD(携带你自己的设备)从未知名的技术缩写逐渐被普遍认知。这个现象越发普遍,IT经理和首席信息官也完全认可。和这张来自zdnet 的信息图展示了这种趋势被激发的爱和恨。

 

31. 社会网络的现状

超赞的信息图设计

点击查看完整的信息图

推特已经证明了自己是2012至今为止具有最强增长率的社交网络,遥遥领先同类的Pinterest,LinkedIn和Reddit。 Ignite Social Media发布的这个图表收集了所有最新的社交网络的统计数据。

 

32. 分析伦敦2012:生活图表

超赞的信息图设计

点击查看完整的信息图

这份由 GoSquared创建的奥运会信息表是我们遇到的最令人印象深刻的互动图表之一。你自己看看和滚动鼠标-你的分数能击败我们吗?!

 

33. 谷歌如何工作

超赞的信息图设计

点击查看完整的信息图

一个非常详细的可视化漫游,告诉你当你为网页添加一份新内容后,谷歌会做些什么。喜欢这篇文章。

 

34. 应用商店的历史:商店战争

超赞的信息图设计

点击查看完整的信息图

Webpage FX的团队对比了苹果应用商店,安卓市场,黑莓应用程序世界,和Nokia,Palm和Windows Phone7 应用程序目录。统计数据包括操作系统分布,付费与免费的应用程序在每个目录中的百分比,平均应用程序下载量,平均应用程序价格以及所有应用程序2010总收入。

 

35. 普遍设计师的生活与职业前景

超赞的信息图设计

点击查看完整的信息图

这个信息图总结了普遍设计师的生活与职业前景,无论你现在是一名职业设计师还是自成一格的自由设计师。

 

36. 那些博客新人都在想些什么

超赞的信息图设计

点击查看完整的信息图

这篇博文是给博客新人的一些小技巧,博文中的列表样式呈现值得学习,详见:信息图表设计的秘密:动态数据可视化的10个技巧。( Infographic design secrets: 10 tips for dynamic data visualisation

 

37. 薯条背后的事:一张关于麦当劳和星巴克帝国的图表

超赞的信息图设计

点击查看完整的信息图

我们都认为,麦当劳和星巴克正在占领这个地球。当然,这张图表确切证明了这一点。看看每家门店在数量、利润及产品上的增长着实可怕。

 

38. 互联网世界里的一分钟

超赞的信息图设计

点击查看完整的信息图

这个信息图巧妙地运用了漂亮的图形和概念化的信息,而不是像一些其他设计师一样套用老套的饼状图。

 

39. 钱都去哪儿了?

超赞的信息图设计

点击查看完整的信息图

这些信息图列明了美国消费者的平均支出。结果可能并不让人觉得意外,但圆形的设计是一个可爱的尝试。

 

40.你希望你的设计是什么样?

超赞的信息图设计

点击查看完整的信息图

你有多想把它展示给你的客户? (译者注: 你大概看过中文版的图,原来这个图有英文版~)

 

41. 全球二氧化碳排放量

超赞的信息图设计

点击查看完整的信息图

一个强大的全球二氧化碳排放量监测图,以国家为单位来衡量。请注意实际的数据是无形的。圆圈的相对大小来代替所有的数字列表。确保你查看的是完整版本,看看这图像是如何剪裁嵌入。

 

42. 英国玩家和他们的游戏习惯

超赞的信息图设计

点击查看完整的信息图

领先的国际游戏市场数据,咨询和出版公司New Zoo 创建了这张古怪的图表,展示的是英国玩家如何花费他们的金钱与时间,以及一些有趣的现象。

 

43. 茶和饼干的指南

超赞的信息图设计

点击查看完整的信息图

由坐落于布里斯托尔的Green Hat Design公司设计,这个奇异的信息图是一个手册指南,展示的是当你把八种饼干放到一杯热咖啡里面一起喝下去的话,这些饼干的弹性!

 

44. 展示Flickr 和Twitter 使用范围的欧洲地图

超赞的信息图设计

点击查看完整的信息图

不是所有的信息图表都是漂亮的、彩色的插图。这个图表就利用了地图数据来可视化地展示了Twitter 和Flickr 在整个西欧的使用范围。

翻译:RuminateWonRubbie达尔文_siusiu_ , Kentoness ,fz__fancy,Esc李,DARREN,Maybe,Lemon 菲洛琪 zoey

校对:Connie

设计:Itachi

原文地址:http://www.creativebloq.com/graphic-design-tips/information-graphics-1232836

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: