网站设计师,ui设计师必看的5个小技巧!50%的人都用错!

2023/3/21

大家都知道我们设计用户界面越来越受到数据驱动,不管是汇报PPT、B端的程序、还是最基本的作品集项目数据整理导出等等,对于数据可视化的需求都十分高。然而实际使用中令人困惑和误导的图形表达无处不在,但我们其实可以通过遵循一些简单的规则来改变这一点。

正负值

在数据有正负值时不要在同一侧同时去表达正值和负值,会引起视觉上的混乱。需要像XY轴一样,在基准线的基础上,左侧、下侧表现负值,右侧、上侧表现正值。

避免平滑折线图

不要使用平滑的折线图。平滑的折线图可能在视觉上令人愉悦,但它们歪曲了背后的实际数据,而且过粗的线也掩盖了真正的标记位置。

0基线开始条形图

始终要在0基线处开始绘制条形图。虽然像右侧截取顶部数值绘制条形图会使图表看起来更加漂亮,但那会导致人们对数值产生虚假印象。从0基线开始可以确保用户获取更准确的数据及概念。


折线图自适应Y轴刻度

虽然对于条形图来说0基线开始是必须的,但折线图就不一定了。由于折线图本身就是为了展现数据的上升和下降趋势,所以如果一直保持0基线开始很可能会导致图表整体趋势几乎趋于平坦,那就失去了折线图的意义所在。因此折线图的Y轴要根据整体数据趋势来定,要确保折线至少占据整体Y轴范围的三分之二。

避免随机性

避免随机或者按首字母排序,将最大值放在顶部(对于水平条形图)或左侧(对于垂直条形图),以确保最重要的值占据最显眼的空间,从而减少用户阅读图表所需要的时间。同样的建议也适用于许多其他图表。


更多新闻

一个好的企业网站设计标准是什么?
个人网站建设的基本流程有哪些?
提升网站建设用户体验的方法有哪些?
企业网站建设的基本功能有哪些?