工具資源：設計師理想的工作流

FrozenTeeth say: 作為一個富有經驗的設計師，Keaton Herzer 通過不 (xin) 斷 (suan) 探索使用了許多工具，並展示了一個想法（從工具角度）從產生到實現成 App 的全過程，雖然有很多吐槽，但其中提到的許多工具其實都非常實用，有付費也有免費的，大家不妨一試哦。

預計閱讀時間：5分鐘

作為設計師，我們總是在不斷地探索更好的工具。通過大量的試驗，我終於找到了理想的設計工作流，我把它們分享給你，希望幫助大家建立良好的習慣。

1）手繪（紙筆）-- 所有偉大的設計都是從紙上開始的。拿出你的紙筆開始畫圖形吧。

2）下一步，就是用手機給你的手繪拍張照，然後把你的想法寶寶扔進 POP，這樣就可以測試你的原形了。

3）接下來就該畫線框圖了。僅有手繪是不夠的，線框圖絕對是 100% 需要的，沒別的辦法了。快去打開 Omnigraffle 製作線框圖吧。

4）現在你發現需要一個下拉菜單，所以只好在 Balsamiq 裡面重做原型。

5）接著，你發現自己*敏感詞*的恨死 Balsamiq 了，所以你在 Axure 裡面重做。

6）接著，你又發現自己*敏感詞*的恨死 Axure 了，所以你投向了 Adobe Illustrator 的懷抱，花 89$ 買了個 UI 線框圖套件。

7) 現在就可以把線框圖導成 PNG，然後導入 Invision 來與你的團隊協作。

8）第二天早上，你哭著吃下一大碗麥片，因為隔壁老王對你的 Invision 原型刻薄的評論。於是你決定再也*敏感詞*不用 Invision了。因為隔壁老王。

9）你在 Marvel 裡面重做了你的原型，並在心裡默默期盼老王並不懂怎麼在 Marvel 裡面留下評論。

10）終於成功了！線框圖通過了。不用感謝老王，下面開始進行高保真原型設計。

11）拽出你庫存的圖片（大家都用的那種），然後用 Photoshop 處理一下。

13）現在可以打開 Sketch 為你的應用進行 UI 設計了。看起來都有點像真的應用了呢！

14）然後把這些導出的 PNG 圖片導入到 Flinto Lite。

15）然後你發現需要做交互動效，所以又花 99$ 買了一個 Flinto for Mac。

16）然後你的老闆/ 股東 / 客戶並不想在手機上再多添一個應用，於是他們拒絕下載 iPhone 上的 Flinto 應用。

17）把你的設計導入到 Principle 裡面加上交互。

18）發現 Principle 導出的像是*敏感詞*的視頻，放棄治療40秒。莫慌，深呼吸，一切都會好起來的。昂。

19) 下載了 Pixate, 因為它免費。何樂而不為呢？

20） 學習使用 Pixate。(我祝你好運）

21）現在你想做的是，砸，電，腦。不過我勸你控制住自己的衝動，這只是創作過程的一部分。在站起來之前總是會先被打倒的，這些挫敗不應該讓你放棄。

22）當你被 Pixate 逼到快發瘋的時候，你趕緊調轉方向下載了免費試用的 Framer。

23）然後你去吃了個午飯。

然後回來發現 Framer 試用到期了。

......

24）於是你在 Justinmind 裡面重新畫了你的原型圖。

25）把你的 Justinmind 發給團隊小夥伴，結果沒人能打開，因為沒人知道*敏感詞*的 Justinmind 是什麼鬼。感覺身體被掏空。

26）本來打算跳樓了，結果你聽到朋友跟你推薦他們在 meetup/某大會/某博客/ TED 演講/Product Hunt 得知的最新設計軟體。你突然又感覺精神多了。

謝謝閱讀。希望能幫到設計師/學設計的朋友們。

好吧，我承認以上吐槽基本是玩笑。我並沒有發明出最完美的各種設計工具相結合工作流。而且其實我也不認為這存在。

因為設計的重點不是工具。設計的重點是解決問題。

用那些能幫你解決問題、完成工作的工具就行。

原文：The Ideal Design Workflow

------------------------------------活動手指和腳趾的時間到了-----------------------

歡迎動動小手指(腳趾也可）關注我的專欄盒子以外。分享新鮮和深度的產品、設計好文。

推薦閱讀：