一名全棧設計師的常用設計工具，彌補不足，提升工作效率

在一些大型企業項目中，我一般擔任架構師的角色，而到了我自己負責的個人或開源項目中，我就成了一名全棧設計師。我喜歡用自學而來的那些設計技能進行網站或App設計，然後自己動手實作前端和後端。這能幫助我有效節省成本并減少因多人溝通帶來的工作效率問題。但我也很清楚，我不可能像那些真正的設計師那樣掌握很多設計技巧，并做出非常優秀的作品來。我所能做的是一方面通過自學提升自己對設計的認識，另一方面我一定會精心挑選設計工具，來盡可能地彌補我設計技能上的不足。

工具的更新換代速度很快，但正确的工具選擇思路卻可以一直使用下去，我有一套自己的工具選擇政策，主要包含以下四點：

簡明和現代：選擇那些為單一任務設計的工具，可以避免工作時的噪音，進而提高工作效率。

有一定知名度和影響力，并且有良好的社群支援：學習任何一個工具軟體都需要花費時間或是金錢，是以選擇那些值得投資的軟體或工具去購買和學習。

足夠輕便：我總是需要同時打開很多軟體進行工作，輕便的工具讓我的系統跑得更快，對我的效率和開發體驗都很有幫助。

買得起，或者你能找到……，技匠支援正版 。

設計類工具

Sketch 3

Sketch是完全滿足我上面4條選擇條件的一款UI設計工具。Sketch隻有幾十M，相較于Photoshop,它小巧得多，更重要的是它是專為UI設計而生的，我不必關注那些與我做UI設計毫無關系的圖檔處理功能，進而降低了工作環境中的噪音。另外，通過強大的插件功能，我能根據需要進行安裝使用，這大大提高了我的工作效率。

Affinity Designer

Affinity Designer是Mac上一個快速、流暢以及精确的矢量圖形設計軟體。你可以使用它來作廣告、圖示、UI或是創作概念藝術。在全世界超過 2500 個應用商店評級中獲得平均 5 顆星—并且從一開始就成為了“編輯推薦選擇”，被特别推薦為 2014 最佳新應用程式之一，并因其令人驚歎的性能和功能在 2015 年 6 月的蘋果全球開發者大會上獲得了令人垂涎的蘋果設計獎。

Framer

原型設計的工具很多，像Flinto，Principle，Orrigmi等等，但我用的卻很少。但一定讓我推薦的話，我選擇的是Framer Studio，因為，它允許我使用JavaScript代碼來控制動效，這一點非常吸引我。

PaintCode

你可以使用PaintCode友善地進行圖形設計，你也可以将SVG或PSD檔案導入到PaintCode中，然後它就能幫助你将你的設計轉換成Objective-C,Swift或C#代碼。

Hype 3 Professional

我一般隻在網站或App中使用簡單的動效，但如果你希望在你的網頁或App中作出非常炫的動畫效果時，可以使用Hype。他能友善地設計動效并将它導出為HTML 5代碼。

Pixave 2

設計師需要不斷去收集優秀的設計作品，以此來提升自己的設計感覺。我之前一直在使用Ember,但它已經停産了，并且它并不能支援一些最新格式的設計檔案，比如Sketch,Affinity Designer等。Pixave 2 是一個很好的替代者，它支援幾乎所有與設計相關的檔案格式。

Iconjar

作為設計師，你一定也收集了大量的圖示素材。但你往往會發現當你真正需要去尋找一個圖示時，卻非常困難。Iconjar可以幫助你解決這個問題。你能夠導入你的圖示素材，并給它們打上标簽，你也能夠通過Iconjar提供的搜尋功能，快速定位到你所需要的圖示。

Sip for Mac and iPhone

Sip是一個非常出色的iOS app，它能幫助你從照片中建立色闆。并且你可以在你的Mac或手機上随時随地使用它捕捉那些美麗的色彩。

開發類工具

Sublime Text 3

這是我開發前端代碼時 使用的IDE。我非常喜歡它的那些使代碼異常清晰的主題，以及功能豐富的插件。有了它開發HTML、CSS、JavaScript變成了一件非常愉悅的事情。

Eclipse

Eclipse是我一直在使用的後端JAVA開發IDE，其實比起商用過的Intellij它仍然遜色不少，推薦它是因為一方面我一直在使用它，另一方面因為它是免費的。

Dash

Dash對開發人員非常有幫助，我能夠在離線的狀态下檢視如Angular，Swift，CSS等的技術文檔。這使得我在網絡條件不好的情況下也能工作，并且極大提升我的工作效率。

效率類工具

Alfred

Alfred是我見過的，最能将Mac的效率使用到極緻的工具了。小到翻譯一個英文單詞，搜尋一個檔案，大到用一個指令完成本地開發環境的部署啟動，都可以通過Alfred來完成。你可以将大部分的重複勞動讓Alfred來幫助你完成。

CheatSheet

CheatSheet是我非常喜歡的一個小工具，任何流行的軟體都會有一堆的快捷鍵設定，通過這個工具，你隻需要長按⌘鍵，這個軟體的所有快捷鍵就會顯示在你的面前，你完全不用逐一去背，隻要反複檢視幾次，你自然就能熟練運用那些快捷鍵了。

Fantastical

我使用Fantastical來快速地記錄我的todo事項，并設定提醒。我隻記錄那些比較重要的事項，而不會每天把所有很細小的行動項都記錄下來，因為那樣反而會讓我有一種壓迫感而分心。我更喜歡在自然舒緩的環境中工作。

Day One

我是在開始寫作以後重新使用這個軟體的。它令我印象最深的便是，我可以在我的Mac上非常快速地打開這個軟體并且記錄一條新的想法。我相信好的想法是轉瞬即逝的，你需要以最快的速度将它記錄下來，否則它将永遠離你而去。

Ulysses 2.0

這是我最喜歡的MarkDown寫作軟體。它的最大特點在于，我可以将一篇文章分成多個小節，然後在編輯器中僅針對這個小節來進行寫作，這能讓我更好地保持專注。另外，它支援多種檔案格式的導出，如HTML,PDF,Word等，這樣我可以将我的文章非常友善地釋出到不同的平台上。

Screenflow

Screenflow是我用過的最好的螢幕截圖軟體了，你可以使用自己設定的快捷鍵來截取螢幕圖檔并進行編輯。另外，它還支援錄制視訊的功能，還能進行後期的制作，比如添加字幕、動畫效果等。是以，我也打算用它來制作一些視訊教程。

LiceCap

Unibox