视觉效果不要抢了数据风头—— 不必要的造...
采集 3评论
物语晨曦
采集于2022-02-22 10:24:25
视觉效果不要抢了数据风头——
不必要的造型不仅会分散注意力，还可能导致对数据的误解和用户的错误印象。你应该避免:
1、3D元素，明暗面；
2、阴影、渐变和其他扭曲的多彩色；
3、斑马图案，过多的网格线；
4、过度装饰，斜体，粗体或衬线字体
B端图表设计
物语晨曦
选择与数据性质相匹配的调色板——根据美国国家眼科研究所(National Eye Institute)的数据，大约每12人中就有1人是色盲。你的图表只有在广泛的受众可以访问时才会成功。 1）在调色板中使用不同的饱和度和亮度 2）把现有配色去色然后检查对比度和可读性。
做成动态图表
事先选择合适的图表库—— 如果你的任务是在web和移动项目中添加交互式图表，你应该问的第一个问题是我们将使用什么图表库?现代图表库包含了许多前面提到的交互和规则。基于已定义库的设计将确保易于实现，并能提供大量交互想法。
使用水平条形图代替旋转标签——确保用户能够更有效地阅读图表，而不会扭伤他们的脖子。
关注易读性——确保排版能够准确传达信息，帮助用户专注于数据，而不是分散用户的注意力。 1）选择易读的字体，避免衬线和装饰过度的字体 2）避免使用斜体、粗体和全部大写 3）确保与背景有高对比度 4）不要旋转文字
设计的可访问性
视觉效果不要抢了数据风头—— 不必要的造型不仅会分散注意力，还可能导致对数据的误解和用户的错误印象。你应该避免: 1、3D元素，明暗面； 2、阴影、渐变和其他扭曲的多彩色； 3、斑马图案，过多的网格线； 4、过度装饰，斜体，粗体或衬线字体
窄的饼图是难阅读的
避免随机排列——不要默认采用字母排序，将最大的数值放在顶部(对于水平条形图)或左侧(对于垂直条形图)，以确保最重要的数值占据最突出的空间，减少眼球运动和阅读图表所需的时间。
保持饼图切片秩序以提升阅读效率——1、将最大的切片放在12点的位置，然后将下一片切片顺时针降序排列；2、把最大的切片放在12点的位置，第二大的放在顺时针相邻位置，第三大的放在11点的位置，其余的切片按顺时针降序排列
不要在切片上贴数据——将数据放在切片上可能会导致多个问题，在可读性问题上和窄切片上都会有挑战。相反，添加黑色标签能清晰的链接到每个部分。
在图表上直接标注——如果没有适当的标签，无论你的图表有多好，它都不会有意义。直接在图表上标注对所有用户都非常有帮助。查阅图例需要时间和精力来理清数据和对应的部分。
限制饼图中显示的切片数量——1、不要超过5-7片，保持简单；2、可以将额外的最小段分组到“其他”切片
避免使用比例不同的双轴折线图——通常，为了节省可视化空间，当有两个具有相同度量但大小不同的数据系列时，可能倾向于使用双轴图。但这些图表不仅难以阅读，而且它们还以完全误导的方式代表了两个数据系列之间的比较。大多数用户不会密切关注比例，只是浏览图表，然后就得出了错误的结论。
不把折线图强行”平滑“——平滑的折线图可能在视觉上很好看，但它们错误地反映了背后的实际数据，而且过粗的线会模糊真正的“标记”位置。
使用折线图时要考虑时间连贯性——折线图是由线连接的“标记”组成，通常用于可视化时间间隔内的数据趋势。这有助于说明数值是如何随时间变化的，并且对于较短的时间间隔非常有效，但当数据更新不频繁时，这可能会导致混淆。
折线图应该要清晰体现y轴上的趋势变化——对于折线图，总是限制y轴比例从0开始可能会使图表几乎平坦。由于折线图的主要目标是表示趋势，因此根据给定时期的数据集调整比例并保持直线占据y轴范围的三分之二是很重要的。
该采集也在以下画板
加载更多
推荐给你的采集
采集
weibo.com
今天的春雪采集到ui

#dribbble每日精选# Ivan Bobrov的多彩小动物LOGO 兔子

24

今天的春雪 采集到
ui
采集
16sucai.com
bird-yan采集到icon区

简约线性图标设计矢量素材 - 素材中国16素材网

186

bird-yan 采集到
icon区
采集
zcool.com.cn
让我飞升采集到UI-特效

二次元界面UI风格|UI|游戏UI|波波大 - 原创作品 - ()

1

让我飞升 采集到
UI-特效
采集
dribbble.com
TannerWe采集到App

1211

76

TannerWe 采集到
App
采集
image.flaticon.com
Dearcolour采集到扁平/插画

1343009.png (512×512)

20

Dearcolour 采集到
扁平/插画
采集
不文不问-wen采集到ui

818多嘴节 八一八那些美食的八卦

59

不文不问-wen 采集到
ui
采集
zcool.com.cn
Penry_Chen采集到灵感 - 表情/插画

郑州地铁票卡设计

1232

Penry_Chen 采集到
灵感 - 表情/插画
采集
25xt.com
莫楠德采集到ui app icon

抖音直播礼物UI设计欣赏

91

莫楠德 采集到
ui app icon
采集
小牧童采集到banner设计

banner 金融

53

小牧童 采集到
banner设计
采集
乔莉拿起笔采集到运营-banner

五重礼banner @这样重这样轻 作品

72

乔莉拿起笔 采集到
运营-banner
采集
龙小夜采集到【插图】APP加载页/启动页/引导页

#插画##闪屏##原创##节气##立夏##夏天# 大海 蓝天 闪屏 专题 http://w...

1051

龙小夜 采集到
【插图】APP加载页/启动页/引导页
该采集待公开
采集
长刺的年糕采集到引导页

明日之子 《大首发日》活动

101

长刺的年糕 采集到
引导页
采集
淑怡部屋采集到APP

天气界面

113

淑怡部屋 采集到
APP
采集
iguoguo.net
爱果果采集到酷站欣赏

It Will Glow - 爱果果

64

爱果果 采集到
酷站欣赏
采集
夜色如水采集到活动专题

双十二

54

夜色如水 采集到
活动专题
采集
Y、Lisa酱采集到App.闪屏设计

1011

Y、Lisa酱 采集到
App.闪屏设计
采集
img.hb.aicdn.com
Χ_i__a采集到✿_WEB

dd48e1594d4931599495c493c6a2c65163ca1f227ba98...

44

Χ_i__a 采集到
✿_WEB
采集
dribbble.com
暴走布布采集到UI-web

演示

2411

暴走布布 采集到
UI-web
采集
uocook.com
木鱼泡泡采集到Icon - APP大图标

写实UI图标

14

木鱼泡泡 采集到
Icon - APP大图标