什么是消息图表设计 (消息图片素材)

本文目录导航：

• 什么是消息图表设计
• logo的设计方法有几种
• 消息可视化整顿

什么是消息图表设计

如下所示。

消息图表或消息图形是指消息、数据、常识等的视觉化表白。

消息图表理论用于复杂消息高效、明晰地传递，消息图表在计算机迷信、数学以及统计学畛域也有宽泛运行，以优化消息的传递。

可以看做是数据可视化剖析(DataAnalysis)的一个方向，人类大脑关于图形更容易接受，所以更能高效直观明晰地传递消息。

logo的设计方法有几种

一、先弄分明logo设计的定位

二、经常出现的几种logo设计方式剖析

三、经常出现的几种logo设计方向

四、logo设计留意事项

五、总结

接上去，咱们一条一条来看吧！～

一、先弄分明logo设计的定位

设计logo也是要求思索定位的，甚至肯定要思索定位，由于logo就像咱们人的名字一样，会不时追随在各个场所或角落，比如电视上／广告牌上／宣传单上／网站上／各种周边产品上，你会发现一个logo就是由这些肉眼看得见的物品，比如颜色／质感／方式／外形等组成的，同时向人们传递出一种有形的物品，比如企业的性质／气质／理念／愿景等等。

比如当你看到麦当劳的logo你相对不会以为他是卖军火的，而是比拟有亲和力的群众可凑近的，再比如当你看到大宝的logo你也相对不会把它看成是朴素护肤品品牌，什么样的视觉成果就会给人什么样的心思感触，大抵就是这么个理儿。

如此，一个完整的logo就蕴含了有形和有形这样2个层面的含意，也存在定位之说。

这也是为什么很多企业在开展的环节中，随着时代的变化，会不时更新或改版自己logo，由于定位变或时代的审美方向了，一切都得跟着变，只是有的举措大点，有的举措小一点。

以QQ的logo为例，咱们会发现这只企鹅阅历了从扁平到质感又到扁平的环节，外形从矮胖肥嘟嘟变成了瘦高的企鹅少年，表情线条也愈加精练显得沉稳，颜色也看起来更洁净，这些纤细的调整，一方面预示着他在跟着受众个体一同生长，而且愈加国际化了，这是业务开展和情势要求。

同时一个好的logo他必然也是可以用来做视觉延展的，便于运行在更宽泛的场景里，当人们一看到这个视觉元素，人们在脑海中立马就会想到它，也就是霸占了用户心智，从而参与了用户和品牌之间的情感粘性。

比如天猫的猫头元素：

说了这么多，就是想说，在设计logo之前，最好是能思索到这样3个层面：有形的视觉层面／有形的定位层面／视觉延展层面。

二、经常出现的几种logo设计方式剖析

前期定位剖析之类的讲完了，接上去咱们看看logo经常出现的一些套路。

我发现环球上的logo那么多，然而设计方式无非就这几种：文字变形类／英文缩写类／英文字体类／英文字体变形类／图形＋文字类／图形＋英文类。

举几个例子给大家看看：

1、文字变形类：

咱们的每一个汉字本就是一个图形，而且同一个字也有很多种写法，并且每一个汉字都是集结了几千年的文明底蕴不时演化而来的，所以文字变形类的logo不只难看，而且总能显显露一股文人气息，这种类型的logo比拟适宜茶饮／书店／咖啡馆／酒楼／珠宝饰品这些要求表现人文气息的品牌。

然而由于字型／配色／质感处置的不同，其实它也可以走各种路途，不肯定是只是文人路途：

但这种文字字体变形类的logo比拟适宜在国际经常使用，走国际化路途还是有点艰巨，毕竟图形符号或英文字母才是国际通用言语。

2、英文缩写类：

比如2013年8月14欧莱雅收买了美即面膜，2015年随即对美即logo做了改版更新，由日本设计巨匠原研哉操刀实现，如今看起来确实比原先的logo愈加国际范儿了。

3、英文字体类：

发现很少数码科技类／上流护肤美妆类／朴素品箱包类／上流服饰饰品类都驳回的是英文字体logo，或许在某些英文字体的基础上稍作变形，表现国际化，不论啥物品一旦国际化了也便给人觉得有身份了有质量保证了时兴了，大略这也是满足客户虚荣心的一种要求吧。

比如服装品牌太平鸟，如今改名叫peacebird，确实立马就听起来更土气了，再比如以前不有个笑话吗？六神花露水翻译成英文six god，立马听起来就像某国大牌香水名了。

随后网络翻译一下，还真有。

。

。

不过关于新品牌，假设你没有过硬的技术／特征或资本，自觉在国际推广这一套预计会比拟难，毕竟群众认知在那里，在国际新品牌起个英文名字，做个英文logo着实记不住啊～

另外，有些英文字体类logo至少还看得进去就是字体，但有些变化会比拟大，基本看不出是字体了，而是图形了。

4、图形＋文字类：

图形＋文字的搭配是国际最罕用最通用的一种logo方式，有横版的也有竖版的，并且这种方式也实用于任何气质和任何品牌，然而那种想要玩共性或小众的除外，他们才不想随大流，他们要异乎寻常～

5、图形＋英文类：

图形＋英文字体的搭配是国际上最罕用的一种logo方式，相同有横版也有竖版，并且这种方式也实用于任何气质和任何品牌，但小众品牌或设计师品牌就不好说了，毕竟他们也想要异乎寻常啊～

三、经常出现的几种logo设计方法

既然前面提到了几种经常出现的logo方式，那么咱们接上去看看几种经常出现的logo设计方法吧：

1、字体变形法

所谓字体变形法，就是在原有品牌称号或企业称号的基础上，做一些成果或变形处置，最好是能联合这个品牌的一些共性或性质来施展创意，以“做设计的面条”为例，咱们可以是表现“设计”这个方向去施展，给大家看一下咱们的一位面粉在设计练习中为做设计的面条做的字体变形作品，差不多就是这么些意思：

只是我觉得这个作品还可以做得更好，所以过后给了一些点评倡导，大家也可以看看：

2、图形联想法

比如还是以“做设计的面条”这几个字为例，咱们可以从相关事物和目的愿景2个方面去联想：

相关事物上：

咱们可以联想到做设计和面条相关的很多事物或场景，那么做设计的时刻咱们会用到什么？会用到一些工具比如画笔／ps／电脑等，会想到能表现创意相关的物品比如灯泡／大脑／五彩缤纷的色块等，会想到女设计师上班的样子等；

看到面条这个词咱们会想到什么呢？会想到长长的面条／碗里的面条／一根面条／很多面条／直直的面条／卷曲的面条等等;

于是咱们将一切能联想到的与设计相关的图像（假定数量为a）和与面条相关的图像（假定数量为b）相联合就有axb种logo创意方向了，依此类推，其实就相当于初等数学里的陈列组合公式了（假设忘了这个数学常识就自己去网络吧）。

照旧是以“做设计的面条”为例，给大家看下咱们的面粉为之前为群众号做的一些创意方向（附带我的点评）：

再比如这张国外的笔刷和面条的拼接照片，也是很有自创意义的吧，刚好跟我的名字很配：

目的愿景上：

咱们可以联想到做设计的面条其实是一个衔接与设计相关与电商相关的各行各业人群的一个平台，它既是消息发射器也是消息接纳器，它也可以成为大家生存或上班中的一部分，有疑问或需求可以来找她，有开心或不开心的事也可以找她说，这时刻你会联想到什么呢？我会联想到陪伴／太空／数据言语符号等等。

然而从这个方向想的话或许就会让人觉得有点悠远和不好了解，由于普通人从字面上齐全不可体会到这些含意的，所以假设你是想走亲和力或群众路途就不适宜这个方向，走比拟低价定位或许立志要走马斯洛需求上层级的路途就可以尝试。

比如耐克，他是卖静止鞋和静止服的，但他并不只是为了处置你最低档次的有衣服穿或有鞋子穿这个需求而生的，而是为了满足更上档次的一种代表你的崇奉的需求，他会向你传达的是一种精气：just do it！

当然了，它也确实不廉价，甚至一双鞋可以被炒到上万一双（嗯，崇奉是低廉的。

。

）

3、首字母提取法

望文生义就是用称号的首字母来做logo设计咯，比如做设计的面条首字母提取后就是zsjdmt了，不过我这个名字太长了，经常使用这种方法就不太适宜，既不便于记忆也不便于设计啊，名字比拟短比如说3个字以内的可以尝试，大家知道有这个方法就好了，我就不细说了。

4、字母变形法

跟前面一样，提取名字的首字母来做变形，从而获取一个新的图形做logo，这种个方式也是比拟适宜3个字以内的短名字，比如顺丰家的LG／顺丰：

5、实物衍生法

这种方法适宜起的名字自身就比拟具象化实物的企业或品牌，它们的logo往往间接就在相应的物体外形上稍作改变，比如壳牌的logo就是一只贝壳图形，苹果的logo就是一只被咬了一口的苹果图形，锤子的logo就是一个锤子图形，天猫的logo就是一只猫的简化图形，上方这些logo即使我不放称号你也知道是什么吧～

6、正负形

有一些称号比拟讨巧，由他联想到的图形或许她的首字母组成的图形刚好可以处置成正负形的方式，这样的logo来再多也看不厌，并且会让人会意一笑，加深印象，值得介绍～

四、logo设计留意事项

定位方向有了，设计方法也有了，接上去是一些logo设计留意事项，关键是以下6个防止和4个宜：

6个防止：

（1）防止型太散

做字体变形类的logo或许将多个衍生图形拼凑在一同的时刻，平面构成掌握的不好的人总是容易把logo做的很散，或看起来不全体，处置方法就是学好平面构成基础常识。

比如上方这种类型的logo，比拟带一点文艺气息或心情思绪在外面的，假设是平面构成基础不牢的人，或许做的型就会很散，就不难看了，看起来随意，实践是有构成原理的，这就是功底：

（2）防止不一致

还有人在做字体变形类的logo的时刻，相反的笔画部分却处置成了不同的方式，这就容易形成全体logo看起来不一致，处置方法就是把相反的笔画部分做一致处置就好了。

（3）太复杂

logo自身就是在很小一块面积里做图形设计，而且会运行在不同场所，所以型肯定要耐看繁复，越繁复的图形实用范围就越广，而且你会发现越大牌的logo基本也都是十分繁复的。

怎样个繁复法？比如你的logo是取自一朵白云的外形，难到你就要保管实在白云的那些弯笔挺曲的线条嘛？其实间接用润滑的圆形和直线就可以了，再比如你的logo是取自山丘的外形，那难道你要保管实在的曲迂回折的山脊线条嘛？其实间接用三角形或许几条润滑的弧线替代就可以了。

那些所谓的实在的小细节都是可以去掉的，去掉后就繁复了。

（4）型不达意

前几天有位面粉发了一个关于C2M的平台logo给我看，其中有一个型看起来还可以，然而却跟自身的字面含意不搭边，他那个logo看起来像是C2C而不是C2M，这方向就偏了呀。

logo难看有创意的同时，也要表白准确啊。

（5）不平衡

最终做进去的logo假设觉得画面不平衡，那多半也是构图基础常识掌握的不好的要素，跟画面看起来散是一个情理，所以处置方法也是把构图基础打牢，勤加练习再说吧，这个也是要求长期间去练习去看才会构成一种视觉平衡感的。

（6）气质不搭

前几天还有一位面粉发了一个logo设计向我寻求倡导，我一看，他们是做艺术衍生品电商平台的，针对的个体是年轻人，按理说logo应该设计的比拟有调性文艺范一些也好，然而他做的是十分圆润卡通的外型，而且用的绿色，这样上去整个气质就不搭了，这就是一开局没思索定位造成的，当然跟审美或许也有肯定的相关。

总之处置方法还是多看，多观察五花八门的人，他们的喜好和习气，一朝一夕也就摸清什么定位适宜是，类型的设计了。

4个宜：

（1）可做视觉延展

你做的logo最好是能提取出可做视觉延展的元素图形，便于借助互联网流传，比如前段期间ofo小黄车筹划的1元骑车优惠海报里关于“O”元素的提取运用，还有天猫的一些大型优惠关于猫头这个笼统的延展运用，都是十分好的案例，用户一看到这个颜色或这个外形元素就知道你是谁了，品牌笼统早已不得人心。

（2）有法令可循

（3）图个吉利

之前就有面粉问我过关于设计与风水之间的相关的疑问，风水啥的其实我也不是太懂，然而普通来说有些忌讳的颜色或数字图形能不用就不用，比如我之前提到的有的企业老板他不青睐黄色或绿色，还有的老板不青睐X这种外形，再或许不青睐太过尖利的方式，总之，在设计开局口头之前最好还是问下老板或公司有没有什么忌讳，到时避开就行了。

比如，假设你模拟3M的方式做了一个看起来像2B的logo，甲方是不是得削你一顿了啊。

。

。

（4）有特征

有特征是指，跟同行比，你的logo更有创意无心思或有争议，而不是普普统统或相同的，他人压根就记不住你，所以这时刻可以跨行自创或做一些竞品剖析，扬长避短，做他人没做过的或比他人做得好，都可以让自己的logo看起来有特征。

至于怎样做的有特征，方法就在前面都罗列了咯，可以从表现方式／创意／工艺／用材／展现方式等各个方面去思索。

写在最后

很多人或许做logo青睐讲求黄金比例或白银比例还有什么网格啥的，在还有一些人或许连为什么要做这个logo都没搞分明，就找了个参考一临摹，把前面的各种视觉延展也都思索好了，一个logo就这么进去了，我不能说这些方式是不是对的，但我以为更适宜的logo设计步骤应该是这样的：

1、先大抵了解设计需求，在做一份调研或竞品剖析（假设没期间或没资金的话就自己私下做，阅历丰盛的人不要求这一步都会有一个判别了），明白企业或品牌的理念和定位后，依据这个定位给出适宜的创意方向和设计方式；

2、画草图，在创意草图阶段先不用思索黄金比例或网不网格或视觉延展的疑问，先把大抵的型给进去，而后创意方向就定了；

3、依照那些忌讳和适宜的条件去优化规范自己的logo，这个时刻就可以遵照一些网格法令或比例去规范logo的形，能简化成基本图形的就简化，比如圆形／方形／三角形等有法令可循的图形；

4、提取可用于视觉延展的图形，最终再进一步伐整，让它看起来是平衡的／达意的／有特征的／繁复一致的；

于是，一个完整的logo就进去了。

消息可视化整顿

无论数据总量和复杂水平如何，数据间的相关大多可分为三类： 比拟 / 构成 / 散布&咨询。

条形图 当条目较多， 如大于12 条 ，移动端上的柱状图会显得拥堵不堪，更合实用 条形图 。

普通数据条目不超越 30 条 ，否则易带来视觉和记忆累赘。

柱形图还有许多丰盛的运行。

例如沉积柱形图，瀑布图，横向条形图，横轴正负图等。

看趋向 – 折线图 当X轴为 延续数值 （如期间）且 器重变化趋向 时，则实用折线图。

扩展差异 – 南丁格尔玫瑰图 。

由于扇形的半径和面积是平方的相关，南丁格尔玫瑰图会将数值之间的差异加大， 适宜对比大小相近的数值 。

玫瑰图也适于表示 周期 / 期间 概念，比如星期、月份。

依然倡导 数据量不超越 30 条 ，超出可思索条形图。

当 比拟正反两类 甚至更多维度的数据时，可试尝试双向条形图。

用颜色辨别大区，空心/实心辨别收件量和派件量， 既能全体比拟大区，又能详细对比地域的状况 。

打怪更新，再加点难度。

在双向图上再参与一个维度 ，如下表，比拟 5 个地域的利润及相应的支出和老本。

请先思索一下，再下滑看介绍图表。

经过图形一眼就能看出深圳区的利润低于广州区，即使它的支出高于广州区，但老本相对来说高于广州区。

目的达成 – 子弹图 调查目的的达成状况，如 支出达标状况及所处区间 （优、良、差）。

子弹图，由于像子弹射后带出的轨道。

相较于仪表盘，它能够在狭小的空间中表白丰盛的数据消息，在消息传递上有更大的效劳长处。

若还要比拟4个季度的支出状况，只需用不同颜色辨别。

如下图，一眼便知第二季度表现较好，而第一季度则不佳。

性能 – 雷达图。

多维的性能数据 ，如综合评估，罕用雷达图表示。

在游戏中看到它比拟多 。

它在商务、财务畛域运行较大，合实用在固定的框架内表白某种已知的结果。

经常出现于运营状况，财务肥壮水平。

目的得分凑近圆心，说明处于较差形态 ，应剖析改良； 目的得分凑近外边线，说明处于理想形态 。

比如我对企业财务启动剖析，划分出六大类：开售、市场、研发、客服、技术、治理。

经过雷达图绘制出估算和实践开支的维度对比 ，会很明晰。

如下图：

以上就是“比拟”类的罕用图表，演绎如下：

单层 – 饼状图

第1关中，对比5个地域的收件量时用到了柱状图。

若看 占比状况 ，饼状图更适宜。

饼图是有毛病的，它长于表白某一占比拟大的类别。

然而不长于对比。

30%和35%在饼图上凭肉眼是难以分辨出区别的 。

当 类别过多，也不适宜在饼图上表白 。

假设变成 17 个地域，会怎样？饼图分类普通 不超越 9 个 ，超越倡导用条形图展现。

除饼图外， 环形图（甜甜圈图）亦可表示占比，其差异是将饼图的两边区域挖空 ，在 空心区域显示文本消息 ，比如题目，长处是其 空间应用率更高 。

分层 – 环形图、夕阳图

关于治理层而言，需先掌握大局和重点。比如大区担任人需一眼看到重点地域及重点分部的状况（如下图），如何展现？

这个叫夕阳图，逐层下钻看数据，大区的重点地域及相应分部的构成状况了如指掌。

累计趋向 – 重叠面积图

看数值构成随期间变化的案例：第一大区（蕴含四个重点地域）近 四年支出构成的趋向 要如何可视化？

介绍打算是 重叠面积图，可以展现重量（地域）关于总量（大区）的奉献 ，并 显示总量（大区）的变化环节 。

要求说明的是，地域支出的终点并非从 y=0 开局，而是在上方的地域基础上逐层叠加，最后组成一个全体。

面积图最佳设计指南：动摇较大的类别放在最上方、经常使用透明色、不要超越4个类别，y轴从0开局，不要用面积图展现团圆数据，只要延续数据有两边值。

累计比拟 – 重叠柱状图

假设将上图X轴的标签文字（即年份）和图例（即地域）调换（如下图A），用来看 每个地域近四年的支出构成 ，用哪个图更适宜？

累计增减 – 瀑布图

若想表白两个数据点间数量的演化环节，可经常使用瀑布图。

开局的一个值，在经过不时的加减后，获取一个值 。

瀑布图将这个环节图示化，罕用来展现财务剖析中的收支状况。

经过散布 & 咨询型图表能看到数据的散布状况，进而找到某些咨询， 如相关性、意外值和数据集群 。

两个变量 – 散点图

仍以业务为例，下图为全国网点的单票老本/支出散布状况。

单单这样看，或许看不出什么，假设加两条平均线就不一样了。

加了平均线，就知道哪些网点高于平均线，哪些低于平均线。

但网点那么多， 总不能一一点击检查是哪个大区的 ， 给散点加上颜色后 ，就很无心义了。

经过此图，可以看出哪些大区单票利润较低，急需优化，比如 宽泛汇集于右下角的第四大区，单票支出低于平均线，单票老本却高于平均线 。

三个变量 – 气泡图

大家都知道，网点 总利润除了和单票利润无关，还和体量（即收件量）无关 ，用散点的 面积大小 表示收件量，就变成了气泡图。

一切和空间属性无关的剖析都可以用到天文图 。

比如 各地域销量 ，或许 某商业区域店铺密集度 等。

气泡图与地图联合可演化为热力图。

经过热力图，能看到哪些网点收派件量较多，需启动资源分配。

天文图肯定要求用到 坐标维度 。

可以是 经纬度 、也可以是 地域称号 （上海市、北京市）。

坐标 粒度即能细到详细某条街道 ，也能宽到 环球各国范围 。

POI是很关键的要素。

POI是“Point of Information”的缩写，可以翻译成消息点，每个POI蕴含四方面消息，称号、类别、经度纬度、左近的酒店饭店商铺等消息。

借助POI，才干按天文维度展现数据

最佳设计指南：一、经常使用细的地图轮廓线；决定适宜的配色；少用填充图案；决定适宜的数据区间。

用户行为剖析，将阅读、点击、访问页面的操作以高亮的可视化方式表现。

下图就是用户在Google搜查结果的点击行为。

总结：当咱们拿到数据后，先提炼关键消息， 明白数据相关及主题 ， 再决定适宜的图表启动可视化 。

数据剖析中经常会提及维度。

维度是观察数据的角度和对数据的形容。

咱们可以说地域是一种维度，这个维度蕴含上海北京这些市区。

也可以以为开售额是一个维度，外面有各类开售数据。

维度可以用期间、数值表示，也可以用文本，文本常作为类别。

数据剖析的实质是各种维度的组合

维度关键是三大类的数据结构：文本、期间、数值。地域的上海、北京就是文本维度（也可以称为类别维度），开售额度就是数值维度，期间就是环球

数值维度可以经过其余维度加工计算得出，例如按地域维度，count出有多少是上海的，有多少是北京的。

维度可以相互转换。

比如 年龄原本是数值型的维度，然而可以经过对年龄的划分，将其分类为小孩、青年、老年三个年龄段，此时就转换为文本维度。

1.箱线图

箱线图普通人了解的不多， 它能准确地反映数据维度的团圆（最大数、最小数、中位数、四分数）状况。

凡是团圆的数据都实用箱线图。

下图就是箱线图的典型运行。

线的高低两端表示某组数据的最大值和最小值。

箱的高低两端表示这组数据中排在前25%位置和75%位置的数值。

箱两边的横线表示中位数。

2.相关图

展现 事物相关性和关联性的图表 ，比如 社交相关链、品牌流传、或许某种消息的流动 。

有一条微博，如今想钻研它的流传链：它是经由哪几个大V分享分散开来，大V前又有谁分享过等，以此为基础可以绘制出一幅发散的网状图，剖析病毒营销的环节。

相关图依赖少量的数据，它自身没有维度的概念。

3.矩形树图

上文说过， 柱形图不适宜表白过多类目 （比如上百）的数据，那应该怎样办? 矩形树图产生了。

它直观地以面积表示数值，以颜色表示类目 。

下图中 各颜色系代表各个类目维度，类目维度下又有多个二级类目 。

假设用柱形图表白，简直是劫难。

用矩形树图则微微松松。

电子商务、产品开售等触及少量品类的剖析，都可以用到矩形树图。

4.桑基图

比拟冷门的图表，它常表示消息的变化和流动形态。

5.0 漏斗图

小名鼎鼎的转化率可视化 ，它 实用在固定流程的转化剖析 ，你也可以以为它是 桑基图的简化版。

转化率也可以用几组数字表示，不肯定做成漏斗图。

可读性**

图表的 首要配置是解释 ，而不是设计，尤其大部分图表都会落入到 适度设计 的圈套。

主观性

数据的解读由于每团体的观念和视角不同，可以出现诸多的结果。

这也是咱们常说统计学会撒谎的要素。

下图是一张开售额柱形图，看来开售额没有啥特大变化嘛。

换另外一种图表展现。

就看到了变化的增长趋向。

实践上两张图表的数据没有任何差异，为什么呢？ 区别只在坐标轴。

第一张图的Y坐标轴起始为0，第二张图起始是2.45 。

第二张是截取了部分的柱形图。

一致性

假设图表全体颜色是冷颜色，那么就不要再参与寒色。

假设图表文字是雅黑，就不要再参与宋体。

假设某地域数据，用了柱形图对比，其余地域也遵照柱形图样式。

假设某图表，女性经常使用白色，男子经常使用蓝色，那么这一规范应该在一切图表表现。

除了颜色，其余设计元素同理。

假设有多张图表，图表元素应该一致，如题目、坐标轴刻度、坐标轴位置等。

用户为啥会有「将数据转化成图表」的需求？

最终的答案肯定是回归到 企业治理的「第一性原理」——开源节流 。

企业要求 数据去剖析如何才干节俭更多钱，如何才干赚更多钱。

未来的 BI 的产品不能将自己定位为「工具」，而是应该定位为「服务」。

1.0 从流程来看，探求性可视化是这样的：

此类可视化集中在图表的宏观配置上 ，像 辅佐线、预警、各种图表类型 等。

2.0 解释性可视化需求

普通集中在实现了数据探求，并且 构成肯定数据洞察后的 story-telling 场景 。

大家在网上看到的一些「 一张图搞懂 XXX 」、「一张图了解 XXX」就属于解释性可视化 。

此类集中在全体的图表可视化上，比如将多个图表组合起来， 制形成一份报告或许故事版，所以会提供相似题目编辑器、排版编辑器等配置 。目前市面上的 BI 产品，像网易有数、BDP、Tableau、PowerBI 都是采取这种形式

1. 这种偏业务型的产品框架，并不太适宜国际市场 。

由于这类产品面向的用户基本上是专业用户（数据剖析师），而疏忽了一个理想—— 大部分中国企业并没有设立专门的数据剖析岗位 。

有才干装备数据剖析师的企业普通都是中大型企业，他们付费才干或许比拟强，然而也意味着用户量会较少。

专业用户对应的是数据剖析师，而 半专业用户则对应的是相似财务、开售、HR等，在业务上专业但数据剖析上不专业的用户。

这类用户的 日常上班普通集中在解释性可视化上方，比如年初总结、年度布局、每月汇报 中都要求应用到数据可视化。

这类用户的流程是这样的：

图片上行失败...(image-e6e0b4-29)]

用户导入数据，无需太复杂的操作，即可间接生成图表。 存在疑问：

可视化的了解： 消息可视化就是用图形正确的表现复杂的消息和逻辑相关 ，

•经过图片特有的美观和兴趣性，吸引读者 •经过最优表现方式，使内容更易懂

•拉近读者与产品的距离，优化品牌认知度

作品一：安保产品首页展现

创作灵感：从需求文档中看到这些子产品名字有御前卫、八卦阵、御城河……过后就觉得十分无心思，脑海中立刻显现出一个古城的画面，古城周围有战士、有八卦 阵、有御城河等。

跟视觉设计师表白这个想法后大家一拍即合，最终产出了这个打算。

两边的城楼最开局是白色的，有点太抢眼，为了防止喧宾夺主又表现出数据被 包全的觉得，就把它改成了这种半透明的、很数据化的虚构觉得 。

作品二：产品结构图

创作灵感：经过竞品剖析发现国际外同行在这方面都十分下功夫，所以咱们也要力图用一张图来把产品结构和相关形容分明。

下篇文章会讲详细的设计环节。

作品三：经常使用流程示用意

创作灵感：产品经理给出的这个图很谨严，然而关于用户来说了解起来比拟艰巨，因此先用线框图把它简化为单向的流程图，但这样又不够美观和直观。

心灵手巧的视觉设计师经过图形的赞美，奇妙处置了这个疑问。

修正中（部分）：

改良后：

作品四：打算形容示用意

也是先梳理消息逻辑，用更易懂的方式去表现，再经过视觉设计师赞美。

改良图：

把一件事情做好，首先要知道做好的规范是什么。

把这些失败的作品放到一同，就可以大略得出失败的要素是什么，而好的规范又是什么。

图片上行失败...(image-cf)]

从表现方式的角度“消息图表”作为视觉工具应包括以下六类：图表、图解、图形、表格、地图、列表。

依照方式特点咱们常把图表分为相关流程图、叙事插图型、树型结构图、期间散布类及空间解构类五种类型。

1、相关流程类图表

2、叙事插图型图表

叙事性图表就是强调期间维度，并随着期间的推移，消息也不时有变化的图表。

3、树状结构示用意

把繁复的数据经过火支梳理的方式表白分明。

运用分组，每组再次分类的主体框架表示主从结构。

4、期间表述类示用意

期间表述类示用意只需以期间轴为中心参与文字数据即可。

从设计的角度来看，将主题融入图形设计中，挑选关键事情点解读，就可以使画面精巧，加深了解力度。

5、空间结构类示用意

运用设计言语把冗杂结构模型化、虚构化是空间结构示用意存在的意义

这个流程要求单干实现， 数据要求挑选和整顿 ，精准是首要条件 ， 其次是梳理。

找出出主线逻辑 ，挑选无所谓内容从而启动精心的设计。

1、基础图形创意

柱状图和饼状图是最罕用的两种基础图形，然而便捷的几何外形很难给人设计感。 对基础图形的创意来突出设计主题 ，就可以取得一举多得、事倍功半的成果

上方图片中左右的内容是齐全分歧的，但右图即使读者不详细关注也可心照不宣。

2、高吸引度与视觉亮点

从传统网页到社交微博，用户对消息的阅读速度也越来越快，高吸引度便是最贵重的财产点。

3、画面繁复明了

4.意味图示

在设计的上要器重坚持格调的一致，这样才干让人视觉连接、赏心顺眼。

1、饼图顺序不当

饼图是一种十分便捷的可视化工具，但他们却经常过于复杂。

份额应该直观排序，而且不要超越5个细分。

有两种排序方法都可以让你的读者迅速抓取最多的关键消息

方法一：将份额最大的那部分放在12点方向，逆时针搁置第二大份额的部分，以此类推。

方法二： 最大部分放在12点，而后顺时针搁置

2、在线状图中经常使用虚线

虚线会让人专心，而是用实线搭配适宜的颜色更容易彼此辨别

3、数据摆放不直观

你的内容应该合乎逻辑并于直观的方式疏导读者阅读数据。对类目启动按字母，次数或数值大小启动排序

4、数据含糊化

确保数据不会由于设计而失落或被笼罩。例如在面积图中经常使用透明成果来确保用户可以看到所有数据

5、消耗读者更多的精神

要经过辅佐的图形元历来使数据更易于了解，比如在散点图中参与趋向线

6、失误出现数据

确保任何出现都是准确的，比如，气泡图的大小应该跟数值一样，不要随意标注

7、在热图中经常使用不同颜色

一些颜色比其余颜色突出，赋予了数据不用要的重元素。反而你应该经常使用繁多颜色，而后经过颜色的深浅来表白

8、柱状过宽或过窄

柱子与柱子之间的距离最好调整为宽的1/2

9、数据对比艰巨

对比是出现差异的有效方式，但假设你的读者不易对比时，成果就大打折扣了。确保数据的出现方式分歧，可以让你的读者对比

10、经常使用三维图

虽然这些图看来让人振奋，但3D图也容易分散预期和扰乱数据，坚持2D是霸道

数值可视化的实质就是用各种视觉属性来表白数据值的大小。

视觉属性有这么几类：位置、长短、面积、颜色。

对应视觉设计的点，线、面和色值。

其可视化的外围思维在于依据高低文用拟物的方式，将其与咱们现环球中数值的事物咨询在一同。

假设是奔跑的速度15km/h，那么可以画一个静止员跑步的图来表白这个数字。

假设是奔跑的速度70km/h，那么就可以画一只猎豹奔跑，经过含糊的背景来表白奔跑的速度快。

假设要形容山的高度5km，就可以画以座耸入云霄的山，给人一种平地的直观笼统，更多的创意设计都可以围绕构想开展

汽车行驶的速度，分为慢速、中等和超速，如下左图所示。

在表白评估消息时，你要求依据背景 开展联想 。

比如说：降水量50毫米，咱们或许构想到的就是用一个试管接了50毫米深的水。

一维表格如下图所示，数据表格中只要一行或许一列数据。咱们要求对数据可视化的目的启动剖析，跟进目的可将数据分为以下几类:

•强调相对数值的数据；

•强调趋向的数据；

•百分比数据；

•不同类型的数据。

3.1.1 柱状图

支出元的就是支出5000元的2倍，GDP一万亿就是五千亿的两倍，这种数据称之为等比数据。

柱状图的阅读者普通视觉会被柱子自身所吸引，不会去留意纵轴的终点，用户往往会自动柱子的长度代表相对数值的大小。

所以柱状图的纵轴的终点肯定从零开局。

3.1.2 直方图

直方图数据实质的区别在于表白 延续的区间上数量的散布 。

统计学中，直方图的纵轴要求是计数数据，也就是说，直方图是用于统计某个区间内的对象个数。

3.1.3 柱状图变式：条形图

条形图还有一个很大的排版长处，能将文字和条形在一侧显示，能够对分类附加说明。

在中国，假设不是由于排版的要素，请慎用这种横向的条形图。

3.1.4 柱状图变式：计数条形图

3.1.5 柱状图变式：径向柱状图、径向条形图、螺旋图

为了顺应排版的区域，或许参与图形的兴趣性，会对柱形图启动歪曲变形。

3.1.6 柱形图变式：用拟物替代柱子

在平面设计，海报宣传页面中，普通会参与拟物的元素，使得数据的表白愈加活泼。

其 基本的思绪都是围绕着数据主体开展联想，用拟物的对象替代柱子 。

示例1 ：假设形容的是足球相关的内容，那么可以用踢球的笼统替代柱子。

示例2 ：假设形容的是星体相关的内容，那么可以用星体的笼统替代柱子。

示例3 ：假设形容的是男女差异，那么可以用男女的笼统替代柱子。

示例4 ：假设是抽烟相关的数据，正好用烟头的外形替代柱子。

示例5 ：假设是山的高度，那么可以用山的外形。

3.1.7 柱形图变式：按某些维度开展重组设计

上一节中，用拟物替代柱子的思绪依然是在柱状图的框架下的。

然而很多时刻，甚至可以抛开柱状图的约束，依据关键词开展联想。

在联想的环节中，咱们只要求记住第一章中提到的数据可视化的实质：经过位置、长短、大小、颜色四个视觉元历来表示数据大小。

示例2 ：市区和省份PM2.5值（假定数据）

这种数据只能以地点为关键词开展，以地图的方式出现 。

PM2.5是一个没有笼统的概念，所以可视化的时刻，不太或许在PM2.5上方开展。

那么这种数据只能以地点为关键词开展，以地图的方式出现 。

省份在地图上自身就是一个外形大小固定的面，可以经过颜色热力图来表示数值（下图，左）。

示例3 ：各网站访问量

例4 ：迁移地图

单个市区的迁移图的数据原型依然是一维数组。

以地图为维度开展设计时，要求表白的是各个市区与北京的连线。

连线的长短消息曾经被市区到北京的距离所用，于是只能用连线的颜色来表示数值。

3.2 强调趋向的数据

3.2.2 折线图的变式：曲线图

3.2.3 折线图的变式：均线图

3.2.4 折线图的变式：面积图

3.2.5 折线图的变式：股指走势图

普通来说，百分比的数据经常使用饼图（或环形图）的方式表白，这是最惯例的。

环形图与饼图不同点在于环形图可以将主题与图更好地融合。

3.3.2 饼图变式：将饼形转化成对象拟物外形。

示例一 ：假设是形容人体的成分，那么可视化可以围绕人形开展，将饼的外形变成人的外形。

STEP1：确定表意正确

“正确”是消息图最基本的要求，所以这里首先要确保消息图的内容是正确的。

关于业务比拟复杂难了解的产品，可以让产品经理先依据自己的了解画一个图，设计师和产品经理启动沟通，确认双方的了解是分歧的。

《淘宝技术这十年》里有一句话说的好“好的架构图充溢美感”。

淘宝工程师用十年的期间证实了这件事。

而其实不只是技术架构图，好的流程图、结构图、消息图 等都充溢美感。

怎样优化消息图的表白方式呢？假设是一个逻辑比拟复杂的结构图，可以这样：

虽然逻辑没有失误，然而箭头有交叉，看起来不美