一名全棧設計師的Mac工具箱(設計,開發,效率)
我喜歡把自己定義為一個會一些設計的全棧工程師。在一些大型企業專案中,我一般擔任架構師的角色,而到了我自己負責的個人或開源專案中,我就成了一名全棧設計師。我喜歡用自學而來的那些設計技能進行網站或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
這使一個很小的免費軟體,你可以在螢幕上設定一個區域,然後就可以用LiceCap來快速地錄製GIF動畫了。直接、高效是我對它的評價。

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

如果你也有自己推薦的Mac工具,也歡迎在點評中分享哦 _
技匠,以上內容歡迎大家分享到朋友圈/微博等。如需轉載,請通過簡信聯絡授權。謝謝大家!
相關文章
- “全棧” 程式設計師如何發展?全棧程式設計師
- 幽默:全棧程式設計師與前後端程式設計師區別全棧程式設計師後端
- 程式設計師:全棧的痛你不知道程式設計師全棧
- 成為全棧程式設計師的技能表 - dev全棧程式設計師dev
- 又一名倒下的程式設計師! - 程式設計師健康指南程式設計師
- 前端工程師最好的全棧開發實踐-設計開發屬於自己的nodejs部落格前端工程師全棧NodeJS
- 2021年全棧程式設計師路線圖全棧程式設計師
- 普通程式設計師該如何成為全棧工程師程式設計師全棧工程師
- 提升開發效率,程式設計師都在使用的免費api程式設計師API
- [ 招聘 | 上海 ] 軟體工程師 / 全棧工程師 / 晶片設計工程師軟體工程工程師全棧晶片
- 入門全棧Java程式設計師——課程介紹全棧Java程式設計師
- 【程式設計師的實用工具推薦】 Mac 效率神器 Alfred程式設計師MacAlfred
- 從程式設計小白到全棧開發:瞭解事件機制程式設計全棧事件
- 啥是全棧程式設計師?更厲害?更有錢途?全棧程式設計師
- 程式設計師的迷茫:前端能做什麼?還是後端?全棧?程式設計師前端後端全棧
- 前端能做什麼?還是後端?全棧?程式設計師的迷茫前端後端全棧程式設計師
- Java全棧程式設計師之01:做個Linux下的程式猿Java全棧程式設計師Linux
- 可以提高程式設計師效率的工具!程式設計師
- Mac程式設計師開發必備的SVN管理工具:Cornerstone for MacMacC程式程式設計師
- [譯] 如何提升設計到開發的協作效率
- 併發程式設計 棧幀程式設計
- 一名小白程式設計師的實習生生活程式設計師
- 一名遊戲設計師的思考——遊戲性遊戲設計師
- 對待Java程式設計,開發工程師如何提高效率?Java程式設計工程師
- 適用於設計師和圖形設計的最佳MacMac
- 六款好用的Mac最流行的開發工具,程式設計師必看~Mac程式設計師
- 全棧UI設計各類軟體教程全棧UI
- 全棧全平臺開源專案 CodeRiver 資料庫設計文件全棧資料庫
- 為什麼成為一名程式設計師?程式設計師
- 頂級程式設計師推薦的程式設計開發書籍【整合】程式設計師
- DevToys Mac程式設計師神器,號稱開發者的瑞士軍 刀devMacC程式程式設計師
- 一名Android程式設計師的BAT面經和感想Android程式設計師BAT
- (效率人生)程式設計師必備工具Dash程式設計師
- 如何成為一名優秀的全棧工程師全棧工程師
- 毀滅程式設計師效率的 15 個障礙程式設計師
- 推薦幾個好用的程式設計師效率神器程式設計師
- 中年男程式設計師的幽默工具箱《讀書自李誕池子的幽默工具箱》程式設計師
- 從設計師和開發的角度使用 lottie
- 想成為一名優秀的架構師?從架構設計開始架構