超全面!信息图形设计知识全方位科普优设网

信息图形设计就是针对内容复杂、难以描述的信息进行充分的理解、提炼、整理、分类,并通过设计将其视觉化,通过图形简单清晰地向用户以更为直观的形式展示,这种图就叫做信息图形。

1.简化复杂的概念

面对复杂的事物,如何快速了解它到底是什么,有什么用?利用图形能使你快速理解信息,专注于信息结论,获得更轻松、更聚焦的阅读体验。

2.让用户记得更多更牢

3.易传播

一张信息图相当于一张创意海报,收藏、转发都是分分钟的事情,在手机、电脑、易拉宝什么地方都能清晰展示。

4.对比更清晰

这个事物和那个事物有多大区别?一条条的文字说明看起来太麻烦,来张图吧,简单明了的多。

根据木村博之的定义,从视觉表现形式的角度,将“信息图形”的呈现方式分为六大类:图解(Diagram)、图表(Chart)、表格(Table)、统计图(Graph)、地图(Map)、图形符号(Pictogram)。

1.图解(Diagrams)—主要运用插图会事物进行说明

有些东西仅靠语言是无法有效传递的,但是通过图解就能很好的传达你所想要表达的信息。下图是一张健身动作图解,48种健身动作,图解是每个健身动作。少去繁杂的文字解释,直接用图解表示,直观明了。

2.图表(Charts)—运用图形、线条、及插图等,阐述事物的相互关系

图表是将复杂的信息进行整理,使之一目了然的表现形式。它运用线条连接或区分事物,利用箭头指示方向,将事物之间的关系表达得足够清楚明晰。流程图就是典型的图表。

下图是一张胎儿成形的发育图,巧妙的运用了图形变化和线条的顺时针转动向我们展示了整个过程。

3.表格(Table)—根据特定信息标准进行区分,设置纵轴和横轴

表格是指按照一定的标准、规则设置纵轴与横轴,将数据进行罗的表现形式。

4.统计图(Graph)—通过数值来表现变化趋势或者进行比较

常用的统计图有三种,根据主要功能,可以将其分为两大类。第一类是为了体现变化或比较关系的柱状图及折线图;第二类是用于体现某种要素在整体中所占比例的饼图。

上图,是某活动页面的信息图形展示,通过这些柱状图和折线图,我们能很清晰地看到通过这个活动页,用户从参与、领取优惠券、下单到成功支付的比例是怎样的,以及订单的金额和新用户的参与情况。

5.地图(Map)—描述在特定区域和空间里的位置关系

将真实的世界转换为平面,在此过程中必然要将一些东西略去。实际上,要说“省略”是地图上最关键的词也不为过。无论是哪种信息地图,最重要的是让用户找到想要看到的信息。信息地图也可分为两大类:第一类,将整个区域的布局或结构完整呈现的地图;第二类,将特定对象突出显示的地图。看看以下美国大选中的美国地图吧!

6.图形符号(Pictogram)—不使用文字,直接运用图画传达信息

所谓图形符号,基本就是利用图形,通过易于理解、与人直觉相符的形式传达信息的一种形式。我们在街上、商场里、机场、医院,经常会看到图形符号,有些是指示方向的标记,有些是安全出口之类的标记。图形符号的设计原则是尽可能不使用文字,避免语言不通造成困扰,图形要易懂。

小结:信息图形的设计,基本是运用这些元素设计的,有的可能用了其中一个元素,有的可能用了几个元素,有的信息图形可能涵盖了这六大元素。一个好的信息图,不是为了做一个好看的图表,而是讲好了一个故事。归根究底,还是那句话:形式跟随内容。

2009年2月,由国际新闻媒体视觉设计协会(SND)主办的新闻视觉设计大赛在美国纽约州Syracuse举行,评审结束后,图文设计组的专家们总结了他们认为的在制作理想的信息图时应该考虑的五大要素:

1.吸引眼球,令人心动

庞大的信息量充斥我们的生活,一张信息图的设计如果没有特色很快就会被淹没。因此,不论是从结构出发,还是趣味性,抑或是色彩冲击力,一定要有足够吸引人的地方,首先让用户产生兴趣。不管是展示什么样的信息内容,都要加入一些让人耳目一新的元素。

注:但需要注意的是,刻意的追求不同也是不可取的。

这是一张facebook社交图,美国的facebookfriendships(脸谱好友)度是最高的,而非洲是最低的。南极洲和俄罗斯基本上看不到,其他地区相对比较明显。

2.准确传达,清晰明了

想要传达给用户的内容,还没有在大脑里面好好思考就急于去设计,其结果就像一个人说话文不对题一样。用户遇到这种设计的时候,很难从你的设计中提取到有效信息。设计重心不明确,设计就会显得摇摆不定,注定做不出好的图形。所以在信息图形设计中,要学会取舍,要给用户传达一个最想要传达的主题,然后将这个主题巧妙的表现出来。

KantarMediaCIC,在上海发布了「60秒看中国社会化媒体表现」信息图(上图)。该信息图提供直观全面的中国社会化媒体表现,帮助客户更好地了解中国社会化媒体平台每天产生的数以亿万计的数据。

3.去粗取精,简单易懂

根据概念去推敲创意时,其要点在于要从庞大的信息量中将真正必要的信息甄选出来。所谓“真正必要的信息”指的是那些能使用最少的信息使效果最大化的内容。好的设计,读者只需扫一眼就能知道其主旨是什么。因此,我们要有快速从信息中抓取最有价值的元素。

简化也不单单只是对信息内容进行简化,表现手法也可简化。如下图,关于咖啡种类的说明,通过一杯咖啡的图形样式,不但直观的表现出不同种类咖啡的成分组成,而且各成分之间的比例关系也一目了然。

4.依据视线,眼动规律

5.少用文字,用图释义

一幅信息图很少或没有没有文字信息,其内涵也能被用户充分理解,这才不失为最理想的信息图,这张图在全世界范围内使用,也不会有什么问题。因此,我们在信息图形的设计过程中,不采用大篇幅的文字,而是尽量使用图形。在信息设计中,确保在语言不通的情况下也能让读者无误的理解信息内容,这是信息图形设计所要追求的目标。

图中通过箭头的方向表示非洲出口的目标国,并且通过箭头的大小对比来表现不同的出口增长率。文字信息很少,却能很清楚的传达信息。

在信息图的制作过程中,设计只是其中的一个环节而已,清晰明了地传达主题才是我们设计的核心内容,掌握这些技巧是为了实现这个最终目的。信息图形的设计也并不是随意而为,它是一个循序渐进的过程,主导设计全程的并非只是美感和创意,而恰恰应该是理性思维。因为对设计而言,是要为信息服务,确保信息更为明确、有效地为人们所接受,在这个基础上,再去追求美感和创意。

THE END
1.华设设计集团华设设计集团为具有公路全行业(公路、特大桥梁、特大隧道、交通工程)、市政行业专业、水运全行业、建筑行业建筑工程、工程勘察综合类、工程咨询、公路工程及机电工程监理、公路工程试验检测综合甲级资质的综合性规划勘察设计研究院。http://www.cdg.com.cn/
2.什么是设计?设计的概念包含哪些原创微笑面对设计什么是设计?设计的概念包含哪些-原创 一、设计的概念 设计的基本内涵设计在汉语中最基本的词义是设想和计划。《新华字典》将设计解释为“在做某项工作之前预先制定的方案、图样等”,设计一词几乎包含了“设”与“计”的所有含义,从而具有较为宽泛的内涵。“设”在汉语中作为动词,有安排,假使,陈列等含义,由此复合https://www.weixiaocm.com/1566.html
3.设计的概念以及含义我们几乎每天都在进行设计工作,并且使用不同的设计方法来使设计可用,美观且讨人喜欢。 但是,很多时候,这些精心设计的产品未能达到成为市场差异化产品或创新产品的水平。 原因之一是缺乏对产品“概念”核心的投资。 A concept is the “soul” of your product. A product without a strong concept is like a humanhttps://blog.csdn.net/weixin_26732881/article/details/108135198
4.产品设计是什么?产品设计的概念—进来便知产品设计方法是个很广泛的概念,不同的领域的产品需要不同的方法去设计,作为产品设计师,你要了解用户“为什么你选择此产品而不是其他产品?你最喜欢这个产品/流程/功能的什么?你最讨厌这个产品的什么?”在更高的层次上,在接触任何东西之前,你需要知道谁在做什么?他们为什么这么做?怎么做的?因此,我们主张的方法论如下https://o.lkkdesign.com/article-show-id-3ec814876cacb08f.html
5.什么是设计模式?详解设计模式概念及几大原则今天我们来讲讲设计模式,在我们学习Java的时候,时常听到单例模式,多例模式,还有使用Spring的时候,默认采用的单例模式,你所听到的“饱汉式”、“饿汉式”,都是对设计模式的形容。那么什么是设计模式呢?它又是什么概念呢。 第一节、前言 今天我们来讲讲设计模式,在我们学习Java的时候,时常听到单例模式,多例模式,https://www.51cto.com/article/675260.html
6.淘宝美工设计概念工作内容以及目的分别是什么?一、淘宝美工概念 淘宝美工是淘宝网店网站页面的美化工作者的统称。周边工作有网店设计(平面设计)、P图(图片处理)。是淘宝网店页面编辑美化工作者的统称。主要设计主图、详情页、网站页面设计、美化、网店促销海报制作、把物品照片制作成宝贝描述中需要的图片、设计电子宣传单等。 https://www.mmker.cn/article/6231.html
7.超全面!大厂UI设计规范详解!ui设计组件库原子设计概念的提出使得设计规范演变成为了一种更为高效、科学的设计规范,极大的改善了设计师与前端工程师的工作体验。 1.2.2 原子设计系统的五个层次 原子设计包含五个同时工作的阶段,以更慎重和更具层次的方式创建界面设计规范。 原子:原子是构成界面的最小元素,例如颜色、文本、图标、线条。它们在在界面这个维度上https://dy.163.com/article/GT9PGQIN0511805E.html
8.商标的概念特征和功能是什么近年来,随着人们法律意识的增强,不少人开始对商标加强了保护,有不少的人甚至还将自己的商标注册登记,成为注册商标。那么商标的概念、特征和功能是什么?那么接下来,华律网小编整理了一些相关的资料和各位朋友一起来了解了解关于商标的概念、特征和功能是什么。 https://www.66law.cn/laws/291760.aspx
9.什么是云服务器ECS,及其优势购买使用方式和部署建议什么是云服务器ECS 前置概念 阅读本文前,您可能需要了解如下概念: 什么是云计算? 什么是虚拟化? 什么是IaaS? 为什么选择云服务器ECS 多样化计算能力:阿里云服务器支持主流的x86、Arm处理器架构,覆盖CPU、GPU、弹性裸金属及超级计算集群等服务器类型,提供了上百种实例规格族,满足不同规模和类型用户的需求。 便捷易用https://help.aliyun.com/document_detail/25367.html