设为首页
收藏本站
搜索
热搜:
Java
Python
UI
人工智能
Web
影视特效
抖音
网络营销
运营
本版
文章
帖子
群组
用户
登陆
注册
首页
Portal
互联网资讯
视频教程
技术社区
BBS
IT培训
学历提升
快速发布
个人中心
今日签到
私信列表
消息中心
搜索全站
课程咨询
返回顶部
大内高手社区
›
技术社区
›
UI设计论坛
›
图表设计的思路和方法总结分享
玫瑰黑糖
关注Ta
发帖数
24
粉丝
1
此人很懒,什么也没有留下
[UI设计论坛]
APP导航栏设计分析(下):5种设计样式
[UI设计论坛]
APP导航栏设计分析(上):4种交互状态
[UI设计论坛]
这些实用的排版技巧,能让你的设计更细致
[UI设计论坛]
三步教你提升B端表单设计的用户体验(一)
[UI设计论坛]
好的单选框设计具备哪些特质?
阅读作者更多精彩帖子
热门问答
更多热门问答
1
淘宝客注册流程步骤
22472人围观,发布于2021-09-26
1
APP运营核心要点有哪些
20951人围观,发布于2022-07-08
0
了解运营
13137人围观,发布于2021-09-18
0
网站的 TDK基本格式
12302人围观,发布于2021-09-23
0
SEO优化中网站地图在的主要作用
13613人围观,发布于2022-01-13
0
快速提高网站SEO优化排名的方法
16570人围观,发布于2022-01-13
技术文章
更多技术文章
告别“限速”,个人网盘进入云时代
2022-12-28
长难任务设计指南,必须收藏!
2022-12-28
新消费,走进「韧性时代」
2022-12-28
营销技能:营销4P之外,还有这些经典理论
2022-12-28
实例分享 | 社区产品编辑器的设计开发要点
2022-12-28
产品经理方法论——流程与审批流的区别
2022-12-27
返回列表
图表设计的思路和方法总结分享
[复制链接]
玫瑰黑糖
Lv.2
显示全部楼层
发表于 2021-12-29 13:54:09
|
阅读模式
1、选择正确的图表类型
选择错误的图表类型,或默认使用最常见的类型,可能会混淆用户对数据产生误解。一组数据可以有多种表示方式,具体类型取决于用户希望看到的内容。
2、根据正负值确定方向
当数据中出现正负值时,要先确定基线的位置,再确定数据位置,将正值分布在基线上侧(X轴)或右侧(Y轴),负值分布在下侧(X轴)或左侧(Y轴)。避免在基线的同一侧同时添加正值和负值,造成用户对图表信息理解错误。
3、始终从零开始绘制条形图
单看左侧的条形图,能发现B的值比D的值要多3倍以上,但在右侧从零开始的条形图中,实际差异要小得多。从零开始可确保用户获得更准确的数据展示。
4、折线图使用自适应Y轴
对折线图来说,如果始终将Y轴的比例限制为从零开始,一旦数据波动幅度很小,那整个折线图会看起来很平坦,效果不明显。折线图主要用来表现趋势,根据给定时间的数据调整比例,并保持折线区域能占到Y轴范围的三分之二。
5、使用折线图时考虑时间间隔
折线图是由一条条小线段连接组成,这些线段展示了在短时间内数据是如何变化的。当时间间隔很大或数据更新不频繁时,就要慎重考虑是否使用折线图。
6、不要使用平滑的折线
平滑的折线图可能看着很舒服,但它们歪曲了背后的实际数据,而且过粗的线条掩盖了真正的节点。
7、谨慎使用双轴折线图
当两组数据出现X轴代表的信息相同但Y轴不同时,为节省空间我们可能会考虑用双轴图。但大部分双轴图难以阅读,只是感觉图表上有很多数据,但远远没有单个图表展示的清晰。
8、限制饼图的切片数量
饼图是最受欢迎但经常被误用的图表之一。在使用饼图时,首先要注意切片的数量最好保持在5-7片。
如果还有很多占比很小的切片,可以将这些全部归到“其他”切片中。
9、直接在图表上标注
如果没有正确的标注,无论图表设计的多好看都没有意义。直接在图表上标注数据或信息对使用者来说更直观,更节省时间和精力。
10、饼图切片的排序
饼图切片的排序是一个很容易忽略的问题,将饼图切片只是一个开始,通过合理的排序保证用户清晰观看图表才是关键。常见的排序方法是将面积最大的切片放在12点钟位置,然后按顺时针降序放置第二大的切片,以此类推。
【免责声明】本文系转载,来源于文章来源于Clip设计夹 ,作者Clippp。转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与联系我们,我们会予以更改或删除相关文章,以保证您的权益!
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
立即注册
x
回复
使用道具
举报
发布主题
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
返回顶部
返回列表