技術框架圖怎麼畫高大上教程

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文檔，我們在文檔中輸入「企業組織機構圖」，字型大小設置為「一號」。