效率丨10個前端/設(shè)計師必備的生產(chǎn)力工具

好工具優(yōu)化工作流程，解放生產(chǎn)力，這10生產(chǎn)力利器，幫你提高效率。

注：以下大多數(shù)都用到 Google 瀏覽器 Chrome，請科學(xué)上網(wǎng)。

DragDis

設(shè)計師總是在尋找靈感，而 DragDis 就是這樣一個幫助設(shè)計師保存靈感的工具，這是一個 chrome 插件，非常容易使用。

當(dāng)我們找到好看的圖片可以輕松地拖動到云上。原作者每周新建一個文件夾，他介紹這是一個很好地審視自己設(shè)計品味成長的方式。（看到灰晝大大的尋龍訣作品了）

DragDis也有一個全頁網(wǎng)格視圖。用著非常舒心。

Muzli

這是一個 Chrome 插件，匯集來自Designer新聞，Dribbble，Behance等來源的設(shè)計相關(guān)內(nèi)容。

設(shè)計師都喜歡看那些設(shè)計精美的案例，從中汲取靈感，一個合格的設(shè)計師必須要了解國外最新和最熱門的設(shè)計作品，這樣你就可以把握設(shè)計方向和理念，這樣你的設(shè)計作品就會與國際接軌，一個好的工具可以幫助你節(jié)省大量的時間，Muzli 其實就是取代了谷歌瀏覽器默認(rèn)的標(biāo)簽，只要你安裝了就會成為瀏覽器的主頁（可選設(shè)置），這樣你每天打開瀏覽器就會獲取到來自于各大設(shè)計網(wǎng)站的最新作品。

值得一提的是這個插件是有專門的人去負(fù)責(zé)維護(hù)運(yùn)營的，這就像你有一個個人助理幫你挑選最好的前端和設(shè)計相關(guān)的文章。

Invision

Invision是一個原型設(shè)計和工作流平臺，非常適合前端和設(shè)計師之間的協(xié)作。

設(shè)計師可以把做好的設(shè)計稿上傳到項目中。然后他們將屏幕彼此熱連接。

藍(lán)色部分是熱鏈接區(qū)域。如果點擊它們，會帶您到下一個屏幕。這是設(shè)計師通過流程來引導(dǎo)客戶和開發(fā)人員的好方法。當(dāng)與用戶進(jìn)行一些初步的定性測試時，它也很有用。

官方說法 Airbnb、Evernote 、Adobe、Oracle、Yahoo（手動再見）、Zappos 等均為 InVision 的用戶，超過 35 萬名設(shè)計師在使用 InVision 的服務(wù)。

What the Font

字體是設(shè)計中相當(dāng)重要的組成部分，而這個工具就是能幫你找到，當(dāng)前網(wǎng)站用的什么字體。

這是個 chrome 插件，只需要簡單的點擊一下即可出現(xiàn)字體的詳情。

Postman

前端開發(fā)人員工作時，經(jīng)常需要查詢或調(diào)用 API 。Postman 是一個方便的工具，可以幫助你向API發(fā)出請求。

當(dāng)開發(fā)人員需要調(diào)試一個網(wǎng)頁是否運(yùn)行正常，并不是簡簡單單地調(diào)試網(wǎng)頁的 HTML、CSS、腳本等信息是否運(yùn)行正常，更加重要的是網(wǎng)頁能夠正確是處理各種 HTTP 請求，畢竟網(wǎng)頁的 HTTP 請求是網(wǎng)站與用戶之間進(jìn)行交互的非常重要的一種方式，在動態(tài)網(wǎng)站中，用戶的大部分?jǐn)?shù)據(jù)都需要通過 HTTP 請求來與服務(wù)器進(jìn)行交互。

Postman 插件就充當(dāng)著這種交互方式的“橋梁”，它可以把各種模擬用戶 HTTP 請求的數(shù)據(jù)發(fā)送到服務(wù)器，以便開發(fā)人員能夠及時地作出正確的響應(yīng)，或者是對產(chǎn)品發(fā)布之前的錯誤信息提前處理，進(jìn)而保證產(chǎn)品上線之后的穩(wěn)定性和安全性。

Wappalyzer

Wappalyzer 是一個用于識別網(wǎng)站使用的庫和框架的工具。

它也是一個 Chrome 插件，是目前為前端開發(fā)人員最有用的工具之一。

下一次你想知道一個網(wǎng)站使用什么庫，來創(chuàng)建一個特定的可視化功能，Wappalyzer 幫你搞定。

上面工作向的生產(chǎn)力工具介紹完了，下面在介紹兩個娛樂向的生產(chǎn)力工具。舒適的工作環(huán)境有助于提升效率。

Boom 2

Boom for Mac，可以有效地提高蘋果操作系統(tǒng)的音質(zhì)，具有各種音效增強(qiáng)工具，比如提高系統(tǒng)的音量，改善語音聊天或者音樂播放的音效等，同時 Boom Mac 還具有加大音頻文件音量的功能。比如下載的音樂音量太小，可以使用 Boom Mac 處理后再同步到蘋果設(shè)備中。

Noiz.io

很多創(chuàng)意工作者喜歡咖啡店的氛圍，（有?Mac 和 iOS 版本）可以讓你的擁有這種氛圍，可以調(diào)節(jié)出咖啡店，雨天，雷電和海浪的感覺。

「專業(yè)科班訓(xùn)練方法」

1. 《專業(yè)科班的方法！設(shè)計師在工作中通過哪些方式獲取靈感？》
2. 《專業(yè)科班的方法！設(shè)計一個LOGO 的常規(guī)思路和流程是怎樣的？》
3. 《專業(yè)訓(xùn)練方法！如何設(shè)計一張高品位高水準(zhǔn)的海報？（大量實例）》
4. 《專業(yè)科班方法！平面設(shè)計里怎樣提高作品的視覺沖擊力？》
5. 《專業(yè)科班方法！一套完整的中文字體是如何開發(fā)出來的？》

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com