学习UI设计新手必须掌握的核心技巧大家都知道我们设计用户界面越来越受到数据驱动,不管是汇报PPT、B端的程序、还是最基本的作品集项目数据整理导出等等,对于数据可视化的需求都十分高。然而实际使用中令人困惑和误导的图形表达无处不在,但我们其实可以通过遵循一些简单的规则来改变这一点。 01.正负值 在数据有正负值时不要在同一侧同时去表达正值和负值,会引起视觉上的混乱。需要像XY轴一样,在基准线的基础上,左侧、下侧表现负值,右侧、上侧表现正值。
02.避免平滑折线图 不要使用平滑的折线图。平滑的折线图可能在视觉上令人愉悦,但它们歪曲了背后的实际数据,而且过粗的线也掩盖了真正的标记位置。http://www.yanguosheji.com/h-col-105.html 03.0基线开始条形图 始终要在0基线处开始绘制条形图。虽然像右侧截取顶部数值绘制条形图会使图表看起来更加漂亮,但那会导致人们对数值产生虚假印象。从0基线开始可以确保用户获取更准确的数据及概念。04.折线图自适应Y轴刻度 虽然对于条形图来说0基线开始是必须的,但折线图就不一定了。由于折线图本身就是为了展现数据的上升和下降趋势,所以如果一直保持0基线开始很可能会导致图表整体趋势几乎趋于平坦,那就失去了折线图的意义所在。因此折线图的Y轴要根据整体数据趋势来定,要确保折线至少占据整体Y轴范围的三分之二。
05.避免随机性 避免随机或者按首字母排序,将最大值放在顶部(对于水平条形图)或左侧(对于垂直条形图),以确保最重要的值占据最显眼的空间,从而减少用户阅读图表所需要的时间。同样的建议也适用于许多其他图表。
文章分类:
新闻动态
|