獨(dú)孤九劍！一名全棧設(shè)計(jì)師的Mac工具箱（設(shè)計(jì)/開發(fā)/效率）

編者按：一個(gè)同時(shí)擁有開發(fā)/設(shè)計(jì)/高執(zhí)行力技能的設(shè)計(jì)師會(huì)用哪些軟件來幫自己提高工作效率？今天這篇軟件推薦的文章作者是一個(gè)架構(gòu)師，業(yè)余喜歡用自學(xué)的設(shè)計(jì)技能開發(fā)網(wǎng)站和App，一起來看看他的工具箱。

我喜歡把自己定義為一個(gè)會(huì)一些設(shè)計(jì)的全棧工程師。在一些大型企業(yè)項(xiàng)目中，我一般擔(dān)任架構(gòu)師的角色，而到了我自己負(fù)責(zé)的個(gè)人或開源項(xiàng)目中，我就成了一名全棧設(shè)計(jì)師。我喜歡用自學(xué)而來的那些設(shè)計(jì)技能進(jìn)行網(wǎng)站或App設(shè)計(jì)，然后自己動(dòng)手實(shí)現(xiàn)前端和后端。這能幫助我有效節(jié)省成本并減少因多人溝通帶來的工作效率問題。但我也很清楚，我不可能像那些真正的設(shè)計(jì)師那樣掌握很多設(shè)計(jì)技巧，并做出非常優(yōu)秀的作品來。我所能做的是一方面通過自學(xué)提升自己對(duì)設(shè)計(jì)的認(rèn)識(shí)，另一方面我一定會(huì)精心挑選設(shè)計(jì)工具，來盡可能地彌補(bǔ)我設(shè)計(jì)技能上的不足。（這兩點(diǎn)同樣重要，如果你和我一樣也是一名對(duì)設(shè)計(jì)有興趣的程序員，可以讀讀我之前寫的《別著急學(xué)軟件！先掌握科學(xué)有效的UI設(shè)計(jì)自學(xué)姿勢(shì)（超全面）》，其中描述了我自學(xué)設(shè)計(jì)的經(jīng)歷、方法和一些認(rèn)識(shí)。）

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

1. 簡明和現(xiàn)代：選擇那些為單一任務(wù)設(shè)計(jì)的工具，可以避免工作時(shí)的噪音，從而提高工作效率。
2. 有一定知名度和影響力，并且有良好的社區(qū)支持：學(xué)習(xí)任何一個(gè)工具軟件都需要花費(fèi)時(shí)間或是金錢，因此選擇那些值得投資的軟件或工具去購買和學(xué)習(xí)。
3. 足夠輕便：我總是需要同時(shí)打開很多軟件進(jìn)行工作，輕便的工具讓我的系統(tǒng)跑得更快，對(duì)我的效率和開發(fā)體驗(yàn)都很有幫助。
4. 買得起，或者你能找到... 技匠支持正版 ^_^

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

設(shè)計(jì)類工具

Sketch 3

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

Affinity Designer

Affinity Designer是Mac上一個(gè)快速、流暢以及精確的矢量圖形設(shè)計(jì)軟件。你可以使用它來作廣告、圖標(biāo)、UI或是創(chuàng)作概念藝術(shù)。在全世界超過 2500 個(gè)應(yīng)用商店評(píng)級(jí)中獲得平均 5 顆星—并且從一開始就成為了“編輯推薦選擇”，被特別推薦為 2014 最佳新應(yīng)用程序之一，并因其令人驚嘆的性能和功能在 2015 年 6 月的蘋果全球開發(fā)者大會(huì)上獲得了令人垂涎的蘋果設(shè)計(jì)獎(jiǎng)。

Framer

原型設(shè)計(jì)的工具很多，像Flinto，Principle，Orrigmi等等，但我用的卻很少。但一定讓我推薦的話，我選擇的是Framer Studio，因?yàn)椋试S我使用JavaScript代碼來控制動(dòng)效，這一點(diǎn)非常吸引我。

PaintCode

你可以使用PaintCode方便地進(jìn)行圖形設(shè)計(jì)，你也可以將SVG或PSD文件導(dǎo)入到PaintCode中，然后它就能幫助你將你的設(shè)計(jì)轉(zhuǎn)換成Objective-C,Swift或C#代碼。

Hype 3 Professional

我一般只在網(wǎng)站或App中使用簡單的動(dòng)效，但如果你希望在你的網(wǎng)頁或App中作出非常炫的動(dòng)畫效果時(shí)，可以使用Hype。他能方便地設(shè)計(jì)動(dòng)效并將它導(dǎo)出為HTML 5代碼。

Pixave 2

設(shè)計(jì)師需要不斷去收集優(yōu)秀的設(shè)計(jì)作品，以此來提升自己的設(shè)計(jì)感覺。我之前一直在使用Ember,但它已經(jīng)停產(chǎn)了，并且它并不能支持一些最新格式的設(shè)計(jì)文件，比如Sketch,Affinity Designer等。Pixave 2 是一個(gè)很好的替代者，它支持幾乎所有與設(shè)計(jì)相關(guān)的文件格式。

Iconjar

作為設(shè)計(jì)師，你一定也收集了大量的圖標(biāo)素材。但你往往會(huì)發(fā)現(xiàn)當(dāng)你真正需要去尋找一個(gè)圖標(biāo)時(shí)，卻非常困難。Iconjar可以幫助你解決這個(gè)問題。你能夠?qū)肽愕膱D標(biāo)素材，并給它們打上標(biāo)簽，你也能夠通過Iconjar提供的搜索功能，快速定位到你所需要的圖標(biāo)。

Sip for Mac and iPhone

Sip是一個(gè)非常出色的iOS app，它能幫助你從照片中創(chuàng)建色板。并且你可以在你的Mac或手機(jī)上隨時(shí)隨地使用它捕捉那些美麗的色彩。

開發(fā)類工具

Sublime Text 3

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

Eclipse

Eclipse是我一直在使用的后端JAVA開發(fā)IDE，其實(shí)比起商用過的Intellij它仍然遜色不少，推薦它是因?yàn)橐环矫嫖乙恢痹谑褂盟硪环矫嬉驗(yàn)樗敲赓M(fèi)的。

Dash

Dash對(duì)開發(fā)人員非常有幫助，我能夠在離線的狀態(tài)下查看如Angular，Swift，CSS等的技術(shù)文檔。這使得我在網(wǎng)絡(luò)條件不好的情況下也能工作，并且極大提升我的工作效率。

效率類工具

Alfred

Alfred是我見過的，最能將Mac的效率使用到極致的工具了。小到翻譯一個(gè)英文單詞，搜索一個(gè)文件，大到用一個(gè)命令完成本地開發(fā)環(huán)境的部署啟動(dòng)，都可以通過Alfred來完成。你可以將大部分的重復(fù)勞動(dòng)讓Alfred來幫助你完成。

CheatSheet

CheatSheet是我非常喜歡的一個(gè)小工具，任何流行的軟件都會(huì)有一堆的快捷鍵設(shè)置，通過這個(gè)工具，你只需要長按?鍵，這個(gè)軟件的所有快捷鍵就會(huì)顯示在你的面前，你完全不用逐一去背，只要反復(fù)查看幾次，你自然就能熟練運(yùn)用那些快捷鍵了。

Fantastical

我使用Fantastical來快速地記錄我的todo事項(xiàng)，并設(shè)定提醒。我只記錄那些比較重要的事項(xiàng)，而不會(huì)每天把所有很細(xì)小的行動(dòng)項(xiàng)都記錄下來，因?yàn)槟菢臃炊鴷?huì)讓我有一種壓迫感而分心。我更喜歡在自然舒緩的環(huán)境中工作。

Day One

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

Ulysses 2.0

這是我最喜歡的MarkDown寫作軟件。它的最大特點(diǎn)在于，我可以將一篇文章分成多個(gè)小節(jié)，然后在編輯器中僅針對(duì)這個(gè)小節(jié)來進(jìn)行寫作，這能讓我更好地保持專注。另外，它支持多種文件格式的導(dǎo)出，如HTML,PDF,Word等，這樣我可以將我的文章非常方便地發(fā)布到不同的平臺(tái)上。

Screenflow

Screenflow是我用過的最好的屏幕截圖軟件了，你可以使用自己設(shè)定的快捷鍵來截取屏幕圖片并進(jìn)行編輯。另外，它還支持錄制視頻的功能，還能進(jìn)行后期的制作，比如添加字幕、動(dòng)畫效果等。因此，我也打算用它來制作一些視頻教程。

LiceCap

這使一個(gè)很小的免費(fèi)軟件，你可以在屏幕上設(shè)定一個(gè)區(qū)域，然后就可以用LiceCap來快速地錄制GIF動(dòng)畫了。直接、高效是我對(duì)它的評(píng)價(jià)。

Unibox

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

百度網(wǎng)盤

這是國內(nèi)我使用過的最好的網(wǎng)盤了，它的使用界面很直觀，操作也很簡便。我用它來與客戶分享一些文檔，設(shè)計(jì)圖或其他資料。

作者微信公眾號(hào)：

「技多不壓身的設(shè)計(jì)師才有高薪資！」

1. 平面設(shè)計(jì)：《超贊！設(shè)計(jì)師完全自學(xué)指南》
2. 交互設(shè)計(jì)：《交互設(shè)計(jì)師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計(jì)師》
3. UI設(shè)計(jì)：《超實(shí)用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)？》
4. 前端開發(fā)：《天貓高手來教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識(shí)學(xué)起來！為設(shè)計(jì)師量身打造的DPI指南》
8. 交互設(shè)計(jì)自學(xué)路徑圖：《零基礎(chǔ)入門！給非科班生的自學(xué)路徑圖之交互設(shè)計(jì)篇》

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(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ì)微博：擁有粉絲量112萬的人氣微博@優(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