恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
探究国外图表设计的15个技巧
0.0°
2018-02-24 自译外文 经验/观点 原作者: 海空设计 举报 3391 5 6 0

你是否曾经有过大量的信息,但却不知道如何有效地去做?

别再烦恼。今天,你将学习如何以一种有效、美丽的方式传递大量信息。没错,我们说的就是信息图表。

海空设计官网,点击查看更多

你可能会问自己:“什么是信息图表?”,答案很简单。从本质上说,信息图表是信息的可视化表示。你要用一种他们容易理解的方式(信息图表),而不是需要他们从来不想看的大段大段的文字,来提供给他们相同的信息。

 

事实上,人的视觉只记得阅读的20%。想象一下你每天读到的所有重要的东西,把它缩减到你开始时的四分之一。可怕吗?我们是视觉动物,90%的大脑过程都是视觉的,我们处理它的速度比文字要快得多。

 

这在网上也同样适用。社交媒体上最受欢迎的是图片。当你在网上发布信息图表时,流量甚至会增加12%,那么为什么品牌不利用这一点做宣传呢?

 

想要给服务的品牌提供了一些信息图表。确保你知道自己想要什么,并且能够为我们设计师提供内容。你的信息图表应该是教育的或者娱乐的,而不是买东西的冲动。在你的领域里,树立自己作为一个领先的信息资源,客户会记住你并寻找你。

 

信息图表设计适用于许多品牌,利用下面的15个步骤,你将会很好地设计一些很棒的信息图表。

 

01.处理你的数据

不管你是负责找到所有的信息还是接收很多信息,很有可能你需要筛选大量的信息。重要的是不要只是匆匆浏览它,小部分很棒的东西可以藏在所有的文字里面——找到它是你的工作。信息是最重要的部分,这是最重要的一步,毕竟这是构建你的信息图表的要素。

Image title

纽约人自拍的年龄和性别被组织和设计成有意义的东西,你可以在这里阅读关于这个背后的团队。

 

02.检查你的消息

确保所有用到信息图表的信息都是可信的。就像你在学校里写的那些论文一样,你的信息图表也只是可信的来源。不要显示不准确的信息使自己陷入麻烦。

Image title

包含需要事实检查的重要信息的信息图的示例

这里你可以看到一个信息图,里面包含了很多信息,这些信息本来是可以检查的。公司的记录可能被拉来确保数字的对齐,以及跟踪标志的演变。

 

03.创建一个线框

线框只是你工作的骨架。在开始设计之前,你应该经常这样做。事先准备好所有的东西(包括文本和图片)可以节省你的时间和挫败感。使用线框图可以让你看到所有的东西是否都很流畅并且有意义。

Image title

一个清晰的故事需要预先绘制的图表

 这张信息图是关于一部电影的,所以它有一个清晰的故事。故事情节的线框图会在事先设定好,以确保所有重要的部分都被正确的排列。

 

04.有目的的格式

有些信息需要以某种方式描述。不要仅仅为了使用这种格式而使用格式,尽量发挥创造性。你可以通过各种方式显示信息,比如图表、饼图、流程图和地图(实际上这个列表还会不断变化)。

Image title

选择用图像显示地标的城市指南

 这个是创建的城市指南是一个很好的例子,它能让你的信息变得更有创意。不只是展示主题的照片,而是用图标来代表每一个主题。这给了向导一种更友好的感觉,整个过程很容易理解。

 

05.有一个故事

有一个明确的信息将会达成一个成功的信息图表。当你开始做线框图时,要确保你的故事已经准备好了,在你知道你想说什么之前,你不应该开始设计。故事应该决定设计,而不是反过来。

Image title

一个信息图表,讲述一个清晰的故事,并以合理的方式呈现信息

 这张关于石油泄漏的信息图表说明了一个清晰的故事。它是以一种合乎逻辑的方式被告知的,并且你完全理解你从插图中得到了什么。项目符号的编号很清楚,所以你不需要猜测应该从哪里开始和结束。


06.定下了基调

确保你的信息图表的表达符合主题。如果是认真的,那就认真点。如果是轻松愉快的,那就轻松一下(你得到了照片)。如果基调不匹配,这可能会让读者感到困惑,而信息图表则是很容易理解的。

Image title

使用适当的语言表达为主题的信息图表

这张来自加拿大多动症的信息图表显示了他们的优势。多动症是一个很严肃的话题,但这里的目标是教育如何处理它。语气很清晰,很有教育意义。这些信息以一种让人感觉权威的方式传递,并且让人信以为真。

 

07.在字体之外思考

当你有机会在视觉上展示某样东西的时候,记住它(当它是视觉的时候我们会更加注意)。不要依赖花哨的字体作为拐杖。尽可能多地利用插图、图表、图标和图形,这会创造更多的视觉感兴趣。

Image title

严重依赖视觉与文字的信息图表

这张信息图依赖于简单的图表和图形,而不是文字。文字仍然在那里,但被用来补充图表。一个好的经验法则是,无论你在什么程序中,都要把你的文字放在一个单独的层上。时不时的切换一下,看看是否一切都有意义。你可能会发现你可以完全消除文字。

 

08.仍然考虑你的文字

是的,你被告知不要依赖文字。是的,你被告知仍然要关心它。当需要时,排版仍然是信息图形的重要组成部分。确保字体与所使用的图形相辅相成。文字不应该减少你的视觉效果。

Image title

文字图形相辅相成信息图表

这个信息图表使用了最小的字体,但仍然非常明显。这种文字的图像效果很好,即使你不用这种语言阅读,你也可以看到两者之间的关系。

 

09.控制颜色

大多数信息图表将被在线观看,所以考虑在屏幕上运行良好的颜色。在网上浏览时,要避免会给眼睛造成压力的、明亮的霓虹灯颜色。记住你的信息图表可以共享的大多数社交媒体网站都有白色背景。选择一种对比色,以确保它不会不明显。

确定一个有效的调色板,坚持三种颜色是很好的规则。如果你需要更多,可以添加你正在使用的颜色的阴影和色调。如果你很难想出自己的配色方案,有很多在线资源可以为你创建颜色方案。

Image title

成功的配色方案的信息图

这张信息图使用了一种非常成功的配色方案。颜色搭配得很好,眼睛也很容易观看。使用三种主要的颜色(蓝绿色、橙色和黄色)和各种颜色的色调和阴影,以提供对比度。

 

10.利用空白

让信息呼吸是很重要的。白色的空间越多,观众就越觉得不知所措。不要过度拥挤,保持条理性,它会使设计更简洁、更容易接近、也更容易理解。

Image title

使用大量空白区域的信息图表的简历

简历是一张信息图表,其他原本可能是一大堆拥挤的信息已经变成了一个非常容易阅读的东西。每件事物之间都有足够的空间,让读者快速处理。

 

11.休息一下

信息图创建是艰苦的工作,有时项目非常冗长,涉及时间很久,有时候你并没有真正进入主题。可以先放一放,休息一下,你就不会做出糟糕的决定(比如冲过终点)。带着新鲜的视角回来,你会感到更有灵感。

Image title

信息图表塞满了大量信息,可能需要你离开、休息一下眼睛,再回来。

这个关于罐头的信息图充满了伟大的信息。设计和盯着这些信息连续工作几个小时是很累人的。与其匆匆忙忙地完成并做出糟糕的设计选择,不如喝杯咖啡(或者茶,如果你喜欢的话)。当你有正确的心态去创造美好的事物时,请回来。

 

12.谨防事故

信息超载是压倒性的。不要放任何不必要的东西。试着把它分解成最多六个要点,如果你需要的话,把它分解成更多的部分。

Image title

成功分解信息的信息图

这张关于食品卡车的信息图,把信息分解得很好。每件事都有一个清晰的部分,信息并没有侵入彼此的空间。

 

13.校对 校对 校对

我是否说过校对?每个人都会犯错,因为我们是凡人。然而,如果你不检查你的工作,错过了一个明显的错字,这可能会使客户对你的印象不好。更糟糕的是,如果客户没有发现这个错误,并且已经发布了,他们可能会有很多的损失,而这反过来又会影响到你。这真是一个双输的局面。

Image title

一个信息图表,将会有一个大的粉丝群指出任何缺陷

这张游戏《天际》的信息图就是一个很好的校对的例子。像这样大的公司有一个庞大的、热情的粉丝群。不小心拼错了什么,你一定会听到的。

 

14.一路测试

等到你完成信息图表设计后,再进行测试,可能会导致不得不重新开始。请人们看看你一直在做什么,以确保它是有道理的。如果只有你明白它的意思,那么它就不是有效的信息图表设计。

Image title

很多件测试的信息图表

这张关于社交媒体疾病的信息图非常复杂。要确保别人的反馈是相同的,不管是改变一些角色,还是在他们下面添加描述框,这都是很重要的。

 

15.进行修订

信息图很可能是在线共享的,这意味着在发布后总会有一个在线讨论。在引起你的注意时,根据需要进行更改。纠正任何不准确的信息,并根据需要进行更新,特别是当主题不断变化时。

Image title

关于可以不断更新的主题的信息图表

这张关于电子商务的信息图表可以年复一年地更新。不可避免的是,统计数据将会改变。这是一个很好的机会来不断更新你的营销材料。一旦一组新的数字出来,将它们插入并重新发布。保留旧的记录,并显示随着时间的推移情况是如何变化的。

 

信息图的作用就像我们的大脑接收图文的效果。视觉效果吸引我们的注意力,帮助我们更容易地记住信息。信息图形对我们有这样的影响,它们影响我们购买的东西和我们访问的网站(这对品牌有好处)。

 

“确保你的信息图表在视觉上都很吸引人(这就是吸引注意力的地方),并且很容易跟上(这就是吸引注意力的地方)。”

 

如果你遵循这些重要的步骤,使得这个过程更加顺畅,那么绝佳的信息图表是你所能达到的。

 

本文由海空设计翻译整理,转载请注明:【海空设计】信息图表设计的15个简单的步骤

更新:2018-02-24

收藏

5人已收藏

海空设计

海空设计·杂志内刊专业定制服务商!20年平面设计经验,专业资深!

  • 412

    作品

  • 204

    粉丝

  • 0

    关注

  • 【海平面】为什么你的设计不令人满意?看完这本书,瞬间懂了!
  • 【海平面】中国江南印象概念书:《江南意象》
  • 【海平面】鲁迅与平面设计
  • 【海平面】海报设计:20个鼓舞人心的例子

    猜你喜欢

      2018-02-24 自译外文 经验/观点 原作者: 海空设计 举报 3391 5 6 0

      探究国外图表设计的15个技巧

      0.0°

      你确定要举报探究国外图表设计的15个技巧

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年02月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录