一名全棧設計師的Mac工具箱（設計,開發,效率）

weixin_34185560發表於2016-04-05
全棧Mac

我喜歡把自己定義為一個會一些設計的全棧工程師。在一些大型企業專案中，我一般擔任架構師的角色，而到了我自己負責的個人或開源專案中，我就成了一名全棧設計師。我喜歡用自學而來的那些設計技能進行網站或App設計，然後自己動手實現前端和後端。這能幫助我有效節省成本並減少因多人溝通帶來的工作效率問題。但我也很清楚，我不可能像那些真正的設計師那樣掌握很多設計技巧，並做出非常優秀的作品來。我所能做的是一方面通過自學提升自己對設計的認識，另一方面我一定會精心挑選設計工具，來儘可能地彌補我設計技能上的不足。（這兩點同樣重要，如果你和我一樣也是一名對設計有興趣的程式設計師，可以讀讀我之前寫的《自學設計，你真的入門了嗎？》，其中描述了我自學設計的經歷、方法和一些認識。）

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

  1. 簡明和現代：選擇那些為單一任務設計的工具，可以避免工作時的噪音，從而提高工作效率。
  2. 有一定知名度和影響力，並且有良好的社群支援：學習任何一個工具軟體都需要花費時間或是金錢，因此選擇那些值得投資的軟體或工具去購買和學習。
  3. 足夠輕便：我總是需要同時開啟很多軟體進行工作，輕便的工具讓我的系統跑得更快，對我的效率和開發體驗都很有幫助。
  4. 買得起，或者你能找到...：技匠支援正版 _

下面就帶來我所使用的這些工具推薦：

設計類工具

Sketch 3

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

1399853-500cfdcd41c4f90d.png

Affinity Designer

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

1399853-e3331b496cf467c3.png

Framer

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

1399853-098aafe87ffea478.png

PaintCode

你可以使用PaintCode方便地進行圖形設計，你也可以將SVG或PSD檔案匯入到PaintCode中，然後它就能幫助你將你的設計轉換成Objective-C,Swift或C#程式碼。

1399853-897f1174cc32eeec.png

Hype 3 Professional

我一般只在網站或App中使用簡單的動效，但如果你希望在你的網頁或App中作出非常炫的動畫效果時，可以使用Hype。他能方便地設計動效並將它匯出為HTML 5程式碼。

1399853-d9977431093da929.png

Pixave 2

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

1399853-cbd428f69a0b8a7a.png

Iconjar

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

1399853-db8f0fe5a61ffeb0.png

Sip for Mac and iPhone

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

1399853-f36f39dd0ae4d076.png

開發類工具

Sublime Text 3

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

1399853-47e652c8a448468d.png

Eclipse

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

1399853-f9490cdf680fd239.png

Dash

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

1399853-e682d22497d0d9a6.png

效率類工具

Alfred

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

1399853-f3801bb92c139fd0.png

CheatSheet

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

1399853-6904914c5cc82b69.png

Fantastical

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

1399853-84f517967c2e0aea.png

Day One

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

1399853-4859906f262800a0.png

Ulysses 2.0

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

1399853-a06cc0707e55bcac.png

Screenflow

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

1399853-06259a28d4ff181f.png

LiceCap

這使一個很小的免費軟體，你可以在螢幕上設定一個區域，然後就可以用LiceCap來快速地錄製GIF動畫了。直接、高效是我對它的評價。

1399853-71b79ba28edd7ee2.png

Unibox

出於不同的工作需要，我有好幾個郵件賬戶，每天都需要檢查郵件。我也嘗試過好幾個Mac上的客戶端，包括大受好評的AirMail，但發現在處理國內郵件時，總是有這樣或那樣的問題，直到我發現了Unibox，它確實非常好用，按照會話方式組織的郵件非常直觀和便於處理。


1399853-0c7ee7d5da8c7223.png

如果你也有自己推薦的Mac工具，也歡迎在點評中分享哦 _

技匠，以上內容歡迎大家分享到朋友圈/微博等。如需轉載，請通過簡信聯絡授權。謝謝大家！

相關文章