别不信，按照这3步做，职场上再难的逻辑图PPT都能搞定
ccwgpt 2024-10-18 04:30 68 浏览 0 评论
前两天，有一个读者，在微信上发给我一张PPT案例，问我该如何进行优化：
这张 PPT ，其实就是标准的技术架构图。那对于这类的PPT，我们都有哪些思路进行优化呢？
转发+点赞文章后，点击我的头像，私信关键字【架构图】获取本文所有PPT源文件，直接套用！
如果想要回答这个问题，咱们就需要先来搞清楚，什么叫做架构图呢？
其实非常简单，所谓架构图，包含两个方面，一个是架构点，一个是连接线。而架构图呢，就是用连接线，把多个架构点连起来的一种图示关系。
举个简单的例子，你就明白了：
那明白这一点有什么用呢？
当我们提到要对架构图进行优化时，其实就是对这种图示关系进行优化，这里分为3个方面。
架构点图形样式一致
对于同一个技术架构图来说，为了降低别人理解架构图的难度，架构点的图形样式尽量一致。
举一个实际的例子，比如说像下面这张，我们看到，每个连接点的图形样式，是一致的：
架构图主线保持清晰
不管是多么复杂的架构图，它肯定有一个非常清晰的逻辑关系，这就是架构图的主线，尽量用一种显眼的方式将其呈现出来。
比如说像下面这个案例，主线非常清晰，就是从左到右的逻辑关系：
当然，在很多实际案例中，还会围绕着主线有一定分岔，我们叫它副线。
比如说像下面这个拓扑图，实线的部分是主线，虚线的部分，就是副线：
架构图层级关系分明
前面说了，因为一个架构图有主线和副线之分，所以，在视觉上，尽量也有所区分。
一般来说，我们可以用这3种方式进行层级划分：
比如说像下面这个例子，为了区分不同层级，它使用了实心和线框两种层级：
这就是架构图优化的3个方面。可能有些读者不太理解，没关系，咱们再通过两个案例来具体的说一下。
案例一
就拿开头提到的案例来说：
咱们一起来优化下。
首先，我们先来明确下架构图的主线，这个图示比较简单，也非常清晰，就是两侧推向中间：
接下来，我们来优化架构点的呈现方式，因为目前的架构图色彩过于杂乱，层次不清晰。
一方面是对两侧的技术架构进行优化，减少色彩的数量，保持简洁：
另一方面，对中心的技术模块进行优化：
最后，我们添加相应的箭头，来呈现出其主线的逻辑关系：
最后的最后，我们添加相应的小图标，并将左右两侧的颜色修改，进行对比即可：
你学会了吗？
案例二
这是一张非常复杂的架构图，不同架构点之间的连接关系也很混乱：
但其实，我们不要管它到底有多乱，咱们只需要找到主线和副线即可：
接下来，因为这一张架构图要呈现的逻辑关系，是基于主要业务，来拓展衍生业务，所以，我们可以将其设计成为一张业务生态图的样式：
换成深色背景，另外，再多添加几个圆圈，来增强生态感，效果更加明显：
这里简单说下，这个圆环是怎么绘制的。它利用的，就是形状的渐变填充完成的：
为了方便各位理解，我也录制了一个动图：
最后，我们要做的，只是把内容填充在相应的位置即可。另外，一定要注意层级分明和主线清晰：
明白了吗？
不管我们看到什么样的架构图，别慌，先梳理出它的逻辑主线，然后，利用一些设计方式将其层级划分出来。这就是优化结构图的手法。
当然，如果你能有一些创意的呈现形式，会是不错的加分项。
转发+点赞文章后，点击我的头像，私信关键字【架构图】获取本文所有PPT源文件，直接套用！
辛苦码字，希望大家点赞鼓励
相关推荐
- css布局方案汇总(28个实例图文并茂)
-
简介布局在我们前端日常开发来说是非常重要的，一个好的布局能简化代码的同时还能提高网页的性能。常见的布局方法有浮动(float)布局、绝对定位(position)布局、表格布局(table)、弹性(fl...
- 十款免费的CSS框架加速Web开发
-
Pure这是Yahoo最新推出的一款CSS框架，它只有HTML和CSS，没有使用任何JavaScript语言。总大小只有4.4kb，但功能却非常丰富，支持响应式样式和各种导航、表格、表单、按钮、网格和...
- Tailwind CSS 是不是目前世上最好的CSS框架?
-
转载说明：原创不易，未经授权，谢绝任何形式的转载今天看了一篇国外大佬对TailwindCSS的看法，在这里分享给大家，看看大家是否赞同，以下是其相关内容的整理，由于翻译水平有限，欢迎大家讨论和指...
- 下一代 CSS 框架:Mojo CSS，为何如此受欢迎?
-
TailwindCSS推出即受到广大开发者的欢迎，当前Githubstar数已达77.8k。它是一个功能类优先（utility-first）的CSS框架，它提供了一系列功能类，让开发者...
- 常见的几种摄影构图方式
-
摄影构图，是一种在摄影画面中表现结构美、形式美的方式。构图能让摄影主体更加突出，画面更加有序。所以说，构图在摄影中是非常重要的一个环节。无论是前期构图还是后期构图，摄影者都要对构图有一个比较深的了解。...
- 风光摄影10大构图技巧，会用构图，照片更容易好看
-
风光摄影10大构图技巧，会用构图，照片更容易好看先解释一下，为什么会使用构图之后，照片更容易好看？因为，构图是根据很多好看的照片，总结出来的技巧，使用这些构图技巧，就相当于站在了巨人的肩膀上，也就是用...
- 掌握框式构图的摄影技巧，会让摄影爱好者的作品更有魅力!
-
很多摄影爱好者都知道摄影构图中有个框式构图，但大多数人对框式构图的摄影技巧，却一知半解。所以摄影爱好者们有必要更全面、深入的了解，并掌握框式构图，会对你摄影水平的提高更有帮助。【欢迎点击上方关注：金立...
- 这个构图很简洁，但为什么不耐看?
-
摄影爱好者最常犯的错就是过于复杂、主体不明确，但当遇到简单的场景往往又会出现单调、不耐看的状况。为什么会这样？说白了还是观察力不够。下面是本周的摄影入围习作，我们一起来看看这些照片中主体、陪体以及背景...
- 初学者需要记牢的八种常用构图法
-
作者：冯海军摄影中，构图很关键，决定照片是否成功，所以在构图上要加以重视和推敲，虽然说构图无定法，但是也有很多的规律可循，以下列举几种常用构图，会对初学者有很大的帮助。多彩刘卫洲摄苏州姑苏俱乐部（...
- 构图这件事不难!掌握14种构图模式就稳了
-
如果说视觉元素是视觉信息的载体，那么构图就是视觉元素的载体。没有适当形式的构图对视觉元素有机、有序地承载，平面设计将无法传达预定的设计意图和视觉信息。因此，对于平面设计而言，构图是平面设计不可或缺的重...
- 框架构图如何使用?
-
1分钟教你用手机拍大片。今天我们利用框架构图，在不同的运镜方法下拍摄。·首先将手机贴近地面，拍摄人物走过的画面。·然后利用3D效果的背景衬托，将手机贴近地面，以低角度仰拍人物。·最后我们用高清画质来呈...
- 面构图的5种超实用的构图形式 前景构图，框架构图，填充构图
-
面构图的5种超实用的构图形式。为什么有的人拍摄的照片好看又舒适？仔细观察会发现他们善用构图。大家好，今天带大家了解摄影中5种超实用的面构图形式。·一、前景构图。前景是构图中的神奇要素，可以提升照片的表...
- 一看就懂!跟着马格南的大师学构图
-
马格南图片社是迄今为止全球最重要的摄影图片社，其网站包涵了太多经典的名字和照片。细细品味这些经典图片，能够学到很多有用的构图手法。跟着大师走，总不会错吧？前后景的运用这似乎是非常常见的一种手法，仔细看...
- 这才是框架构图，有想法!能给你启发么?
-
框架构图大家并不陌生，但并不是有一个框就行了。框架构图用得不好，就很死板生硬，给人感觉很假。如果你理解透了，拍出的作品不会单调。今天就给大家分享一下框架构图，你看看有哪些妙用？1.广角与长焦的应用长焦...
- 7B小模型写好学术论文，新框架告别AI引用幻觉
-
ScholarCopilot团队投稿量子位|公众号QbitAI学术写作通常需要花费大量精力查询文献引用，而以ChatGPT、GPT-4等为代表的通用大语言模型（LLM）虽然能够生成流畅文本，但...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 若依框架 (41)
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- scrapy框架 (52)
- beego框架 (42)
- java框架spring (43)
- grpc框架 (55)
- 前端框架bootstrap (42)
- orm框架有哪些 (43)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle v (42)
- oracle字符串长度 (48)
- oracle提交事务 (47)