技术框架图怎么画高大上教程

1. 一张图讲清楚产品架构，手把手教你画产品框架图

什么是产品架构图

产品架构图是产品经理用来表达自己产品设计机制的一张概念图：

它将可视化的具象产品功能，抽象成信息化、模块化、层次清晰的架构，并通过不同分层的交互关系、功能模块的组合、数据和信息的流转，来传递产品的业务流程、商业模式和设计思路。

由于产品架构图通常用于比较复杂的产品项目中，目前介绍产品架构图的相关书籍和资料极少（尤其是入门级别的资料很少提及），却是设计复杂产品时不可或缺的文档之一。

没有资料的探索过程漫长且没有方向，在终于有所沉淀后，我花了四周写下了这篇总结，希望可以为你绘制产品框架图时提供简明的参考。

为什么要画

梳理自己对产品方向的判断：

思考这张图如何设计的过程，也是帮助你梳理“半年内自己的产品该往何处去、需求应该如何分期和落地、和其他产品的依赖&竞争关系是什么、未来的可拓展性在哪里”等问题的过程。

为技术&运营的输出形成支撑：

当这张图被设计出来后，按照产品架构图的结构和路径，项目的里程碑（RoadMap）就可以被清晰的拆解出来，同时项目成员也可以根据这张架构图产出运营计划、技术系统架构方案等强依赖产品方向的方案。

让他人可视化的理解你的产品架构：

能较为清晰简单的呈现自己的思路、明确自己的产品边界、指明发展的方向，常用于在项目规划或项目总结中进行演示，帮助不了解你的产品的人快速的建立对你的产品结构、功能、复杂度的认知。

何时需要画

建议在复杂项目开始前写：

当你要开始设计一个系统性、完整的需求时，如果跳过画产品架构图的步骤，直接开始画原型、写PRD、kick off，就很容易发生“改了又改”、“做了一版需求然后又推翻”的情况。

但“种一棵树最好的时间是十年前，其次是现在”：

如果你的项目已经进行到一半，自己却从未产出过这张图，那么就从此刻开始，按照下文的步骤尝试为自己的产品产出一张产品架构图吧。

如何画

之前我们分享了【AR最全干货及资料】设计AR产品，你一定要看的总结 ，你可能对AR相关的背景知识已经有所了解。为了分享的延续性，我们来做一个大胆的假设*：

假设你是 微信-扫码功能 的产品经理，有一天老板把你叫到办公室，一番鼓励后拍着你的肩对你说：

“苹果发布会看了没？苹果这么重视对AR能力的支持，我们微信也要赶紧把AR功能做起来。这是个Allen（张小龙）很重视的项目，你回去好好设计一下，明天来跟我过方案。记住，要能够一炮打响，全民参与喔！”

啊，张小龙级别的项目啊！明天就要出方案，怎么办 ？

画前准备

列出问题域

在需求初期，产品经理得到的往往只是一句比较模糊的需求描述，它们可能来自于老板、运营或用户。

直接把这句话作为核心产品功能是不恰当的，合理的做法是先把这个产品所有的问题域列清楚。

“问题域”是指自己的产品能够解决的所有问题的空间集合。从核心需求出发，将所有当前需要解决、未来可能要解决的问题放入产品框架的范围，能够帮助你的产品架构图拥有更高的可拓展性，在后续具备迭代和优化的空间。

以微信AR的需求为例，问题域是这样一个集合：

详细操作步骤：

1. 找到收到的需求中，跟产品形态、产品目标相关的词句，去列出“XX的流程会是什么样”、“XX该怎么达成”之类的问题，直到如果这些问题解决，能够实现核心需求的方向和业务目标。

2. 去逐次寻找这些问题需求被解决的过程中，是否有其他要先解决掉的问题、或者其他跟业务相关的问题能够被解决/改善。

3. 按照层级去罗列出所有的问题，并附上自己的初步回答，从而形成一个初步的、自己的产品能够解决的“问题域”。

确定产品方向

在经过问题域的罗列后，你应该能够得到一个模糊的产品方向和功能范围。把这些问题域的答案抽象总结成一个确定的产品需求。

以微信AR的需求为例，根据问题域，我们发现需求不只是扫码组件增加AR识别能力这么简单，整个需求里需要引入广告主的角色，并且需要和广点通、腾讯开放平台等团队合作。最终得到的产品方向描述是这样的:

详细操作步骤：

问题域的环节非常发散，这一步需要回归基础，把模糊的需求补充、拓展和翻译成一个在商业模式和用户体验上能够形成闭环的产品需求。

1. 核心需求确定：我的产品核心解决的是哪批用户、哪个用户需求？

2. 产品目标：如果以一个数字指标衡量我的产品，它应该是什么？

3.用户场景：核心需求基本的产品形态、用户使用的路径是怎样的？

清晰的业务流程

这一步需要根据核心产品需求和问题域的答案，画出简单的业务流程。业务流程是产品设计中常见的图表，绘制方法就不再多做说明。

以微信AR的需求为例，从广告主准备AR互动，到用户在前台使用摄像头参与互动，整个业务流程如下:

着手绘制

搭建基础框架

基础的产品框架脱胎于业务流程，但相比业务流程，更加注重产品功能的枚举、功能模块之间的分界。

详细操作步骤：

1. 对照业务流程，根据自己设想的产品机制、基本产品形态和用户的使用路径，列出需要的页面&功能&模块等前后端逻辑。

2. 将刚刚得到的多个流程图中所有功能类似或者范围有包含关系的机制/功能放在一起，以模块化的形式形成一张简单的矩阵图。

3. 将明显是同一个产品范围、同一组产品功能的模块放在同一层级，得到一个基础的产品框架。

明确架构分层

一个具备前后台关系的产品架构图至少分为三层：用户感知层（在何种场景下通过何种方式触达用户）、功能模块层（通过哪些功能模块实现产品的核心功能、和哪些外部平台功能有信息交互）、数据层（产品的数据从哪里来、产品的数据沉淀到何处去）。

在上一步进行简单分层后，我们已经得到一个初步框架，但是难免会有分层不明确的问题。此时需要按照两种维度来处理架构图的层级：不同信息层级的边界、同一层级内模块和模块的边界。

1. 处理不同信息层级的边界：

架构图的层级表达的其实是信息之间的流转关系，不同信息层级之间一定是有逻辑关系的。

其中用户感知层和数据层通常可以简化为一层（用户端的功能表达往往逻辑简单、数据的来源问题则不是自己产品的核心功能），而功能模块层则需要按照自己产品的逻辑去将功能模块层内的主要模块变成新的层级。

2. 处理同一层级内子模块的边界：

各层次之间虽然相关，但同一层次内的子模块之间一定是互相独立、界限分明的（常常对应着不同的开发团队和系统应用）。将解决不同问题的功能拆分成两个子模块，做到一个问题只在同一层解决，避免牵一发而动全身的情况出现。

3. 明确产品间的边界：

产品边界对于开发设计系统架构、业务间的合作模式都非常重要。用不同颜色标识清楚产品框架中，各个部分所属产品的边界，通常其中属于自己团队的部分用亮色表示。

加入信息流转机制

产品架构图在表达产品的核心功能外，也应该体现信息流动的路径：当前层级数据的交互形成产品功能，产品功能又产生新的数据，从而推动下一层级的功能运转起来。

如果当前产品的主要使用角色只有一个，则只需要用箭头标明模块间信息流动的方式即可。如果当前产品会涉及的主要角色比较多，则需要用不同颜色的线条将他们和各个模块之间的信息交互关系外化出来。

最终检查

一张好的产品架构图，应该具备以下特点。

清晰的模块功能边界

功能经过抽象，做到标准化、互相独立

上下游产品功能边界清晰，架构分层明确合理

具备迭代优化的能力

记得不断根据你的产品的发展情况来更新产品架构图，每次修改的过程对提升产品架构能力的帮助非常巨大。

————————————————

原文地址：https://blog.csdn.net/pmcaff2008/article/details/78111282

2. 研究生技术路线图怎么画

技术路线图实施阶段：主要包括七个步骤

1、确定技术路线图的主要产品。在这一步骤中所有的市场需求都必须明确并同时得到团队成员的一致认可。这对所有技术路线图实施者能够共同协作与实施的必要条件。在这一步骤中如果不能够确定市场需求则需要基于市场事实的假设与论证进而得到最终的结果。

2、确定系统关键需求与目标。一旦关键系统需求被确定且明确，一个技术路线图的整体框架将会为企业建立。技术路线图的要求也就有目标了，例如可靠性与成本等。

3、确定主要技术领域。在这些领域，可以帮助实现系统的关键要求。每个技术领域的若干技术可以被找到。例如技术领域：市场评估，跨领域技术，构件化开发和系统开发。

4、确定技术驱动及目标。在这一步骤中，关键系统需求在特定技术领域从步骤2转化为技术驱动力（与目标）。这些驱动是关键的因素将决定哪些替代性技术会被选出。驱动在很大程度上依赖于技术领域，但它们涉及到技术如何满足关键的系统需求。

5、确定替代性技术与时间表。在这一步骤技术驱动及目标被确定。于此同时能够满足这些目标替代性技术也会被确定。对于每一种替代性技术都必须确定其是如何满足技术驱动与目标的。

6、时间。时间这一因素可以适应适合特定的情况。这个时间跨度为电子商贸及软件相关的行业通常是短期的。其他区别，可于规模和时间间隔。

7、确定需要推进的替代性技术。因为替代性技术在成本，时间等方面的区别，因此必须确定所要推进的替代性技术。在这一阶段由于不同的替代技术不同的目标以及所需要的成本甚至子目标与全局目标的关系，因此必须权衡利弊做出最终决定。

种类：

技术路线图的种类很多，根据其执行层次或规模可以分为公司层的技术路线图、行业层的技术路线图、计划层的技术路线图（program-level roadmapping）和项目层面的技术路线图（project-level roadmapping）；根据绘制过程的不同可以分为市场驱动的技术路线图、技术驱动的技术路线图和科学驱动的技术路线图。

当然，根据技术路线图的不同应用目的和构建方法，还存在其他的分类形式。如美国圣地亚纳国家实验室（Sandia National Laboratories）将技术路线图分为三类：产品技术路线图、问题导向的技术路线图和新兴技术路线图(MarieL, Olin H, 1997)。

Radnor将技术路线图分为：行业路线图（如铝工业路线图、玻璃工业路线图、半导体工业路线图等），技术开发路线图（如半导体技术路线图、美国电子机器制造者协会的电子技术路线图），产品开发路线图（如摩托罗拉产品路线图），产品技术发展路线图（如朗讯产品技术路线图）( 1998）。

Kostoff等学者还按照技术路线图应用的领域及其目标将技术路线图分为四类：科学技术路线图、工业技术路线图、公司产品技术路线图和产品或证券管理路线图。这些种类的技术路线图现实地反映了技术路线图的广泛应用前景。

3. 框架图 流程图用什么软件做

框架图和流程图用Microsoft Office Visio来制作，这款软件专门针对框架图和流程图设置了完全可视化的操作。包括在设计框架图和流程图时候所需要用到的各种箭头及框架图形，可以随意复制、拖动、添加标注以及友好的排版功能。

相比较word制作框架图和流程图来说，Microsoft Office Visio可以生成多种标准图表、框架图和流程图。同时更为出色的是这款软件不需要操作者进行前期大量的学习或培训，基本上对操作者的要求程度较低，即会使用正常的办公软件就可以轻松上手Microsoft Office Visio。

(3)技术框架图怎么画高大上教程扩展阅读：

Office Visio 是office软件系列中的负责绘制流程图和示意图的软件，是一款便于IT和商务人员就复杂信息、系统和流程进行可视化处理、分析和交流的软件。使用具有专业外观的 Office Visio 图表，可以促进对系统和流程的了解，深入了解复杂信息并利用这些知识做出更好的业务决策。

Microsoft Office Visio帮助您创建具有专业外观的图表，以便理解、记录和分析信息、数据、系统和过程。大多数图形软件程序依赖于结构技能。然而，在您使用 Visio 时，以可视方式传递重要信息就像打开模板、将形状拖放到绘图中以及对即将完成的工作应用主题一样轻松。

Office Visio 2010中的新增功能和增强功能使得创建 Visio 图表更为简单、快捷，令人印象更加深刻。

4. 怎么用word做框架图

您好，1、电脑打开Word文档。
2、打开Word文档后，点击工具栏中的插入选项，然后点击插入中的智能图形选项。
3、点击智能图形页面后，点击选择框架图类型，选择框架图，点击确定。
4、点击插入框架图之后，在Word文档中点击文本编辑文字就可以了。

5. 知识框架图是怎么画出来的用电脑

首先了解你要画的是哪一个方面的知识框架，然后确认一个主题，这个主题包含几个概念，每个概念又包含几个要点，这样向下分支就可以，建议你可以使用
MindManager汉化版的，这个思维导图软件画知识框架简单。你可以把要画的知识框架用这个软件标示出来。下面简单制作了一下，你看看大概的效果吧，希
望能对你有所帮助。

6. 如何制作论文技术路线图

很多人都不知道如何制作论文技术路线图，那我们就一起来看看吧！

工具/材料

Word

明确论文研究的具体内容。在制作技术图之前首先要去仔细阅读论文的写作内容，理清论文研究的逻辑顺序非常重要（可以先画一个大体框架便于理清顺序），制作的技术路线要清晰明了便于读懂。

新建绘图画布，在插入-形状-新建绘图画布中。这一步的目的主要是制作技术路线图的区域可以得以固定，同时也便于后期就修改。如果直接在文本编辑中制作的话，操作起来会比较浪费时间。

插入文本框。在绘图画布中，依次插入文本框，文本框的形状也可以自选，一般会选择常用的长方形或者椭圆形，这样看起来简单清晰。在这里咱们选择长方形，看起来美观一点。文本框插入后，点击鼠标右键编辑文字，输入需要的章节内容。

插入链接箭头。一般以箭头串联每个文本框的形式，来让咱们的技术路线更加的有逻辑性，这样读者也可以顺着箭头的指向来阅读、理解。

调整整体格式。这一步很重要，读者第一眼看到的就是整体结构，所以对于整体的格式一定要美观。在我们把大体框架制作完成以后，就要一步一步的调节格式，不管是文本框的大小，还是字体大小或者颜色都是不可马虎的（天下大事，必作于细）。

7. 产品架构图的定义和基本画法

本小节主要介绍 产品架构图 的相关知识，整个内容框架分为三个部分，分别是： 产品架构图是什么（what） ； 为什么要画产品架构图 （why） ； 如何画产品架构图（how） ，下文将对各部分的内容做详细介绍。

1、产品架构图的定义

产品架构图是一种将具象产品的业务架构、功能架构、信息架构、技术架构，生态架构以及商业模式等，通过层级划分、模块组合，而设计出的可视化图形，其抽象且精简的表达形式，很适合用来介绍复杂产品体系。常见的产品架构图有业务架构图、功能架构图、信息架构图，以及混合架构图。

有句俗语叫做： 思考常常越复杂，形式往往越简单 。人类历史上许多伟大的知识和定律都是以精简而优美的形式表达出来的，例如亚里士多德的三段论表述、牛顿的三大定律、欧拉的上帝公式，达尔文的进化论表述等。思考的足够通透后，只需要用简单的形式就可以表达复杂的体系结构和逻辑关系，相反很多看似简单的表现形式，背后却承载着巨大的复杂。

对比各种产品输出物（文档、原型图，流程图等），产品架构图的形式最为精简，都是由单一的矩形控件排列组合形成，但却在所有的产品输出物中拥有最高的抽象程度和复杂度，输出产品架构图是对产品经理产品设计能力的衡量和体现。

2、为什么要画产品架构图

在进行产品设计的时候，首先应该输出的是产品功能架构图，思考这张图如何画的过程，是帮助你梳理产品设计思路以及确定产品边界过程。例如，现在让你设计一个CRM系统，可以试着先画出具体业务的CRM系统的功能架构图，在画的过程中，会辅助你思考整个CRM系统有哪些核心功能模块组成，各模块的关联关系是怎样的，每个阶段应该做什么，从而形成完成的产品设计思路。

其次，产品设计的过程就像是盖大楼的过程，输出产品功能架构图就好比是搭建大楼地基的过程，产品原型设计的过程就像是大楼建造的过程，地基没有问题，后面的添砖加瓦就不会有太大问题。如果一开始地基质量就有问题而没有被重视，后续盖了一半发现整个工程出现问题，修复重建则会浪费巨大的资源和成本。所以项目初期产品功能架构图是很重要的交付物，当你要开始设计一个完整的产品方案时，如果跳过画产品架构图的步骤，直接开始画原型、写PRD文档，就很容易发生改了又改，甚至是做了一版需求然后又推翻的情况。

最后，在产品上线后无论是对内普及还是对外推广都需要有高度抽象，简洁易懂的载体来介绍产品整个情况，介绍和推广的不可能去用繁杂的页面和文字去描述，这个时候产品架构图会是介绍整个产品理念，功能和设计的一个很好的传达媒介。

3、如何画产品架构图

上文介绍了什么是产品架构图以及为什么要画产品架构图，接下来要介绍如何画产品架构图，产品架构图的画法主要分为四个步骤，分别是：（1）确定对象；（2）拆解结构；（3）挖掘关系；（4）表达输出。

图5-1产品架构图的画法

（1）确定对象

首先要明确产品架构图描述对象的范围和边界是什么，例如，对于一个CRM系统，要画的是CRM系统的业务架构图、功能架构图、信息架构图、还是综合了多种元素混合在一起的混合架构图。

（2）架构拆解

确定好描述对象的类型后，要对其进行架构拆解，例如，输出一家借贷平台的业务架构图图，可以拆解为贷前业务、贷中业务，贷后业务等。又例如输出一个CRM系统的功能架构图可以拆解出整个CRM系统的功能模块，如账户管理模块、客户管理模块、用户管理模块、权限管理模块，系统设置模块等。

（3）关系挖掘

输出对象的架构拆解完成后，需要发掘出各个模块之间的关联关系，同样以CRM系统的功能架构图为例，在拆分完整个系统的功能模块时，接下来要分析出各个功能模块的关系，产品架构图内部元素之间的关联关系主要有四种：统计并列关系、父子包含关系、辅助支撑关系，底层支撑关系。

（4）表达输出

确定了各个功能模块的关系之后，则需要进行关系表达，层级相同的模块元素，则按照同级并列关系，需要排列在一起。

例如，在CRM系统中，客户管理模块和权限管理模块就属于同层级的并列关系。而权限管理模块和权限分配这个功能模块之间则属于父子包含关系，在表达父子包含关系时，通常父级模块会包含住子级模块。

其次，一些产品的非核心的功能模块或者产品之外的一些功能模块，例如第三方平台的短信功能模块，这些模块对产品自身功能的实现起到了一定的辅助作用，与其他产品功能模块呈现出辅助支撑的关系，辅助支撑模块一边画在产品架构图的右侧。

最后是底层支撑关系，例如产品的 会员体系 是建立在账户体系的基础上的，所以账户体系与会员体系属于底层支撑关系。底层支撑关系的表达方式一般是支撑模块在底下，被支撑模块在上面。这些基本关系的图形化表达方式，会在后面小节结合实际的案例做详细介绍。

整个边界范围内的结构关系表达完成后，整体检查一遍是否有遗漏和错误，检查完毕后配上整个架构图的标题，架构图标题往往是对整个架构图内容的说明，一般放在最上面或者框架左右两边，最终输出完整的产品架构图。

爱因斯坦说过： 如果你不能把一件事情用最简洁的语言描述清楚，说明你还没有理解他。 对于产品架构图而言： 如果你不能用简单的矩形， 通过 排列组合的方式 ， 把一个复杂的产品 结构描述 清楚，说明你还没有真正理解 你做的产品 。 所以，在日常的产品工作中，要培养自己去画产品架构图的习惯，培养抽象思考能力的同时，辅助自己高效的完成产品方案设计。

原文地址：https://www.cnwebe.com/articles/157113.html

8. 如何用ominigraff画系统架构图

你好，系统架构图的对象都能在Omnigraffle里找到，不必使用图形工具一个个绘制，但是这里我也介绍一下图形工具如何绘制的，在上方工具栏点击“图形工具”，右侧的对象检查器里可以选择不同形状的图形，我这里选用四周圆润的矩形，在画布上画出较大的一个，之后可以一直使用这个形状，或者自由改变，根据自己的逻辑结构排列这些图形即可。

您可以去官网看看网页链接，应该能找到不少资料。

9. 怎么用Word制作框架图

word里制作框架图具体步骤：

1、新建一个word文档，我们在文档中输入“企业组织机构图”，字号设置为“一号”。