大家好,我是灰色执照~ 很开心又和大家见面了。
上个月我利用空闲时间学习了一下立体方面的编程知识,努力学习了一个礼拜后,我准备做个学习总结,于是又用了 7 天做出了 NB Map 这款三维地图产品。
这就是之前制作的 NB Map,它可以快速的制作国内外各个省市区的三维地图。你可以访问下面链接去详细了解一下它:
大家好,我是灰色执照。
阅读文章 >没想到 NB Map 受到了很多设计师的关注,于是我马不停蹄的又努力了 20 天,全新的产品 NB PIE 诞生了~
NB PIE 是一款制作立体饼图、环形图、玫瑰图的网页工具。它可以生成透明背景的 PNG 图片,可以生成带有动画的 GIF 动图,可以生成制作视频的 PNG 序列帧图片。你不需要打开任何三维软件,可以用最快的速度得到一个立体饼图。
这就是用 NB PIE 导出的动画。
你可以设置“镂空”属性,把饼图弄成环形图表,动画就变成了这个样子。
你可以修改动画的类型和运动的曲线,让动画以不一样的方式呈现。
这就是 NB PIE 的主界面了,它的顶部可以调整饼图的各种样式和动画,左侧设置饼图每项数据的名称和数值,右侧设置灯光、线条、字体等相关参数。
通过拖拽屏幕,你可以非常方便的把饼图调整到你需要的角度,如果饼图太大或者小太,你可以通过鼠标滚轮缩放它。NB PIE 生成的饼图其实是矢量的,无论你缩放多大,都会非常清晰。
点击左侧的加号或者减号,饼图的数量就对应的增加或者减少了。
可以很方便的修改饼图数据的名称和数值。饼图会根据你的修改自动变化。
还可以设置“高低错落”属性,饼图就会根据数值按比例展示不同的高度。
可以通过设置“镂空”属性,让饼图变成环形图。
你还可以把饼图切换成兰丁格尔玫瑰图
NB PIE 可配置和调整的参数非常的多,基本可以满足你日常工作中对饼图的全部需求。由于篇幅有限,我这里就不详细介绍了。感兴趣的朋友可以去 B 站看我录制的视频教程了解其全部内容和细节:https://www.bilibili.com/video/BV1Hu411e78H/
在调整好参数和角度后,你可以点击菜单栏顶部的下载按钮。NB Pie 支持下载透明背景的 png 图片,支持下载 gif 动画,它甚至支持下载 png 序列帧。
如果想做视频或者交付逐帧动画,你可以下载 png 序列帧。你可以利用这些图片合成为 apng 交付开发。可以拿他们做成视频……
戳右边链接,就是这款产品的主页了:https://www.pslkzs.com/chart/charts.php
这就是 NB PIE 的主页了,点击 开始绘制 按钮,你就可以开始绘制饼图了。
凡是饼图相关的,我都已经尽我所能,把能想到的功能都做到 NB PIE 里面了。但是我一个人的想法毕竟局限性较强,欢迎你使用这款产品后,到我们微信设计群里面给我提出改进意见和新的功能需求。你可以加微信:nbchart 我拉你进入设计群。
制作这样一款产品真的很辛苦,这 20 天的时间内我几乎满脑子都是各种数学函数的算法,晚上做梦都是在计算圆弧……希望 NB PIE 能够让大家真正体会到方便、快捷。能够缩短你的工作时间,能够真正的给大家带来价值……
我是灰色执照,此刻我的脑子里又有了一些新的想法,我要去开发新的设计产品了,我们下次见面时,依旧会给你带来惊喜~
统计图表(Chart)是一个易于传达想法的方式,将一般文字数据转为可视化图形,让其他人在更短时间内清楚掌握信息,相对于表格来说也更好阅读,大多数的字处理工具都内建制作图表功能,要在报告或投影片中加入统计图表并不难,如果手边没有合适软件,又要制作图表的话也有在线工具可以使用。
阅读文章 >欢迎关注作者微信公众号:「灰大设计」
本篇来源:优设网
原文地址:https://www.uisdc.com/nb-pie