網站開發指南：前端開發設計師必須知道的這8款
2021-12-18

網站開發指南：前端開發設計師必須知道的這8款軟件

DragDis、Muzli、Invision這幾款軟件，對于前端及設計規劃師來說，想必不會太陌生。這幾款軟件在前端及設計規劃師任務的時候極其適用，它們能有效地協助支持保存設計規劃師的靈感，畫面簡約又不失精致，能夠有效地提升提高設計規劃師的任務效率。除了這幾款軟件以外，還有其他幾款軟件十分值得前端及設計規劃師運用。接下來小編告訴您前端及設計規劃師必須清楚了解的8款實用軟件，你有在用嗎？

1、DragDis

設計規劃師總是在尋找靈感，而 DragDis 就是這樣一個協助支持設計規劃師保存靈感的工具，這是一個 chrome 插件，十分容易運用。

當我們發現好看的image圖片能夠輕松地拖動到云上。原作者每周新建一個文件夾，他推薦這是一個很好地審視自己設計規劃品味成長的方式。

DragDis也有一個全頁網格視圖。用著十分舒心。

2、Muzli

這是一個 Chrome 插件，匯集來自Designer新聞資訊，Dribbble，Behance等來源的設計規劃同類相關信息內容。

設計規劃師都喜愛看那些設計規劃精美的case案例，從中汲取靈感，一個合格的設計規劃師必須要明白國外最新和最熱門的設計規劃作品，這樣你就能夠把握設計規劃方向和理念，這樣你的設計規劃作品就會與世界接軌，一個好的工具能夠協助支持你節約大批的時間，Muzli 其實就是取代了谷歌google查看瀏覽器默認的tag標簽，只要你安裝了就會成為查看瀏覽器的主頁(可選配置設置)，這樣你每天打開查看瀏覽器就會獲得到來自于各大設計規劃網站站點的最新作品。

值得一提的是這個插件是有專門的人去負責管理維護規劃管理運營的，這就像你有一個個體私人助理幫你挑選最好的前端和設計規劃同類相關的信息文章。

3、Invision

Invision是一個設計原型圖和任務流第三方平臺，十分適合前端和設計規劃師之間的協作。

設計規劃師能夠把做好的設計規劃稿上傳到項目中。然后他們將屏幕彼此熱連接。

藍色部分是熱鏈接url區域。如果訪問點擊它們，會帶您到下一個屏幕。這是設計規劃師通過過程步驟來引導客戶使用者和建設開發人員的好方式方法。當與用戶使用者推進少許初步的定性嘗試時，它也很有用。

官方說法 Airbnb、Evernote 、Adobe、Oracle、Yahoo、Zappos 等均為 InVision 的用戶使用者，超過 35 萬名設計規劃師在運用 InVision 的服務。

4、What the Font

字體是設計規劃中相當關鍵的組成部分，而這個工具就是能幫你發現，當前網站站點用的什么字體。

這是個 chrome 插件，只需要簡單的訪問點擊一下即可顯現字體的詳情。

5、Postman

前端建設開發人員任務時，經常需要查詢或調用 API 。Postman 是一個方便的工具，能夠協助支持你向API發出請求。

當建設開發人員需要調試一個網頁頁面是不是是否運行正常，并不是簡簡單單地調試網頁頁面的 HTML、CSS、腳本等信息是不是是否運行正常，尤其關鍵的是網頁頁面滿足正確是處理各種 HTTP 請求，畢竟網頁頁面的 HTTP 請求是網站站點與用戶使用者之間推進交互的十分關鍵的一種方式，在動態網站站點中，用戶使用者的大部分數值數據都需要通過 HTTP 請求來與we服務器推進交互。

Postman 插件就充當著這種交互方式的“橋梁”，它能夠把各種模擬用戶使用者 HTTP 請求的數值數據發送到we服務器，以便建設開發人員滿足及時地作出正確的響應，或者是對商品產品發表發布之前的錯誤信息提前處理，進而確保商品產品上線之后的穩定性和安全性。

6、Wappalyzer

Wappalyzer 是一個用于識別網站站點運用的庫和框架的工具。

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

下一次你想清楚了解一個網站站點運用什么庫，來搭建一個特定的可視化功能，Wappalyzer 幫你搞定。

上面任務向的生產力工具推薦完了，下面在推薦兩個娛樂向的生產力工具。舒適的任務環境有助于提高提升效率。

7、Boom 2

Boom for Mac，能夠有效地提升提高蘋果操作系統的音質，具備各種音效增強工具，例如提升提高系統的音量，改善語音聊天或者音樂播放的音效等，同時 Boom Mac 還具備加大音頻文件音量的功能。例如下載的音樂音量太小，能夠運用 Boom Mac 處理后再同時到蘋果設備中。

8、Noiz.io

很多創新任務者喜愛咖啡店的氛圍，(有 Mac 和 iOS 版本)能夠讓你的擁有這種氛圍，能夠調理出咖啡店，雨天，雷電和海浪的感覺。