工欲善其事，必先利其器。思維和方法論固然超級(jí)重要，但是掌握并制定適合自己的工作流也可以成倍提升效率。好的軟件加上熟練的使用可以幫助解決遇到的所有問題，不僅可以減輕大腦和身體的負(fù)擔(dān)，更可以讓產(chǎn)品設(shè)計(jì)師在工作中如虎添翼。

本文為作者授權(quán)優(yōu)設(shè)發(fā)布，未經(jīng)作者本人授權(quán)請(qǐng)勿轉(zhuǎn)載，謝謝 ：）

作者微信公眾號(hào)：zhenlei_pd，歡迎同學(xué)們關(guān)注唷。

畢業(yè)季專題：

《畢業(yè)季專題第一期！阿里交互設(shè)計(jì)實(shí)習(xí)生面試階段總結(jié)》?
《畢業(yè)季專題第二期！揭秘天貓交互設(shè)計(jì)師面試過程》
《畢業(yè)季專題第三期！新人的交互設(shè)計(jì)實(shí)習(xí)小結(jié)》
《畢業(yè)季專題第四期！新人的交互設(shè)計(jì)實(shí)習(xí)小結(jié)（二）》

工具有很多，適合不同的人，作為設(shè)計(jì)師，我的日常就是接受并討論需求、拆解任務(wù)、設(shè)計(jì)流程與界面、制作原型和動(dòng)效等。今天給大家介紹一下我每天工作中必用的六套工具，它們滿足了我?guī)缀跛械墓ぷ髟V求，并且效果拔群。

界面與流程設(shè)計(jì)：Sketch + Axure + Xmind

日常工作中，核心的設(shè)計(jì)產(chǎn)出就依賴這三款 App 了。

在需求梳理階段，會(huì)利用 Xmind 繪制腦圖和流程圖，明確所有的設(shè)計(jì)節(jié)點(diǎn)并呈現(xiàn)出來。 Xmind 免費(fèi)版功能足夠強(qiáng)大，支持各種樣式的圖表，并且上手門檻也很低，稍加學(xué)習(xí)就可以馬上投入到實(shí)際工作中。

界面與原型設(shè)計(jì)階段主要靠大名鼎鼎的 Sketch 和 Axure ，前者更擅長(zhǎng)頁面呈現(xiàn)，后者則更注重邏輯關(guān)系。在公司，因?yàn)橄嚓P(guān)組件比較完備，所以設(shè)計(jì)師使用任何一種都能夠快速產(chǎn)出高保真的設(shè)計(jì)圖，應(yīng)對(duì)復(fù)雜業(yè)務(wù)邏輯也都沒有問題。

Sketch 的優(yōu)勢(shì)在于，如果產(chǎn)出物包含了視覺內(nèi)容，則其提供的信息更加精準(zhǔn)，再加上學(xué)習(xí)成本極低，團(tuán)隊(duì)的開發(fā)同學(xué)也要求掌握 Sketch ，這樣設(shè)計(jì)師就不需要標(biāo)注和切圖了，大大提升了工作效率，專注設(shè)計(jì)本身。

而早一些的設(shè)計(jì)師或產(chǎn)品經(jīng)理可能更鐘情于 Axure，畢竟功能足夠強(qiáng)大，又可以產(chǎn)生可交互的原型。因?yàn)椴环奖闶褂猛獠看鎯?chǔ)平臺(tái)，所以對(duì)我們團(tuán)隊(duì)而言，Axure 的 Team 功能是最不可替代的：能夠快速將設(shè)計(jì)稿上傳到服務(wù)器并供所有團(tuán)隊(duì)成員分享和查看。因此即便設(shè)計(jì)師使用 Sketch 進(jìn)行設(shè)計(jì)，也需要將產(chǎn)出物放置到 Axure 服務(wù)器上，方便協(xié)作。

任務(wù)管理：Wunerlist（奇妙清單）

很早以前，我就有嘗試在自己的項(xiàng)目過程中使用奇妙清單來管理日常任務(wù)，但是發(fā)現(xiàn)需求并沒有那么大。而來公司實(shí)習(xí)以后，發(fā)現(xiàn)日常工作的并發(fā)數(shù)量已經(jīng)遠(yuǎn)遠(yuǎn)超過我的極限（我最大線程數(shù)是3，就是一段時(shí)間里同時(shí)把精力分配到三件事已經(jīng)是極限了），常常既要設(shè)計(jì)又要溝通，并且是多個(gè)需求同時(shí)存在，每個(gè)周期還很長(zhǎng)。這個(gè)時(shí)候，任務(wù)管理類軟件的價(jià)值才體現(xiàn)出來。

每次有新的工作需求過來時(shí)，我會(huì)把它先放置到「Tmall Intern」文件夾，并且在主任務(wù)里建立多個(gè)子任務(wù)，還要寫上相關(guān)文檔的地址和注意事項(xiàng)，因此這個(gè)文件夾里的任務(wù)是最重要的。而比較零碎的任務(wù)，比如什么時(shí)間開評(píng)審會(huì)、要記住提醒產(chǎn)品經(jīng)理提供數(shù)據(jù)、或者準(zhǔn)備內(nèi)部培訓(xùn)的資料等就可以直接放在「收件箱」中。每次小塊工作的開始和結(jié)束時(shí)，都要快速瀏覽一下任務(wù)清單，把必要的更新添加進(jìn)去，并把已經(jīng)完成的小任務(wù)清理掉。

另外，奇妙清單用來做記錄也非常不錯(cuò)，不論是普通的溝通還是會(huì)議記錄。上周就有一次和產(chǎn)品經(jīng)理協(xié)商時(shí)某個(gè)要點(diǎn)因?yàn)闆]有及時(shí)記下來，很快就被我忘記了，導(dǎo)致后來出現(xiàn)了很多狀況。而慢慢學(xué)會(huì)將所有的信息都記錄在軟件中以后，就可以解放大腦，不要再費(fèi)力去記住那些復(fù)雜的內(nèi)容，更專注于眼前的工作。

奇妙清單還支持協(xié)作，并且能夠指派任務(wù)、互相評(píng)論。設(shè)置提醒和到期時(shí)間也非常實(shí)用，基本能夠應(yīng)付當(dāng)前的各種工作狀況。最后，產(chǎn)品橫跨所有平臺(tái)，不論我人在哪里，只要看一眼手機(jī)或者電腦，就知道現(xiàn)在需要去做什么事。

Mac 效率提升：Paste + Alfred2 + Dropshelf

量變引起質(zhì)變，每一個(gè)簡(jiǎn)單操作的高效化將會(huì)大幅提升日常工作的效率。

Paste 是一款復(fù)制粘貼板管理軟件，可以將所有復(fù)制過的內(nèi)容（圖片、文本、文件等）記錄下來，并且一鍵快速調(diào)用。簡(jiǎn)而言之，就是你可以方便地管理每一個(gè)復(fù)制過的內(nèi)容（我設(shè)置的是記錄50次）。對(duì)設(shè)計(jì)師而言經(jīng)常需要復(fù)制粘貼組件或文案，因此它真的可以減少很多重復(fù)操作，提升效率。（我推薦給一個(gè)運(yùn)營(yíng)朋友，她更是愛不釋手......）

Alfred2 是 Mac 平臺(tái)上最為傳奇的效率神器，光是快速檢索、打開文檔這一件事就為我每天省下來大量的時(shí)間和操作，不論我在做什么，通過 option + space 就可以打開任何文件和 App，而相比之下 Spotlight 的檢索真的是太慢了。購買 Powerpack 后，還可以使用功能更為強(qiáng)大的 workflow，效率更可以得到成倍的提升。

Dropshelf 則是我上周剛剛購買的軟件，核心功能是在桌面的側(cè)邊提供一個(gè)小格子，用以暫存文件副本，并且在需要的時(shí)候快速打開或拖入設(shè)計(jì)稿中。如果說 Paste 主要管理的是復(fù)制粘貼內(nèi)容，那 Dropshelf 服務(wù)的就是文件中轉(zhuǎn)，比如我在做內(nèi)部學(xué)習(xí)小組的時(shí)候就會(huì)事先把要用到的 demo 文件拖放到屏幕邊緣的小格子里，講解到某個(gè)時(shí)刻就直接打開或者拖到應(yīng)用中，避免了反復(fù)在 Finder 里切換，非常方便。

動(dòng)效與可交互原型：Pixate + Origami

動(dòng)效與原型設(shè)計(jì)的軟件實(shí)在是太多了，我前前后后嘗試、接觸了恐怕有不下十款，而最后則是選定了 Pixate 和 Origami 作為僅存的設(shè)計(jì)工具。

Pixate 前幾天剛宣布加入 Google，Studio 免費(fèi)之后基本告別了之前在 Web 端進(jìn)行編輯的煩瑣和卡頓，同時(shí)還支持 Windows 和 Android 設(shè)備。Pixate 操作非常簡(jiǎn)單，學(xué)習(xí)成本極低，基本通過半天的嘗試就可以掌握核心操作方法，而后面就可以集中思考效果的實(shí)現(xiàn)方式。絕大部分的效果用它來實(shí)現(xiàn)都沒有任何問題，看官方提供的幾個(gè) demo 就知道，即便是復(fù)雜的動(dòng)效它也可以輕松應(yīng)對(duì)，因此作為輕量級(jí)原型設(shè)計(jì)工具實(shí)在太合適了。在我的影響下，團(tuán)隊(duì)里不少設(shè)計(jì)師已經(jīng)開始使用 Pixate 產(chǎn)出簡(jiǎn)單的 demo 用以查看和測(cè)試效果。

與 Pixate 相比，Origami 的陡峭學(xué)習(xí)曲線是大家所公認(rèn)的，說實(shí)話很多時(shí)候我寧可寫代碼實(shí)現(xiàn)也不想去碰 Origami。但是它強(qiáng)大的代碼導(dǎo)出功能、細(xì)致到每一個(gè)設(shè)計(jì)細(xì)節(jié)的動(dòng)效能力又讓人割舍不下。最近，我在團(tuán)隊(duì)中發(fā)起了一個(gè) Origami 學(xué)習(xí)小組，每周兩到三次下班后的學(xué)習(xí)，希望一起深入學(xué)習(xí)這個(gè)軟件。同時(shí)，開發(fā)同學(xué)也會(huì)一起來參與學(xué)習(xí)，我也在嘗試尋找設(shè)計(jì)-開發(fā)流程中的平衡點(diǎn)，讓整體的效率最高。

總而言之，簡(jiǎn)單的效果使用 Pixate 實(shí)現(xiàn)，復(fù)雜的、需要微調(diào)、需要代碼復(fù)用的動(dòng)效則使用 Origami。

注：上文提到的軟件教程：

• 《設(shè)計(jì)利器搶先看！Quartz Composer+Origami 2.0介紹及教程》
• 《動(dòng)效神器第二波！ORIGAMI五分鐘零基礎(chǔ)入門秘籍》

錄屏與演示：Quicktime + PicGIF

做完 demo 之后，除了拿真機(jī)去給開發(fā)同學(xué)或產(chǎn)品經(jīng)理演示，往往還需要把效果錄下來，制作成 GIF 之后不論是發(fā)郵件還是放到任務(wù)管理平臺(tái)都足夠方便。試用了不少錄屏工具，結(jié)果還是 Apple 自帶的 Quicktime 最清晰最實(shí)用，錄制成 mp4 或 mov 文件后，導(dǎo)入 PicGIF 軟件，可以方便地將視頻抽取幀變?yōu)?GIF，并且可以自由地調(diào)整播放速率、幀數(shù)等內(nèi)容。

有個(gè)小 tips 是，演示動(dòng)畫可能還需要有觸點(diǎn)標(biāo)識(shí)，以表達(dá)手指正在進(jìn)行的操作。Pixate 的錄屏功能雖然不夠清晰，卻可以提供觸點(diǎn)顯示，在這個(gè)過程中再使用 Quicktime 錄制就可以實(shí)現(xiàn)最完美的效果啦。

文件傳輸與共享：Pushbullet + Airdrop

做產(chǎn)品分析或者素材整理的時(shí)候，經(jīng)常需要在手機(jī)或 iPad 端截屏，我這一個(gè)月已經(jīng)數(shù)不清自己手機(jī)里存了多少張截圖了，而把頁面平鋪起來確實(shí)是查看和對(duì)比的好方法。我工作中會(huì)用到一臺(tái) Macbook、一臺(tái) iMac、兩部手機(jī)和一部 iPad，那么，怎么將圖片方便地從任意一個(gè)設(shè)備傳輸?shù)搅硪粋€(gè)設(shè)備呢？

Apple 自帶的 Airdrop 是個(gè)很好的選擇，速度很快，也是我用的最多的。但是 Airdrop 常常受到距離的限制（要用藍(lán)牙），并且不知道是不是系統(tǒng)原因，有的時(shí)候又總找不到設(shè)備，所以我還配合使用了 Pushbullet。

Pushbullet 也是跨平臺(tái)的產(chǎn)品，所以 Android 設(shè)備也可以一起加入文件分享啦，通過它可以快速精確地發(fā)送信息到指定設(shè)備，并且能夠像翻聊天記錄一樣查看過往的信息，非常方便。

每個(gè)人都可以構(gòu)建一套最適合自己的工作流，也歡迎大家留言分享你的工具箱，讓大家的效率飛起來。

歡迎關(guān)注我的微信公眾號(hào)：zhenlei_pd，閱讀純?cè)瓌?chuàng)的產(chǎn)品設(shè)計(jì)文章

【優(yōu)設(shè)最新職場(chǎng)好文人氣榜】

作者強(qiáng)調(diào)的是個(gè)人的氣質(zhì)與精神狀態(tài)喲！
《職場(chǎng)看顏值么？聊聊我跟設(shè)計(jì)師的那些事兒》

電話面試是一種怎樣的體驗(yàn)？
《畢業(yè)季專題第二期！揭秘天貓交互設(shè)計(jì)師面試過程》

如何管理不同類型的設(shè)計(jì)師？
《總監(jiān)修煉之路！如何管理才氣型/實(shí)干型的設(shè)計(jì)師？》

作者：@窒息紅Leon

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量98萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：