图表设计的文章汇总

和大数据相关的产品经常会和图表打交道,当有些问题反复出现的时候,我会想找一些guideline类型的文章来做一个简单的指导。

虽然我们设计小哥说这个不适合做guideline,但我觉得能有一篇文章介绍一些基本方法和原则,总胜过反反复复琐琐碎碎(但我知道依然不可避免)。

关于图表的选用和表现,我依稀记得这本书讲得比较清楚:谁说菜鸟不会数据分析,我做过纸质读书笔记,有空会整理一下。那么既然还没有整理笔记,也没有找到一篇集大全的文章,因此就试整理几篇我觉得比较不错的。

以下以引用为主,链接即原文。在正文开始前我想说(哦好像前面太啰嗦了),设计完图表后,不妨想象,如果一个注意力并不集中、并不耐心的用户(比如你日理万机的老板?)读到你的几篇图表,Ta能get你珍贵的数据、独特的思路吗?你要通过图表,引导ta做什么?

在实际项目中我还遇到过四五张图表非常接近,很容易让人走神,这个部分我还没整理到,会继续思考的:)

一、选用合适的图表


数据可视化的方法有很多种,可视化专家Andrew Abela 认为可视化方法大致可分为6大类数十种方法,譬如数据可视化、信息可视化、概念可视化、战略可视化、象征可视化、复合可视化。


可视化专家Andrew Abela的图表建议


关于数据图表的那些知识


不同图表用于表达不同维度的信息



气泡图是散点图的一种变体,通过每个点的面积大小,反映第三维。

气泡图是散点图的一种变体,通过每个点的面积大小,反映第三维。

卡特里娜飓风的路径,三个维度分别为经度、纬度、强度。点的面积越大,就代表强度越大。因为用户不善于判断面积大小,所以气泡图只适用不要求精确辨识第三维的场合。

如果为气泡加上不同颜色(或文字标签),气泡图就可用来表达四维数据。比如下图就是通过颜色,表示每个点的风力等级。

二、关于图表的细节


可视化图表表达的10个错误

经典,完整原文:Data_Visualization_101_How_to_Design_Charts_and_Graphs.pdf

让数据变有趣!如何设计实用易读的图表(上)

三、关于表格的细节


数据可视化:提高表单可读性的一些技巧

1. 根据表格的用途,设计表格的布局


按照一定逻辑设计图表布局


2. 减少读者计算

3.精简指标,创造信息层级

4.不留空白单元格

5.斑马条的运用

横向或纵向的斑马线以及悬停高亮底色能够很好的引导用户的视线,避免在阅读时出现错行、迷失的情况:斑马线会使得行与行的界限更为分明,尤其对数据列较多时的横向引导得到加强,这样看行内的内容时不容易错行,而悬停变色行主要是配合操作交互,明确区分出光标所在的行。


表格、较多数据的柱状图可以考虑斑马条的运用

6.高亮重点信息,提高阅读速度

7.对齐,便于用户快速浏览

8.设计视觉层级,引导读者视线


设计视觉层级,引导读者视线

9. 坚持使用简单的矩阵布局,尽量减少视觉噪音



每一格的外框构成了不必要的视觉噪音
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 221,695评论 6 515
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,569评论 3 399
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 168,130评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,648评论 1 297
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,655评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,268评论 1 309
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,835评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,740评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,286评论 1 318
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,375评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,505评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,185评论 5 350
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,873评论 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,357评论 0 24
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,466评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,921评论 3 376
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,515评论 2 359

推荐阅读更多精彩内容