讓思路更清晰——我是怎樣使用思惟導圖的

原文： https://blog.coding.net/blog/coding-mindmap
做者：Summer@Coding.net

思惟導圖無處不在

使用思惟導圖的場景無處不在，不管是作產品仍是作設計，咱們都須要清晰的思路，明確本身須要作些什麼，最後須要達到什麼效果，這時候，若是有一張清晰的思惟導圖，就能很快的理清本身的思路。做爲互聯網公司自稱是產品型設計師（也就是既須要幫助老闆整理需求梳理產品，也要設計漂亮的界面）的我更是如此。

下面我從產品、設計等方面談談我是如何運用思惟導圖整理個人工做的。

1 、 需求分析——完善最初的想法

通常老闆只會告訴咱們大概須要一個什麼東西，具體的細節還須要咱們去整理。這時候，我會把大概涉及到的基本點寫在紙上，想到一條寫一條，特別是一些須要注意的地方。

這是很早以前設計冒泡話題列出來的一些關鍵點，我先把我想到的點列出來以後再去整理。

在紙上列得差很少了，再新建一個 XMind 文檔，把以前列的一些點一一轉到電腦上，而後整理分類。

下面這個圖片是當時在梳理碼市需求時畫的，這個圖實際上是不全面的，只是把重要的一些點列出來，爲以後梳理產品的功能結構作準備。

還有，更重要的是在梳理需求時，咱們也就得出一個網站或者 APP 總體有哪些大功能組成部分，也就是在寫產品需求文檔時須要的功能邏輯圖。從這個圖你能夠看到整個項目的主要功能點。

2 、產品設計——梳理產品功能結構

大概的需求點及須要注意的地方出來以後，並不着急畫原型，我必定會先把整個產品的功能結構完整的列出來，包括頁面上全部須要展現的內容，甚至基本的交互流程等。由於若是不這樣作，很容易遺漏一些重要的點。

有了這個功能結構圖，畫原型的時候就能夠一一對照了。固然這個圖也是會實時更新的，我會一邊畫原型一邊更新功能結構，畫原型的時候會很具體的知道每一個元素每一個交互的過程，在思惟導圖裏面有些地方並不合理，這時候就須要咱們來及時調整思路了。梳理功能結構和畫原型是產品設計過程當中相互迭代的過程。

下面這個圖是碼市功能結構中的發佈懸賞功能部分：

而後獲得下面的原型：

3 、設計——尋找靈感

我在設計一個東西一開始基本上是腦子短路，毫無想法，這個時候我會把一些可能的設計點列出來，而後一個個去搜索相關的設計，從其餘設計中尋找靈感。由於對我來講設計根本不存在毫無根據的靈光一現，我必須立足一個個點慢慢發散，而後在中間找到一些靠譜的點去實現。

這是我在以前《如何設計一個「高大上」的 logo 》博客中的例子，從猴子這個點出髮根據具體的要求發散，獲得如今的 logo 。

不只 logo 設計，網站或者 APP 設計一樣須要這樣的靈感，特別是那些須要設計感比較強的首頁、專題或者引導頁面等。把可以表現這個主題的元素或基本點列出來，而後去網絡上瀏覽相關的設計圖會找到一些靠譜的靈感。

下面是去年中秋送月餅的一個專題活動，我列出「猴子撈月」「中秋」「月餅」等一系列關鍵詞找了不少可參考的圖片尋找靈感。

而後本身手繪出基本的草圖，整理修改獲得了下面這個專題頁面。

還有，在作交互比較複雜的設計而且沒有人來畫原型時，把上面第二點說到的功能結構列出來就顯得很是重要了。

固然，有時候咱們並須要完整的思惟導圖，也許幾個擴展的關鍵詞就足夠你設計一個好看的東西了，這是幫朋友設計的他們同窗聚會的 T 恤。

4 、其餘——思惟導圖讓工做、生活更有條理

除了產品和設計上的事情，其實只要我遇到比較雜的事情都會用思惟導圖的形式來進行梳理。

好比讀書筆記，把本身認爲重要的部分記錄下來，並標註重點。

好比作旅行用品清單，這是準備自駕去雲南的時候列出來的，原本是想直接寫在備忘錄裏面，寫了幾條後發現東西實在太多了，必需要分類好，在網上翻看了別人列出來的大張須要物品的清單，瞬間暈菜了，用思惟導圖分類整理一下是否是很清楚了？並且能夠用圖標標註一下當前的狀態，並把重要的事情標星。

再好比，寫這篇文章，我會把我想到的一些點先列出來，慢慢整理調整，這是寫的過程當中的一張圖：

慢慢的變成了最後的這張圖：

思惟導圖繪製形式

最後再說說思惟導圖的形式，其實思惟導圖並不必定就是一張網狀的圖，也能夠是一個個清晰的列表、簡單的關鍵詞。能夠寫在紙上，或打開電腦新建一個 XMind 文檔，又或者忽然想到什麼的時候打開手機的備忘錄，一條條的列出來，均可以。

關於紙筆

拿出紙筆，把本身的一些思路圈圈畫畫是頗有意思的事情。如今的不少人都忘記了寫字，把本身想到的東西寫下來確實能夠很直觀的梳理腦海中的想法。

我最近在練字，你們也看到上面我手寫的那些字確實是很潦草，我如今也相信字如其人，但願本身之後可以手繪出更加漂亮的思惟導圖。能把字寫漂亮也是一件很厲害的事情吧。

關於工具

上面的大部分思惟導圖我都是用 XMind 畫的，你們也能夠嘗試其餘的思惟導圖工具。不過今天我還想推薦你們用 Markdown 來寫東西，簡單的#、##..來標識標題層級，直接用 [TOC] 標出目錄，簡直不能更好用了，我通常就用 Coding 文件裏面自帶的 MD 編輯器。

手機自帶的備忘錄也是很好的記錄想法的工具。

最後再說一句，思惟導圖並非什麼稀奇的東西，其實只須要咱們可以隨時把本身的想法記錄下來，無論什麼工具均可以。