作為一個工具愛好者，喜歡各種好玩又好用的軟件，這次整理了一些和日常工作相關(guān)的工具。

思維導(dǎo)圖

思維導(dǎo)圖

我使用的第一個思維導(dǎo)圖工具是Xmind，但是用過之后很快就拋棄了。作為思維導(dǎo)圖工具，它太強大了?？梢詽M足所有制作思維導(dǎo)圖的需求。如果你的電腦上只能裝一個思維導(dǎo)圖工具，Xmind就夠用了。

標(biāo)記優(yōu)先級、注釋、評論、超鏈接，并支持十幾種格式的導(dǎo)出，盡管其中大多數(shù)我都不需要。

有Mac版本，更適合團隊使用。

備注

這是一款 Mac 輕量級的思維導(dǎo)圖工具，外觀好看，操作也比較簡單快捷。如果對思維導(dǎo)圖沒有太多要求，Mind Note 就夠用了。我用了半年多了，放棄 Xmind 的原因是 Xmind 的很多功能對我來說都是多余的，而且外觀也沒有 Mind Note 好看。Xmind 現(xiàn)在主要用來打開別人分享的一些思維導(dǎo)圖文件。

百度思維導(dǎo)圖

我不推薦百度思維導(dǎo)圖，但是不得不說，百度思維導(dǎo)圖是一款在線思維導(dǎo)圖，之前因為有些情況下不能上網(wǎng)，而且有時候因為網(wǎng)絡(luò)原因出現(xiàn)一些奇怪的問題，所以放棄了，用了2個月就放棄了。

流程圖

現(xiàn)在我們有了思維導(dǎo)圖，是時候制作流程圖了

艾克斯

是的，Axure雖然可以用來畫原型，但是也可以當(dāng)做流程圖工具（雖然操作起來麻煩一點），對于一些比較復(fù)雜、比較重的流程，Axure也能幫上忙，大多數(shù)情況下都是直接在原型上添加流程圖，設(shè)置點擊跳轉(zhuǎn)后就很好用了。

這是一款在線流程圖工具，目前我畫的流程圖90%都是自己畫的，免費版支持創(chuàng)建10個文件，收費15元左右（永久付費，不是月付）可以創(chuàng)建60個文件，我交了15元，兩年都沒用完。

除了畫流程圖，還可以畫UML，泳道圖等等sketch和axure區(qū)別，顏值不低，看過我的需求文檔的都問我流程圖用什么畫的。

文檔

現(xiàn)在是開始編寫文檔的時候了。

石墨

我已經(jīng)使用 兩年多了，我向整個團隊推薦它。我對 的第一印象是，我不必?fù)?dān)心排版，添加表格和圖片也沒有那么痛苦。

在有道云筆記越來越重之后，我開始尋找替代品，嘗試過、、Docs、印象筆記等主流寫作協(xié)作工具，但最終回歸了，因為它的共享、協(xié)作、美觀、易用，最終回歸了。

有道云筆記

有道云筆記是我使用的第一款筆記軟件，它保存了我在 4399 工作中 80% 的文檔。后來我放棄了它，因為它變得越來越復(fù)雜，離“筆記”軟件越來越遠(yuǎn)。離開 4399 后，我就不再使用它了。

原型、繪圖

文檔已基本完成，添加了原型，UI 已準(zhǔn)備好啟動

艾克斯

Axure 是我用過的最好的原型設(shè)計工具，我記得從 6.5 版本就開始用了，雖然 Axure 看起來很復(fù)雜，但是只要有了一些自己習(xí)慣的組件庫，做出一些靜態(tài)原型還是很快的。

我覺得Axure的魅力在于組件交互、動態(tài)面板、頁面跳轉(zhuǎn)、變量設(shè)置、重復(fù)器等，Axure可以模擬一些真實的情況，比如后端的增刪改查，客戶端的隱藏、收起、折疊、展開，各種滾動等。

但是現(xiàn)在我也放棄了Axure，因為它在Mac上不太流暢，非?？?，不舒服。

PS 是一個繪圖工具，不過在用 Axure 之前sketch和axure區(qū)別，我一直用 PS 來畫原型。PS 可以說是無所不能，圖片編輯、繪圖、設(shè)計等功能一應(yīng)俱全。這個我就不細(xì)說了，但是如果要操作的話，PS 是必須要懂一點的。

題外話，作為UI工具我還是覺得它更合適，PS cc版本更新的“畫板”雖然也有類似的功能，但還是不太好用。

藍(lán)色瀉湖

Blue Lake 是一款產(chǎn)品設(shè)計協(xié)作平臺，這里推薦它是因為它的插件非常好用，在 cc 版本中，通過 Blue Lake 插件可以將“畫板”里的設(shè)計稿直接同步到 Blue Lake 上，而且 Blue Lake 支持無注釋。

設(shè)計師用它來做標(biāo)記是不科學(xué)的，做標(biāo)記的時候甚至還要檢查設(shè)計稿，很容易造成標(biāo)記與設(shè)計稿不一致。

作為UI設(shè)計工具，它比PS好在哪里，我從四個方面來講一下：

1.作為設(shè)計師，style+可以更好的管理你的設(shè)計規(guī)范，提高工作效率，在即將推出的47版本中，可以實現(xiàn)樣式共享，更加適合團隊協(xié)作；

2.原理和前端代碼很相似，文件解析之后就變成json文件了，作為設(shè)計師在使用的時候也可以了解到控件、布局、視圖等前端開發(fā)原理，方便和開發(fā)者的溝通探討；

3、其他很多設(shè)計工具支持文件的直接導(dǎo)入或讀??；

4.有很多強大的插件。

作為原型制作工具，在繪圖速度上也比Axure要快，為此我特意做了一套控件庫，制作靜態(tài)原型的效率和Axure相差無幾。

然后我推薦三個插件，說的太多了，就不詳細(xì)講解這三個插件了：

插件：原型設(shè)計工具

craft：自動填充文本、圖像、URL 和 json

：導(dǎo)出和注釋工具

作者：anima：自動布局

墨刀

Modao 也是一款非常不錯的原型設(shè)計工具，我喜歡 Modao 的原因是畫移動端原型的時候可以直接在手機上體驗，不過我很少用 Modao 的組件庫，都是在線制作，用 Modao 的插件上傳到 Modao，然后設(shè)置點擊效果。

動畫片

XD 和墨刀

這兩個功能差不多，都是直接在頁面區(qū)域內(nèi)禁止點擊，點擊后跳轉(zhuǎn)。部分頁面的跳轉(zhuǎn)關(guān)系沒什么區(qū)別。

不推薦。和上面兩個類似，也能制作出一些粗糙的動畫效果，但比較繁瑣，而且是用代碼控制的（ ），也就是說需要懂一點代碼。而且在設(shè)置界面的時候?qū)胍膊挥押?，所以不推薦。

艾克斯

Axure 比較適合做一些粗略的動畫，粗略的表達(dá)一下意圖。不過如果時間有限，也可以直接跟競爭對手的產(chǎn)品對比。

可以把它看作是 Mac 里的 PPT 軟件，動畫效果更加細(xì)致，之前做禮物連擊和禮物特效的時候，就用它給開發(fā)者和設(shè)計師做了高保真的演示，幾乎可以模擬所有的動畫和特效，還可以把你設(shè)置的一些參數(shù)（怎么移動，動畫時長）高保真地給開發(fā)者參考。

原理和Magic Move很像，有清晰的時間軸，參數(shù)可以直接提供給開發(fā)者。還可以直接導(dǎo)入文件，支持手機預(yù)覽，導(dǎo)出mov和gif。

不過我還沒有深入研究過，只是看過基礎(chǔ)教程和別人做的一些demo，相比其他做動畫的工具來說，實用性比較強（參數(shù)可以直接給開發(fā)者），學(xué)習(xí)成本低。

這個只是推薦給UX的，不過UX的都應(yīng)該知道，我自己也是門外漢，所以這里就簡單介紹一下吧。

這是團隊開發(fā)的一款動效軟件，之前依賴QC（），是QC的一個插件，現(xiàn)在是獨立的app。

不推薦的原因是學(xué)習(xí)成本太高，資料少，對于UX以外的同學(xué)來說，實際產(chǎn)出很低，之前做過一個按鈕點擊效果，然后就放棄了。

設(shè)計對接

到這一步，需求文檔、原型、設(shè)計稿都有了，那么如何跟開發(fā)對接呢？

藍(lán)色瀉湖

其實最好用的有，但是在國內(nèi)用很煩，頁面一直在那里。對于設(shè)計稿的版本管理也很好用，不過團隊版需要付費。

不過一般來說設(shè)計管理是設(shè)計師自己負(fù)責(zé)的，所以大部分團隊都沒有這個步驟，在我自己的項目里，我就用它來管理設(shè)計資源。

項目管理

項目管理關(guān)乎人員和團隊，而非工具。同一種方法可能不適用于所有團隊。

以下是我用過的兩套推薦。

經(jīng)濟實用

卓越 +

Excel 管理時間、日程表等，用于拆分需求和進行任務(wù)管理。您也可以使用。類似的免費產(chǎn)品具有類似的功能，并且易于使用和執(zhí)行。

一般情況下

豪華高級

+

（僅限Mac）相比Excel，輸入成本略高一些，但更精細(xì)化，適合習(xí)慣精細(xì)化操作的團隊。需要自己搭建服務(wù)器，也可以在此基礎(chǔ)上做一些定制化開發(fā)。

文件同步

這個也要看團隊，看大家習(xí)慣用什么類型的工具，一般有兩種：版本控制型、網(wǎng)盤型

版本控制

SVN 版本

我在4399的時候，把產(chǎn)品文檔，原型圖，設(shè)計稿，剪貼圖等都保存到了SVN上，因為開發(fā)人員也在用SVN，所以我也順便用了一下，方便他們使用。

git

在我自己的項目里，因為我們沒有SVN，所以就用git，我用它保存文檔和設(shè)計稿，同步給開發(fā)人員，程序員的代碼保存在碼云里，我同步app的最新版本，這也是為了方便程序員。

網(wǎng)盤類型

最好的網(wǎng)盤是用的，其次是360網(wǎng)盤無客戶端版本，不過前者被封，后者被關(guān)閉。

很久沒用云盤了，如果用的話大概會用堅果云。云盤的好處就是沒有學(xué)習(xí)成本，只需要注冊個賬號，建個文件夾就可以了。我們做運營的時候都是一起用360云盤，很好玩。

瀏覽器

它保存了我所有的賬戶密碼、書簽和多個終端的登錄賬戶。即使我沒有VPN，我也推薦它，因為它有各種插件和開發(fā)者模式。為什么不使用它呢？因為我是谷歌的粉絲。

推薦3個插件：

1.：去除廣告。（視頻里的開場廣告是去不掉的，據(jù)說可以，不過我沒試過。）

2. 新標(biāo)簽頁：每次打開新窗口都會展示最熱門的內(nèi)容，了解最新設(shè)計趨勢，提升你的審美品味。

3.：直接解析json數(shù)據(jù)，無需百度第三方。

編輯

文本

我使用編輯器的用途有 1. 記事本；2. 格式化文本；3. 用 Excel 進行一些文本處理；4. 嘗試在沖動下輸入代碼。對我來說，以上兩者之間的唯一區(qū)別是它們看起來更好。

用編輯器做成.txt的好處是不用擔(dān)心意外關(guān)閉或者斷電，因為編輯器會保存。還可以批量選中編輯。做成txt用起來很完美。也可以寫，或者HTML。幾個月前學(xué)習(xí)的時候就用過。

（順便說一句，我剛剛看了一下基礎(chǔ)語法，完全糊涂了）

如有侵權(quán)請聯(lián)系刪除！