一個同時擁有開發(fā)/設(shè)計/高執(zhí)行力技能的設(shè)計師會用哪些軟件來幫自己提高工作效率?今天這篇軟件推薦的文章作者是一個架構(gòu)師,業(yè)余喜歡用自學(xué)的設(shè)計技能開發(fā)網(wǎng)站和App,一起來看看他的工具箱。
我喜歡把自己定義為一個會一些設(shè)計的全棧工程師。在一些大型企業(yè)項目中,我一般擔(dān)任架構(gòu)師的角色,而到了我自己負責(zé)的個人或開源項目中,我就成了一名全棧設(shè)計師 。我喜歡用自學(xué)而來的那些設(shè)計技能進行網(wǎng)站或App設(shè)計,然后自己動手實現(xiàn)前端和后端。這能幫助我有效節(jié)省成本并減少因多人溝通帶來的工作效率問題。但我也很清楚,我不可能像那些真正的設(shè)計師那樣掌握很多設(shè)計技巧,并做出非常優(yōu)秀的作品來。我所能做的是一方面通過自學(xué)提升自己對設(shè)計的認識,另一方面我一定會精心挑選設(shè)計工具,來盡可能地彌補我設(shè)計技能上的不足。
工具的更新?lián)Q代速度很快,但正確的工具選擇思路卻可以一直使用下去,我有一套自己的工具選擇策略,主要包含以下四點:
簡明和現(xiàn)代:選擇那些為單一任務(wù)設(shè)計的工具,可以避免工作時的噪音,從而提高工作效率。
有一定知名度和影響力,并且有良好的社區(qū)支持:學(xué)習(xí)任何一個工具軟件都需要花費時間或是金錢,因此選擇那些值得投資的軟件或工具去購買和學(xué)習(xí)。
足夠輕便:我總是需要同時打開很多軟件進行工作,輕便的工具讓我的系統(tǒng)跑得更快,對我的效率和開發(fā)體驗都很有幫助。
買得起,或者你能找到… 技匠支持正版 ^_^
下面就帶來我所使用的這些工具推薦:
設(shè)計類工具
Sketch 3
Sketch是完全滿足我上面4條選擇條件的一款UI設(shè)計工具。Sketch只有幾十M,相較于Photoshop,它小巧得多,更重要的是它是專為UI設(shè)計而生的,我不必關(guān)注那些與我做UI設(shè)計毫無關(guān)系的圖片處理功能,從而降低了工作環(huán)境中的噪音。另外,通過強大的插件功能,我能根據(jù)需要進行安裝使用,這大大提高了我的工作效率。
Affinity Designer
Affinity Designer是Mac上一個快速、流暢以及精確的矢量圖形設(shè)計軟件。你可以使用它來作廣告、圖標(biāo)、UI或是創(chuàng)作概念藝術(shù)。在全世界超過 2500 個應(yīng)用商店評級中獲得平均 5 顆星—并且從一開始就成為了“編輯推薦選擇”,被特別推薦為 2014 最佳新應(yīng)用程序之一,并因其令人驚嘆的性能和功能在 2015 年 6 月的蘋果全球開發(fā)者大會上獲得了令人垂涎的蘋果設(shè)計獎。
Framer
原型設(shè)計的工具很多,像Flinto,Principle,Orrigmi等等,但我用的卻很少。但一定讓我推薦的話,我選擇的是Framer Studio,因為,它允許我使用JavaScript代碼來控制動效,這一點非常吸引我。
PaintCode
你可以使用PaintCode方便地進行圖形設(shè)計,你也可以將SVG或PSD文件導(dǎo)入到PaintCode中,然后它就能幫助你將你的設(shè)計轉(zhuǎn)換成Objective-C,Swift或C#代碼。
Hype 3 Professional
我一般只在網(wǎng)站或App中使用簡單的動效,但如果你希望在你的網(wǎng)頁或App中作出非常炫的動畫效果時,可以使用Hype。他能方便地設(shè)計動效并將它導(dǎo)出為HTML 5代碼。
Pixave 2
設(shè)計師需要不斷去收集優(yōu)秀的設(shè)計作品,以此來提升自己的設(shè)計感覺。我之前一直在使用Ember,但它已經(jīng)停產(chǎn)了,并且它并不能支持一些最新格式的設(shè)計文件,比如Sketch,Affinity Designer等。Pixave 2 是一個很好的替代者,它支持幾乎所有與設(shè)計相關(guān)的文件格式。
Iconjar
作為設(shè)計師,你一定也收集了大量的圖標(biāo)素材。但你往往會發(fā)現(xiàn)當(dāng)你真正需要去尋找一個圖標(biāo)時,卻非常困難。Iconjar可以幫助你解決這個問題。你能夠?qū)肽愕膱D標(biāo)素材,并給它們打上標(biāo)簽,你也能夠通過Iconjar提供的搜索功能,快速定位到你所需要的圖標(biāo)。
Sip for Mac and iPhone