PPT饼图怎么设计才好看?
myzbx 2025-04-26 19:41 1 浏览
老读者都知道,咱们评论区经常会有很多小伙伴问各种各样正经或不正经的问题:
平常我在回复大家的留言时,又感觉很多问题用文字讲不清楚。
所以,以后我会针对一些大伙儿常问的问题,用文章的形式来回答:
- 圆环图怎么做好看?
- 学术风PPT可以用什么色系?
- 图标素材去哪下载?
- 怎么做出好看的时间轴?
▎圆环图设计
这位小伙伴想问怎么做出好看的圆环图:
咱们就拿这页PPT来改改,顺便教大家做出好看的圆环图:
图表排版,最重要的就是数据清晰、设计简洁。
原稿中的数据排版没啥问题,就是图表看着不够简洁而已。
想让图表显得简洁,用单色系会更保险,尤其是日常的工作型PPT:
接着,在饼图上面放一个普通圆形,你就能得到所谓的“圆环图”了:
修改完配色,你会发现“圆环图”依旧略显凌乱:
这主要是因为每组饼图里的元素数量较多,而且都挤在一起,尤其是饼图中心处。
所以,我们需要调整一下元素的位置,别让它们挤一块:
你瞧,现在看着就“工整”许多了吧?
咱们还可以用一些设置了【阴影】效果的透明矩形,将图表“装”起来:
给图表一分组,我们就能得到这种更工整且更有质感的图表排版页:
▎学术风配色
学术PPT基本都是用的蓝色系,这位小伙伴想看看其他色系的:
没问题,我们就拿这页讲太阳能的PPT来举例:
1)调整排版
首先,如果不是想不开,咱就尽量别给图片使用PPT自带的那些奇形怪状的效果了,廉价感就是这么来的:
接着,一张图片的排版,我们可以用最经典的排版法:在图片下方插入一个矩形。
像这样增大页面的色彩面积后,空白的背景就不会太单调,而且图片也得到了衬托。
最后,文字比较多的文案,我们最好能提炼重点,让长文变短句,提高读者的阅读效率:
如果能在此基础上为文案做一些图形化处理,比如添加图标或其他形状,就能让全是文字的文案变得“图文并茂”:
▼
2)调整配色
另外,我建议大家在给PPT配色的时候,尽量使用主题色里的颜色,这能方便你后续一键为PPT修改配色。
比如,我在做这页PPT时,就先把主题色设置成了想要的紫色系:
做完紫色的配色后,假如大伙儿想看看其他色系,此时我就可以一键为PPT更换配色,非常方便:
▼
▎icon/图标下载与处理
从以上案例我们已经看到了加图标可以让文案更好看,而这位小伙伴就问到了好看的图标该上哪找:
咱们就拿这页PPT来举例,看看怎么为内容找到合适的图标~
首先,面对这样的原稿,我建议大家直接换个版式会更省时省力:
接着,对模块里的标题与正文做个区别设计,明确它们之间的等级关系,再用小圆角矩形将正文“装”起来:
现在你会发现模块内部有点空,像这种时候我们就可以加图标,用来弥补空白:
▼
至于图标,大伙儿可以去iSlide插件/flaticon/iconfont(原阿里巴巴矢量图标库)这三个渠道搜索下载:
a、iSlide插件对小白最友好,图标下载后就能直接使用,但它的搜索功能较差,且非会员一天只能下载5个;
b、iconfont,可在线修改图标颜色,且支持免费下载png与svg格式,但图标数量不够多;
c、flaticon图标数量多,搜索功能强大,但仅支持英文,且非会员只能下载png格式的图标。
前面案例里的这几个图标,我就是在flaticon下载的:
▎时间轴设计
有时间关系的内容,用时间轴来展示无疑最合适,这位小伙伴想问的就是怎么做出一些特殊的时间轴形状:
咱们就拿这页PPT来举例:
平常我们见到的时间轴,基本都是这种普通的直线,看着没啥设计感。
其实你可以用一个细长的矩形,以及一个三角形,拼出这么一个时间轴:
单独为矩形设置渐变色,并在上方放一排普通线条作为“刻度线”,方向感跟设计感就都有了:
最后,在时间轴上面放几个小圆形作为时间节点,再将文案放到轴的两侧即可:
不同的时间轴设计可以带来不同的观感,就看你是喜欢简洁的线条,还是喜欢多种多样的形状了:
▎总结
现在我们来总结一下以上提到的几个小问题:
- 用普通饼图+圆形即可做出好看的圆环图;
- 为PPT使用主题色,后续方便我们一键换色;
- 图标素材可以去iSlide插件/flaticon/iconfont这三个渠道下载;
- 用普通形状就能拼接出好看的时间轴。
相关推荐
- 让小球做圆周运动,你有几种办法?
-
最近在阅读外国技术文章中无意中发现了一个神奇的CSS属性motion-path,它可以让Dom元素可以按照自定义的路径移动。又想起了很久之前参加校招面试的时候,面试官问了我一个问题“能不能不借助库实现...
- 【聚焦全国两会】SVG漫画 | 诚可“桂” 事能“圆”
-
<animateattributeName="width"begin="click+0.1s"dur="0"fill="freeze"from="0"to="0"/><...
- 还能用 AI 生成 SVG(可缩放矢量图像)?我们来聊聊 SVG
-
文章链接:https://mp.weixin.qq.com/s/uWu4_yM5wb-eFkBlMBD-TA什么是SVGSVG(ScalableVectorGraphics,可缩放矢量图形)基于...
- 刚刚开源!SVG 向量图形生成模型
-
StarVector这个开源项目有点意思,3天前开源的:可以把图像和文本生成高质量的可缩放编辑SVG图形。由ServiceNowResearch、Mila等机构联合开发,并已被CVPR...
- 全能图片处理工具:GIMP 2.8.14正式版下载
-
IT之家(www.ithome.com):全能图片处理工具:GIMP2.8.14正式版下载GIMP是一款跨平台的图像处理工具,是GNU图像处理程序(GNUImageManipulationPr...
- 从零开始学Qt(22):QSS详解(3)- 盒子模型
-
使用样式表时,每个widget都被视为具有四个同心矩形的盒子:边距(margin)矩形、边框(border)矩形、填充(padding)矩形和内容(content)矩形。盒子模型(boxmodel)...
- 流程图用什么软件做?分享4款流程图绘制工具
-
在生活中,我们经常会使用流程图来绘制出一些事项的工作流程或过程,让整个过程看上去更直观清晰,并且能更好的了解到操作步骤或过程中各步骤的逻辑顺序,那么流程图用什么软件做呢?这里分享4款好用的流程图绘制工...
- 整理开源资源:零代码开发灵魂——逻辑引擎,收藏吧
-
逻辑配置是零代码开发的业务核心功能,本质上是实现服务的编排,把原子的服务通过可视化编排,形成最终的业务逻辑。经过小编的精心整理,把相关的资源全部汇总起来,收藏吧!Drawflow拖动节点多路输入/输出...
- Qt中绘图框架介绍
-
绘图框架类父窗口继承1继承2QGraphicsSceneQGraphicsViewQGraphicsItemQAbstractGraphicsShapeItemQGraphicsEllipseItem...
- 矢量图都是什么格式的文件?
-
矢量图,也称为面向对象的图像或绘图图像,在数学上定义为一系列由点连接的线,矢量文件中的图形元素称为对象,它拥有颜色、形状、轮廓、大小和位置的等属性最大的优点是无论放大、缩小或者旋转等都不会失真,深受设...
- 免费PPT插件:PPT神器导航,亲测好用的120+辅助神器
-
插件开发:幻云PPT设计-大雄董军图文设计:大雄董军插件名称:PPT神器导航1.0当然了可能大家都有属于自己的神器收藏夹或者导航不过一直以来我听说并记录过很多故事关于PPT为了在一定程度上止痛主要功能...
- 超实用的一款国产工具!
-
往往在我们工作、生活、生产、研发等各领域经常会遇到需要绘制各类泳道流程图、思维导图、项目进度管理图、原型线框图、时序图、工艺流程图、关系图、拓扑图、组织结构、BPMN/UML、逻辑线框图、电路电气、示...
- Qt使用教程:创建移动应用程序(二)
-
QtEnterprise最新版下载>创建Accelbubble主视图当您倾斜设备时应用程序的主视图会显示一个SVG泡沫图像在屏幕上移动。为了在项目中使用Bluebubble.svg,您可以将其...
- 图标(LOGO)绘制教程(一):今日头条
-
前言本次教程使用软件为:InkscapeInkscape是一款功能强大的免费设计工具。无论您是插画家、设计师、网页设计师,还是只是需要创建一些矢量图像的人,Inkscape都适合您!它具有以下功能...
- 鸿蒙开发:使用Ellipse绘制椭圆
-
前言本文基于Api13前边两篇文章,我们概述了几何图形矩形和圆形,分别使用Rect和Circle两个组件来实现,本篇文章,我们介绍另一个几何图形组件Ellipse,来实现一个椭圆图形。Ellipse是...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 基础教程 (29)
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)