百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

PPT里那些复杂的箭头,都是怎么做的?

myzbx 2025-04-26 19:40 32 浏览

我先把话放在这里,PPT里排版递进关系的内容时,你100%会用到箭头素材

只不过你平时用的箭头可能都是长这样的:


而我们这些心机设计师却会用这样的箭头素材:


这下知道为什么我经常把“PPT颜值不够,素材来凑”挂在嘴边了吧?

那现在问题来了,这些箭头都是咋做的?

文末给你打包了100页高质量工作型PPT案例源文件,读到最后即可领取。


▎下载或使用现成的箭头素材

1)登录freepik.com下载


你平常在我这见到的一些特殊箭头素材,其实大部分都是我直接在freepik下载的:


登录以后搜索“箭头/arrow”,你就能看到各种五花八门的箭头素材:


注意,搜的时候你得勾选中【SVG】格式,因为只有这种格式的素材,才能直接放进PPT里任意编辑。


不过,WPS以及较低版本的office暂不支持以上格式的素材。

不慌,我兜里还有七八个锦囊没用呢。


2)使用PPT自带的形状

如果你版本较低或要求不高,其实PPT形状库里自带的形状就很够用了。

比如,这几种箭头素材,每种都很有质感,你用PPT就能做出来。


o 为箭头或圆角矩形设置渐变色

插入一个箭头或圆角矩形,分别为它们设置渐变色,就能营造出一股趋势感:


复制多几个这种形状横向分布,内容间的递进关系一目了然:


o 矩形+三角形=单边箭头形状

PPT里最常见的单边箭头素材,其实用一个细长的矩形,跟一个三角形就能拼接出来:


我们一般会用这种箭头串联起多个模块,体现出内容的整体感:


o 直线+弧线=弯曲线型箭头

一根直线再加一根或两根弧形线条,你就能拼出这种弯曲的线型箭头:


这种线型箭头一样可以用来串联起多个模块:


此外,一些复杂的递进关系图,这种用线条拼接的弧形箭头甚至是不可替代的:


o 多个形状或线条叠加=趋势型箭头

插入多个箭头形状或圆角矩形,甚至是多根线条,为它们设置渐变色色,你就能拼接出一个新的箭头符号:


如果你问我这种“符号”比起普通的箭头有何优势,那我只能现场给你编一个说法了:它看着更复杂,显得你技术很吊


OK,前面介绍的都是有形的箭头形状,现在我们再来看多一种“无形”的,也就是镂空的箭头效果


▎手动制作递进关系图

啥叫镂空?你先看一下这几个循环图,


如果你觉得这些图表是用几个圆形箭头拼出来的,那你做的时候就会很吃力了:


我教你另一种思路:看看这些箭头的衔接处,有没有发现这其实就是一个镂空的箭头形状?


而凡是有规律的形状,都可以用【合并形状/布尔运算】功能来做


1)燕尾正圆环

在一个圆环形状上面放几个小箭头形状:


点击【形状格式】-【合并形状】-【拆分】:


你会看到整个圆环都被拆得零零散散的(下图左侧),此时你只需删掉那些“边角料”形状,就能得到四个圆形箭头了(下图右侧)


当然,如果你会用【OKpuls插件】的话,这种圆环做起来其实更简单。

感兴趣的木友待会儿可以点击上方蓝字查看。


2)燕尾椭圆环

我们再来个进阶的版本,用椭圆环来做循环图:


先插入一大一小两个圆角矩形,二者重叠:


继续点击【合并形状】-【拆分】,你就能得到一个镂空的椭圆环了:


当然,如果你会用【英豪插件】的话,你也可以省去以上步骤。

直接插入一个圆角矩形,设置为【无填充】,并为其设置较粗的线条


点击【英豪插件】-【线条拓展】,你就能把上面那根粗线条变成形状了:


接着,继续在形状上面放几个小箭头:


【拆分】一下,你就得到了几段能构成一个燕尾椭圆环的圆形箭头了了:


▎总结

有没有发现这篇文章看似是在讲箭头素材,但实际上却融合了一堆系统的小知识?


你瞧,这就是我经常说“零碎的知识不是知识,系统的才是”的原因。



想要100页高质量工作型PPT案例源文件,你可以关注后:

相关推荐

如何设计一个优秀的电子商务产品详情页

加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面...

怎么在JS中使用Ajax进行异步请求?

大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加...

中小企业如何组建,管理团队_中小企业应当如何开展组织结构设计变革

前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很...

前端监控 SDK 开发分享_前端监控系统 开源

一、前言随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的...

Ajax 会被 fetch 取代吗?Axios 怎么办?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是ajax、fetch...

前端面试题《AJAX》_前端面试ajax考点汇总

1.什么是ajax?ajax作用是什么?AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实...

Ajax 详细介绍_ajax

1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术,其本质是利用浏览器内置的一个特殊的...

6款可替代dreamweaver的工具_替代powerdesigner的工具

dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...

我敢保证,全网没有再比这更详细的Java知识点总结了,送你啊

接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你绝...

福斯《死侍》发布新剧照 "小贱贱"韦德被改造前造型曝光

时光网讯福斯出品的科幻片《死侍》今天发布新剧照,其中一张是较为罕见的死侍在被改造之前的剧照,其余两张剧照都是死侍在执行任务中的状态。据外媒推测,片方此时发布剧照,预计是为了给不久之后影片发布首款正式预...

2021年超详细的java学习路线总结—纯干货分享

本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!第一阶段:Java基础重点知识点:数据类型、核心语法、面向对象...

不用海淘,真黑五来到你身边:亚马逊15件热卖爆款推荐!

Fujifilm富士instaxMini8小黄人拍立得相机(黄色/蓝色)扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机,此款是mini8的小黄人特别版,除了颜色涂装成小黄人...

2025 年 Python 爬虫四大前沿技术:从异步到 AI

作为互联网大厂的后端Python爬虫开发,你是否也曾遇到过这些痛点:面对海量目标URL,单线程爬虫爬取一周还没完成任务;动态渲染的SPA页面,requests库返回的全是空白代码;好不容易...

最贱超级英雄《死侍》来了!_死侍超燃

死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/...

停止javascript的ajax请求,取消axios请求,取消reactfetch请求

一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。停止javascript的ajax请求...