作家
登录

十个建议,你的报表也可以高大上

作者: 来源: 2017-04-14 09:17:27 阅读 我要评论

设计图表其实不仅仅是设计师的事,也是我们每小我在工作中都邑碰到的。大年夜到为投资者Pitch 报须要做的数据可视化,小到发卖数据统计 Excel 表格里插入的图表,其实我们天天都在接触到图表的设计。本文作者是个在数据可视化范畴有着十五 年经验的设计师,所以天天都邑进行图表设计。这里他为大年夜家分享了他做出兼具美学与实用性图表的设计原则。

报表

应用熟悉的图表

作为设计师,应用一些特别又少见的图表可能会是一种乐趣。比如风行图。然则用户却没有义务去进修若何读懂你的图表。所以,大年夜多半情况下,你应当应用以下这几种常见的图表:柱状图,区域图,线形图,以及饼状图。

报表

一个饼状图内不要划分跨越五个区块

基本原则是,如不雅你必定要应用饼状图,那么要包管不要划分跨越五个区块。

区块越多,越难以给用户带却竽暌剐意义的表达。反而还会让你陷入寻找若何显示标签和愚蠢的悬浮显示交互的泥潭。一般来嗣魅这种须要很多区块的情况下,还不如直接换一个类型的图表来得简单。

报表

组织数据序列

除了处理日期数据以外,建议经由过程对数据进行降序或者升序分列来进步可读性。这个原则重要实用于柱状图。

报表

避免 3D 图表

报表

不要应用随机生成的色彩

有些图表机制会主动生成数据色彩。然则这些主动生成的算法,既不克不及知足搭拍┞符体色调的须要,也难以把不合数据按合理的色彩区分开来。最好照样用你本身选择的色系。并确保你的备选色系里有足够的色彩可以分派给图表的所稀有据。

报表

趋势线往往会造成干扰

趋势线似乎可以对图表展示供给很大年夜赞助。事实上倒是,它们很难为用户在已经很明显的点状数据上再供给更多的信息。如不雅你必定要添上趋势线的话,至少,让用户可以隐蔽它们吧。

报表

不要过度依附悬浮标签

把悬浮标签(鼠标悬停的时刻显示的解释标签)算作一个帮助的,或是延长的信息。换句话说,不要把这个作为展示数据值的独一门路。

报表

除非必须,不要添加图例

如不雅你只有一个数据系列,那就直接把这个数据表示的类型放进搁笔名称就好了,不须要再添加图例占据额外的空间了。

3D 图表没有一点实用效不雅 (也很多一的例外是除你在设计 VR 图表),并且连看都欠好看。

报表

只在须要的时刻应用网格线

最好的办法是设计两套版本。第一个筹划展示在幻想数据情况下,你的设计是如何展示的(也就是说,在美学上最大年夜程度优化)。这个筹划可以放进你的作品集,或是展示给潜在客户的时刻应用。第二个版本,则是应用真实应用情况下的┞锋实数据的实用版本,把这个版本拿给开辟者实现。

网格线可以应用户的眼光大年夜 X Y 轴转移到数据值上来。但在一张简单的图表上,网格线却不是必须的。并且,当你添加网格线的时刻,还须要推敲是否在 X 和 Y 轴上须要它们。在很多情况下,你其实只须要在 X Y 轴上须要。

报表

搁笔模型琅绫擎应用真实的数据

设计师往往偏向于设计一个超等漂亮的图表,而没有推敲在实际应用中,图表会用到的┞锋实数据。

这会让实现你设计的开辟者很头疼。更重要的是,你甚至都没有验证过你的设计在真实数据情况下是否可行。

报表


  推荐阅读

  利用一点机器学习来加速你的网站

在生活中,我有 73% 的时光在推敲 web 机能-在低鼓掌机上达到 60 FPS、 有序加载资本、离线缓存任何能缓存的资本。还有一些其他的优化。比来,我发明本身对 web 机能的定义可能太狭隘了,>>>详细阅读


本文标题:十个建议,你的报表也可以高大上

地址:http://www.17bianji.com/lsqh/34768.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)