@的玲瓏閣：作為交互設(shè)計(jì)師具體的工作內(nèi)容包含幾個(gè)方面，一是繪制線框圖，二是制作動(dòng)態(tài)Demo，三是團(tuán)隊(duì)協(xié)作。網(wǎng)絡(luò)上每天都會(huì)推出新的工具，能留在電腦里面的不過幾款，能經(jīng)得住時(shí)間考驗(yàn)的才是最好的。
小伙伴咨詢工具類的問題也不少，于是羅列出一些，不定期進(jìn)行更新吧（我自己的偏向，供參考，網(wǎng)站鏈接很多需要搭梯子訪問）。
我按照工作需求分類，將電腦上的工具分為這幾類：方案繪制、圖片處理、動(dòng)效原型、視頻相關(guān)、思維整理、儲(chǔ)存、Mac系統(tǒng)相關(guān)。
方案繪制
在方案繪制這個(gè)環(huán)節(jié)，大家應(yīng)該不陌生。首推的是，配合它使用的還有插件，在繪制圖片時(shí)使用它這個(gè)功能，可以隨機(jī)更換填充圖片，在做用戶頭像和APP里面的圖片時(shí)特別方便。
的功能在這里不再?gòu)?qiáng)調(diào)，在交互設(shè)計(jì)中，用來繪制方案沒有高效（原因我在之前的文章強(qiáng)調(diào)過多次）。但它強(qiáng)大的處理圖片的功能，讓人也忽視不了，經(jīng)常能幫忙解決一些關(guān)于圖片的裁切、格式調(diào)整、顏色等等的一系列問題。
圖片處理
這里的圖片處理主要是指在導(dǎo)出供程序員使用的APP圖片資源。為了降低圖片所占內(nèi)存大小，需要進(jìn)行壓縮，是個(gè)不錯(cuò)的選擇，但它有時(shí)候壓縮的大小并不是很大，因?yàn)槭菍?duì)圖片基本是無損壓縮。另外一個(gè)是在線工具，但對(duì)圖片耗損比較大，適合圖片透明區(qū)域比較多的情況。
gif制作主要是將一些小視頻（主要是APP的demo）其中的某一小段做成圖片，方便和運(yùn)營(yíng)的童鞋們進(jìn)行溝通，他們?cè)诎l(fā)文時(shí)有時(shí)候需要用到。GIPHY ，操作簡(jiǎn)便，對(duì)錄制的gif也可以進(jìn)行編輯，使用非常方便。
動(dòng)效原型
動(dòng)效原型我試過很多種，最后剩下的是這三種，當(dāng)然只供大家參考。是制作demo非常高效的工具，支持導(dǎo)出。只要在做好原型圖然后通過插件就可以導(dǎo)入到。但的缺點(diǎn)在于，它缺少邏輯判斷的功能。比如說點(diǎn)擊一個(gè)區(qū)域可能有兩張狀況出現(xiàn)，此時(shí)并不能表現(xiàn)出這種邏輯關(guān)系，于是有了作為補(bǔ)充。
是開發(fā)的一款動(dòng)態(tài)工具，它的優(yōu)點(diǎn)是能很細(xì)致地表達(dá)一款動(dòng)效的狀態(tài)出來交互設(shè)計(jì)師用什么軟件，支持各種邏輯的跳轉(zhuǎn)，并且可以調(diào)動(dòng)手機(jī)攝像頭，模擬拍照功能，可以調(diào)用JS代碼。但它的缺點(diǎn)在于不能做太多的頁(yè)面，二十個(gè)頁(yè)面以上的效果就會(huì)卡，不支持的導(dǎo)入，需要手動(dòng)拷貝文件夾。對(duì)設(shè)計(jì)師來說，因?yàn)榇a思維操作，學(xué)起來也稍微顯得有點(diǎn)困難。
比更接近代碼。兼容和ps的文件導(dǎo)入，熟悉以后按照適合的操作來組織圖層在導(dǎo)入的話，非常便捷。有些重復(fù)的事情用結(jié)構(gòu)控制使用代碼更方便，可實(shí)現(xiàn)的效果跟差不多。程序員學(xué)起來特別容易上手。這個(gè)我也才剛接觸，很感興趣，希望有一天也能成為大神。
視頻相關(guān)
1. 視頻制作
動(dòng)效demo有時(shí)候需要輸出視頻文件，想我做視頻類的APP也經(jīng)常接觸到視頻，所以這一塊也有些雞肋。視頻制作軟件功能最強(qiáng)大的就是Adobe After ，簡(jiǎn)稱AE。學(xué)習(xí)成本不太高，跟其他視頻制作軟件的原理比較相似，就是在某個(gè)時(shí)間段內(nèi)，將每個(gè)元素每個(gè)屬性的變化進(jìn)行拆分，一個(gè)個(gè)進(jìn)行實(shí)現(xiàn)。
Final Cut是Apple公司開發(fā)的視頻軟件，它更偏向于視頻的拼接與合成，作為交互設(shè)計(jì)師，并不像動(dòng)畫師那樣去制作，在視頻這一塊很多功能它就可以搞定。但Final Cut做出來的視頻內(nèi)存會(huì)非常大，一般5s左右的視頻可能就有200MB。
2. 視頻壓縮
別擔(dān)心，與它配套的有視頻壓縮和格式轉(zhuǎn)化軟件，即，壓縮完成之后恢復(fù)正常，成了1~2MB。另外一款視頻壓縮軟件叫，該軟件量感較輕，壓縮速度比較快，操作更簡(jiǎn)便，功能沒有強(qiáng)大，也是一個(gè)不錯(cuò)的選擇。
3. 音頻處理
對(duì)，聲音的事情也會(huì)遇到，比方說按鈕在按下去的時(shí)候有類似“咔噠”聲音，這些也需要接觸到聲音的編輯。Adobe 就是最強(qiáng)大的聲音處理軟件，對(duì)聲音的時(shí)長(zhǎng)、高低、格式、批量處理等都非常強(qiáng)大，操作也不難。
思維整理
腦圖試用過很多種，最后鎖定在不換了，它是我見過最好的腦圖繪制軟件，沒有之一。但沒有版，的用戶可以使用Xmind，也是很好用的一款工具。
郵件接收我也歸類為思維整理這一塊，推薦Spark，它能幫助用戶自動(dòng)分類郵件，顏值也高，還支持emoji的回復(fù)，可以體驗(yàn)一下。
儲(chǔ)存
儲(chǔ)存類我分為記錄和保存兩大塊。記錄呢，主要是印象筆記，國(guó)內(nèi)的為知筆記也做得不錯(cuò)，兩者選其一就行。大家都很熟悉，功能我就先不介紹了，主要來說說用法。兩個(gè)筆記選一種就行，分散到兩地筆記不統(tǒng)一，不方便進(jìn)行整理。主要用于瀏覽網(wǎng)頁(yè)時(shí)一些有用的材料收集。但能把玩出花的教程網(wǎng)上也有不少，可以搜搜看。
保存這方面，的對(duì)團(tuán)隊(duì)協(xié)作更為有利，企業(yè)版的方便將一個(gè)文件夾分享給團(tuán)隊(duì)所有人，并且分配不同的權(quán)限，同時(shí)APP也行進(jìn)行本地的同步，體驗(yàn)流暢，愛不釋手。百度網(wǎng)盤作為國(guó)內(nèi)一些資料的補(bǔ)充。
系統(tǒng)相關(guān)
用來清理系統(tǒng)內(nèi)存，我Mac是250G的空間，系統(tǒng)就占了將近100G，說起來都是類，這個(gè)我也上網(wǎng)查過，貌似沒有什么特別好的方法去解決，通過這個(gè)軟件能有所緩解。再就是在用的時(shí)候?qū)⒆詣?dòng)保存的功能關(guān)掉會(huì)省不少空間的。
Text
在與工程師交接的過程中有項(xiàng)任務(wù)是整理好APP里面的多語(yǔ)言翻譯文件。即，一個(gè)上中文是“完成”，英文變成“Done”，整體進(jìn)行整理完善后再發(fā)給對(duì)方，有時(shí)候這項(xiàng)工作由PM（產(chǎn)品經(jīng)理）來完成。但多方進(jìn)行溝通的過程中免不了要打開或者編輯一些這樣的文檔。 Text對(duì)于批量查找和編輯來說，對(duì)設(shè)計(jì)師是比較友好的。
總結(jié)，每款軟件和工具都有它主要的特色，基本上沒有一款軟件能解決所有問題的情況，所以我在某一個(gè)方面的軟件時(shí)，經(jīng)過時(shí)間的沉淀都會(huì)剩下兩到三款。這兩到三款就是精華所在了。但市場(chǎng)瞬息萬變，長(zhǎng)江后浪推前浪，所不定會(huì)有更好的適合階段性的工具存在。但咱們的宗旨是，主要的還是自己的想法，能實(shí)現(xiàn)自己目的的工具就是好工具，在上面所費(fèi)的時(shí)間適可而止。
作者簡(jiǎn)介：的玲瓏閣交互設(shè)計(jì)師用什么軟件，一枚愛折騰，愛健身的交互設(shè)計(jì)妹紙。