技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機(jī)純凈版,64位旗艦版,綠色軟件,免費(fèi)軟件下載基地!

當(dāng)前位置:主頁(yè) > 教程 > 軟件教程 >

一名全棧設(shè)計(jì)師的MAC工具箱(設(shè)計(jì)/開(kāi)發(fā)/效率)

來(lái)源:技術(shù)員聯(lián)盟┆發(fā)布時(shí)間:2018-09-26 06:00┆點(diǎn)擊:

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

  我喜歡把自己定義為一個(gè)會(huì)一些設(shè)計(jì)的全棧工程師。在一些大型企業(yè)項(xiàng)目中,我一般擔(dān)任架構(gòu)師的角色,而到了我自己負(fù)責(zé)的個(gè)人或開(kāi)源項(xiàng)目中,我就成了一名全棧設(shè)計(jì)師 。我喜歡用自學(xué)而來(lái)的那些設(shè)計(jì)技能進(jìn)行網(wǎng)站或App設(shè)計(jì),然后自己動(dòng)手實(shí)現(xiàn)前端和后端。這能幫助我有效節(jié)省成本并減少因多人溝通帶來(lái)的工作效率問(wèn)題。但我也很清楚,我不可能像那些真正的設(shè)計(jì)師那樣掌握很多設(shè)計(jì)技巧,并做出非常優(yōu)秀的作品來(lái)。我所能做的是一方面通過(guò)自學(xué)提升自己對(duì)設(shè)計(jì)的認(rèn)識(shí),另一方面我一定會(huì)精心挑選設(shè)計(jì)工具,來(lái)盡可能地彌補(bǔ)我設(shè)計(jì)技能上的不足。

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

  簡(jiǎn)明和現(xiàn)代:選擇那些為單一任務(wù)設(shè)計(jì)的工具,可以避免工作時(shí)的噪音,從而提高工作效率。

  有一定知名度和影響力,并且有良好的社區(qū)支持:學(xué)習(xí)任何一個(gè)工具軟件都需要花費(fèi)時(shí)間或是金錢,因此選擇那些值得投資的軟件或工具去購(gòu)買和學(xué)習(xí)。

  足夠輕便:我總是需要同時(shí)打開(kāi)很多軟件進(jìn)行工作,輕便的工具讓我的系統(tǒng)跑得更快,對(duì)我的效率和開(kāi)發(fā)體驗(yàn)都很有幫助。

  買得起,或者你能找到… 技匠支持正版 ^_^

  下面就帶來(lái)我所使用的這些工具推薦:

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

  Sketch 3

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

一名全棧設(shè)計(jì)師的MAC工具箱(設(shè)計(jì)/開(kāi)發(fā)/效率) 三聯(lián)

  Affinity Designer

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

2tool20160418

  Framer

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

3tool20160418

  PaintCode

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

4tool20160418

  Hype 3 Professional

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

5tool20160418

  Pixave 2

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

6tool20160418

  Iconjar

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

7tool20160418

  Sip for Mac and iPhone