设计大神分享:3部搞定逻辑图PPT，再难也不怕!网友:太强了
ccwgpt 2024-09-14 00:20 84 浏览 0 评论
前两天，有一个读者，在微信上发给我一张PPT案例，问我该如何进行优化：
这张 PPT ，其实就是标准的技术架构图。那对于这类的PPT，我们都有哪些思路进行优化呢？
转发+点赞文章后，点击我的头像，私信关键字【架构图】获取本文所有PPT源文件，直接套用！
如果想要回答这个问题，咱们就需要先来搞清楚，什么叫做架构图呢？
其实非常简单，所谓架构图，包含两个方面，一个是架构点，一个是连接线。而架构图呢，就是用连接线，把多个架构点连起来的一种图示关系。
举个简单的例子，你就明白了：
那明白这一点有什么用呢？
当我们提到要对架构图进行优化时，其实就是对这种图示关系进行优化，这里分为3个方面。
架构点图形样式一致
对于同一个技术架构图来说，为了降低别人理解架构图的难度，架构点的图形样式尽量一致。
举一个实际的例子，比如说像下面这张，我们看到，每个连接点的图形样式，是一致的：
架构图主线保持清晰
不管是多么复杂的架构图，它肯定有一个非常清晰的逻辑关系，这就是架构图的主线，尽量用一种显眼的方式将其呈现出来。
比如说像下面这个案例，主线非常清晰，就是从左到右的逻辑关系：
当然，在很多实际案例中，还会围绕着主线有一定分岔，我们叫它副线。
比如说像下面这个拓扑图，实线的部分是主线，虚线的部分，就是副线：
架构图层级关系分明
前面说了，因为一个架构图有主线和副线之分，所以，在视觉上，尽量也有所区分。
一般来说，我们可以用这3种方式进行层级划分：
比如说像下面这个例子，为了区分不同层级，它使用了实心和线框两种层级：
这就是架构图优化的3个方面。可能有些读者不太理解，没关系，咱们再通过两个案例来具体的说一下。
案例一
就拿开头提到的案例来说：
咱们一起来优化下。
首先，我们先来明确下架构图的主线，这个图示比较简单，也非常清晰，就是两侧推向中间：
接下来，我们来优化架构点的呈现方式，因为目前的架构图色彩过于杂乱，层次不清晰。
一方面是对两侧的技术架构进行优化，减少色彩的数量，保持简洁：
另一方面，对中心的技术模块进行优化：
最后，我们添加相应的箭头，来呈现出其主线的逻辑关系：
最后的最后，我们添加相应的小图标，并将左右两侧的颜色修改，进行对比即可：
你学会了吗？
案例二
这是一张非常复杂的架构图，不同架构点之间的连接关系也很混乱：
但其实，我们不要管它到底有多乱，咱们只需要找到主线和副线即可：
接下来，因为这一张架构图要呈现的逻辑关系，是基于主要业务，来拓展衍生业务，所以，我们可以将其设计成为一张业务生态图的样式：
换成深色背景，另外，再多添加几个圆圈，来增强生态感，效果更加明显：
这里简单说下，这个圆环是怎么绘制的。它利用的，就是形状的渐变填充完成的：
为了方便各位理解，我也录制了一个动图：
最后，我们要做的，只是把内容填充在相应的位置即可。另外，一定要注意层级分明和主线清晰：
明白了吗？
不管我们看到什么样的架构图，别慌，先梳理出它的逻辑主线，然后，利用一些设计方式将其层级划分出来。这就是优化结构图的手法。
当然，如果你能有一些创意的呈现形式，会是不错的加分项。
转发+点赞文章后，点击我的头像，私信关键字【架构图】获取本文所有PPT源文件，直接套用！
辛苦码字，希望大家点赞鼓励
相关推荐
- Spring WebFlux vs. Spring MVC（springboot是什么）
-
背景随着异步I/O和Netty等框架的流行，响应式编程逐渐走入大众的视野。但是，响应式编程本身并不是太新的概念，这个术语最早出现在1985年DavidHarel和AmirPnue...
- 深度解析微服务高并发:适配SpringMVC框架适配模块及实现原理
-
适配主流框架如果不借助Sentinel提供的适配主流框架的模块，则在使用Sentinel时需要借助try-catchfinally将要保护的资源（方法或代码块）包起来，在目标方法或代码块执行之前，调...
- Spring MVC 底层原理深度解析:从请求到响应的全链路拆解
-
一、Servlet容器与DispatcherServlet的启动博弈1.Tomcat初始化阶段java//Tomcat初始化流程StandardContext#startInterna...
- 改造总结之传统SpringMVC架构转换为SpringBoot再到集群
-
改造出发点，是基于现在服务都在向上云的目标前进，传统SpringMVC难以满足项目持续构建、服务节点任意扩展的需求，所以开始了历史项目的改造。项目改造考虑的主要是兼容以前的业务代码，以及session...
- SpringBoot3 整合 Spring MVC 全解析:开启高效 Web 开发之旅
-
在当今的JavaWeb开发领域，Spring框架家族无疑占据着重要的地位。其中，SpringBoot3和SpringMVC更是开发者们构建强大、高效Web应用的得力工具。今天，...
- 一文读懂SpringMVC（一文读懂!残疾人低保边缘家庭能领的超实用福利政策）
-
1.SpringMVC定义1.1.MVC定义Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据View（视图）：是应用程序中处理数据显示的部分。通常...
- 69 个Spring mvc 全部注解:真实业务使用案例说明(必须收藏)
-
SpringMVC框架的注解为Web开发提供了一种简洁而强大的声明式方法。从控制器的定义、请求映射、参数绑定到异常处理和响应构建，这些注解涵盖了Web应用程序开发的各个方面。它们不仅简化了编码工作，...
- Spring MVC工作原理:像拼积木一样构建Web应用
-
SpringMVC工作原理：像拼积木一样构建Web应用在Java的Web开发领域，SpringMVC无疑是一个让人又爱又恨的存在。它像一位神通广大的积木搭建大师，将一个个分散的功能模块巧妙地拼接在...
- 5千字的SpringMVC总结，我觉得你会需要
-
思维导图文章已收录到我的Github精选，欢迎Star：https://github.com/yehongzhi/learningSummary概述SpringMVC再熟悉不过的框架了，因为现在最火的...
- SpringMVC工作原理与优化指南（springmvc工作原理和工作流程）
-
SpringMVC工作原理与优化指南在现代Java开发中，SpringMVC无疑是构建Web应用程序的首选框架之一。它以其优雅的设计和强大的功能吸引了无数开发者。那么，SpringMVC究竟是如何工作...
- Spring MVC框架源码深度剖析:从入门到精通
-
SpringMVC框架源码深度剖析：从入门到精通SpringMVC框架简介SpringMVC作为Spring框架的一部分，为构建Web应用程序提供了强大且灵活的支持。它遵循MVC（Model-V...
- 3000字搞明白SpringMVC工作流程、DispatcherServlet类、拦截器!
-
SpringMVC基础虽然SpringBoot近几年发展迅猛，但是SpringMVC在Web开发领域仍然占有重要的地位。本章主要讲解SpringMVC的核心：DispatcherServlet类...
- 多年经验大佬用2000字透彻解析SpringMVC的常用注解及相关示例
-
SpringMVC注解SpringMVC框架提供了大量的注解，如请求注解、参数注解、响应注解及跨域注解等。这些注解提供了解决HTTP请求的方案。本节主要讲解SpringMVC的常用注解及相关示例...
- 知乎热议:如何成为前端架构师，赚百万年薪?
-
作者|慕课网精英讲师双越最近有一条知乎热议：从一个前端工程师，如何根据目标，制定计划，才能快速进阶成为前端架构师？不久之前我参与了一次直播，讲到了自己对于Web前端架构师的理解。架构师这个角色...
- 学习笔记-前端开发架构设计（前端架构设计方案）
-
前端开发的技术选项主要包含以下几点，下面对一些名词概念的解释做了笔记：1、分层架构：把功能相似，抽象级别相近的实现进行分层隔离优势：松散耦合（易维护，易复用，易扩展）常见分层方式：MVC，MVVM2、...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- Spring WebFlux vs. Spring MVC（springboot是什么）
- 深度解析微服务高并发:适配SpringMVC框架适配模块及实现原理
- Spring MVC 底层原理深度解析:从请求到响应的全链路拆解
- 改造总结之传统SpringMVC架构转换为SpringBoot再到集群
- SpringBoot3 整合 Spring MVC 全解析:开启高效 Web 开发之旅
- 一文读懂SpringMVC（一文读懂!残疾人低保边缘家庭能领的超实用福利政策）
- 69 个Spring mvc 全部注解:真实业务使用案例说明(必须收藏)
- Spring MVC工作原理:像拼积木一样构建Web应用
- 5千字的SpringMVC总结，我觉得你会需要
- SpringMVC工作原理与优化指南（springmvc工作原理和工作流程）
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- scrapy框架 (52)
- beego框架 (42)
- java框架spring (43)
- grpc框架 (55)
- orm框架有哪些 (43)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)