当前位置 : 主页 > 免费发布 >一张好图表,重点不会超过三个

一张好图表,重点不会超过三个

阅读493

一张好图表,重点不会超过三个

大家常常问我们:「什幺是好的资讯图表设计?」

除了好的资讯整理之外,在设计上满足这五个法则是我们对自己作品的标準,若你看过许多好的资讯图表,你会发现,它们大部分都满足这些法则。

最怕读者看完资讯图表以后什幺也没留下

记得将设计重点放在你想传达的资讯重点,是澄清事实、提出问题、统整比较,还是鼓励採取行动?一味地将所有资讯图像化只会失去焦点。

超过三个重点就等于没有重点,参考下图範例,如果想要强调台北市长的市「讚」率,可以将资料分成两类:「台北市长的市讚率」和「其他五都市长的市讚率」来观察百分比,如此一来就可以发现台北市长的数据比其他五都市长全部加起来还要多!同时因为圆饼图中的组成类别减少为两类,调整为甜甜圈图(中空的圆饼图)更能一目了然,还可以将想要强调的资讯图像化置放于图表中。

一秒钟、一分钟、十分钟……你的设计能够让目光停留不同时间长度的人读到不一样的资讯深度吗?

通常资讯看起来又臭又长是因为缺乏「层次」,要让资讯呈现层次分明,首先要搞清楚这些资讯的「结构」和「重要次序」:

资讯的结构 一个适当的标题,再透过视觉化的方式呈现资讯结构,能让人在第一眼抓到这些资讯之间的关係,接着看资讯内容时就比较不容易迷失在资讯里。

资讯的重要次序 将你想要传递的讯息按照重要顺序分层,再透过视觉呈现设计来突显重点,例如字级使用大至小,使层次清楚呈现(最大为标题、最小至附注)、善用颜色区分重点(详细说明请参考原则五:颜色运用有逻辑)、依照资讯的重要性安排其所佔的版面大小。

图说 参考下图範例,若只是将资讯分成不同区块呈现,乍看之下只有几个不知所云的标题关键字,但若像右侧的示範,将事件发生的脉络透过简单的视觉化呈现,则在第一眼就能大致抓到三中全会到底发生了什幺需要关注的改变和顺序。除了将资讯架构具体视觉化呈现之外,我们也将资讯分层,让赶时间的人第一眼能够透过资讯图表中的次标题和图像了解三中全会造成的影响,接着可以就自己有兴趣的部分细看文字,清楚的架构让读者随时挑自己想看的段落阅读也不至于迷失在文字海里。

让人无所适从的不是资讯内容本身,而是混乱的视觉动线设计。

只要观众在接受资讯时感到混乱、困惑,就会阻碍他们理解资讯,在这种情况下,你的资讯图表在第一眼就很有可能被观众的大脑打枪。

影响视觉动线的重要因素:阅读惯性

人们平常的阅读习惯是最难改变的一件事情,其建立在阅读行为的便利及效率之上。阅读惯性虽然会因为文化而有所不同,但大致上遵循着从上而下、自左而右、自右而左的方向。


(图左)直横书的阅读次序(图右)直横书的阅读次序

如果想要打破一般的阅读方向惯性,就要很清楚这样做的动机,可能和传递的资讯本身内容有关,如树的蒸散作用过程(从树根在地底吸收水分一路往上到顶端的树叶被蒸散出去)、也可能是为了透过打破规则创造更大的视觉张力。

资讯图表连颜色使用也需要经过思考规划!

初学者製作资讯图表很容易迷失在颜色的游乐园中,每个迷人的颜色都想尝试,最后却花花绿绿的让观众眼花撩乱,模糊了最先想要传达的讯息。建议初学者从两到三种颜色开始练习,再慢慢增加。

颜色的联想往往和生活经验的连结和共鸣有很大的关係,如提到水,很多人会想到蓝色,提到爱情,大部分的人会想到红色或粉红色系,如果你想要加强读者对于资讯图表中提到的关键事物的连结和印象,用符合该事物形象的颜色会是很好的选择;相反的,如果该事物在资讯图表中只是配角,其实它本身的颜色更适合跟着整张图表的色调搭配。


「全岛逃走中!」台湾特有种动物-哺乳类(

.颜色的语言

「『禁止』和『通过』,你会分别用什幺颜色表示?」

除了具体事物之外,还有一些抽象的感观或体验,像是「禁止」和「通过」,相信很多人都会联想到「红绿灯」,因此回答「红色」和「绿色」。使用能够引起沟通对象共鸣的颜色,通常能够大幅降低误解和困惑发生的机率,若应用得当,还能够提高资讯吸收和记忆的效果!

「看看左图的台湾特有种哺乳类海报设计,知道为什幺设计师选择用蓝色作为背景的主色调、用红色作为下方重点资讯呈现的背景色吗?

蓝灰色的背景象徵生存环境被破坏,以及设计师对于特有种动物濒临生存危机的悲伤,下方的红色除了警惕人们保育的重要性之外,也用渐层的红色呈现濒临绝种的危急程度。」

如果是你,会怎幺配色呢?

再来看看我们与台北市政府社会局合作的线上懒人包,想想看,我们为什幺选用绿色和黄色作为「从单次礼金到永续社福」的主色调呢?

本主题想传达的关键讯息是「永续是政策推动的重要考量,也需要大家一起来思考」,所以选用绿色做为整个懒人包的主色,而黄色作为次要色用于和礼金相关的资讯说明上。另外,因为想要呈现幸福轻鬆的感觉,所以其他的图像和图表还是少量运用了暖色系的色彩点缀,使得作品更活泼亲切。

其实仔细观察做得好的资讯图表作品就会发现,其中的颜色规划运用都是大有学问的喔!

除了多从读者的角度出发思考之外,还有一些具体的面向可以着手:

文案设计 最容易创造互动性的方法,可以对读者说话、用问句作开头引发思考等等。
引导设定 清楚的引导让读者知道当下该做什幺、该思考什幺,或是让读者知道事后该怎幺做、该改变什幺。
资讯提供 提供更多资讯、资源,在沟通对象的兴趣和共鸣被勾起之后,可以去哪里做更进一步的学习和了解呢?

上一篇: 下一篇: