平面設計師必備的 10 個 Google Chrome 擴展

已發表: 2019-07-03

Google Chrome 是世界上最受歡迎的網絡瀏覽器,因為您可以使用擴展程序輕鬆添加額外功能。 擴展程序易於使用,並允許您自定義瀏覽體驗。 此外,您不需要任何編碼經驗即可使用這些擴展。 有數以千計的 Google chrome 圖形設計師擴展。

目錄隱藏
1. ColorZilla:
2.什麼字體:
3. 整頁截屏:
4. 圖片下載器:
5. 興趣:
6. 風格機器人:
7. Alexa 流量排名:
8.分辨率測試:
9. 網速雷達:
10. 語法:

這裡有 10 個必須具有圖形設計師的 Google Chrome 擴展。

1. ColorZilla:

平面設計師必備的 10 個 Google Chrome 擴展程序 - ColorZilla 別針

ColorZilla 允許您從網站獲取顏色。 您還可以快速調整顏色並將它們粘貼到其他程序上。 除了 7 個預安裝的調色板之外,此擴展程序還為任何網站生成一個調色板。 除了高級顏色選擇器,此擴展還具有 Photoshop 風格的吸管功能。 通過這種方式,您可以從網頁上的任何像素中獲取顏色。 ColorZilla 為所選顏色提供常用的 HSV、RGB 和 Hex 值以及 CSS 漸變生成器。

最後,如果您希望訪問最近選擇的顏色,您可以在此擴展提供的顏色歷史記錄中查找它們。 如果您需要廣泛使用來自網站的顏色,請查看這些前 10 名顏色選擇器。

2.什麼字體:

平面設計師必備的 10 個 Google Chrome 擴展 - 什麼字體 別針

什麼字體允許您識別網站上的字體。 您只需將鼠標懸停在 Web 字體上即可檢查 Web 字體。 此擴展將為您提供有關字體大小、顏色、高度和行高的信息。 您還可以預覽所選字體的字母表外觀。 What Font 簡單、優雅且易於使用。

此外,此擴展程序還檢測用於提供 Web 字體的服務。 什麼字體支持 Google Font API 和 Typekit。

3. 整頁截屏:

平面設計師必備的 10 個 Google Chrome 擴展 - 整頁屏幕截圖 別針

整頁允許您可靠地截取頁面的屏幕截圖,而無需請求額外的權限。 只需單擊擴展圖標並觀看擴展截取整個頁面的屏幕截圖。 此捕獲的屏幕截圖將傳輸到一個新選項卡,您可以將其下載為 PDF、PNG 或 JPEG 格式。 您甚至可以將屏幕截圖拖到桌面上。

先進的屏幕捕捉技術控制複雜的頁面,包括嵌入式 iframe 和可滾動元素。 為了捕獲更大的屏幕截圖,擴展程序會建議您拆分圖像。

4. 圖片下載器:

平面設計師必備的 10 個 Google Chrome 擴展程序 - 圖像下載器 別針

Image Downloader 是一個免費擴展程序,可讓您下載網頁上鍊接顯示的所有圖像。 您甚至可以從網站批量下載圖像。 此擴展允許您修改圖像的寬度、高度和 URL。 您還可以選擇僅顯示鏈接中的圖片的選項。 此外,還有專門的按鈕可以下載和在新標籤中打開單個圖像。

您可以隱藏未使用的過濾器、按鈕和通知。 所有下載的圖像都進入 chrome 的默認目錄。 如果您沒有默認目錄,則必須手動選擇路徑。

5. 興趣:

平面設計師必備的 10 個 Google Chrome 擴展程序 - Pinterest 別針

Pinterest 是一款適用於網絡和移動設備的社交媒體應用程序。 Pinterest 擴展允許您保存您在網絡上找到的任何內容。 您可以將晚餐食譜、風格靈感、家庭項目和其他想法保存到您的板上。 此擴展程序允許您收集並與您的朋友分享不同的想法。 你可以組織、計劃和收集你喜歡的東西。

最後,Pinterest 保存按鈕具有內置的視覺發現技術,可讓您將鼠標懸停在任何圖像上以發現視覺上相似的想法。

6. 風格機器人:

平面設計師必備的 10 個 Google Chrome 擴展 - Stylebot 別針

Stylebot 使您能夠使用自定義 CSS 更改網站的外觀。 您可以預覽和安裝由其他用戶在其社交網站上提供的樣式。 此外,此擴展允許您更改顏色、字體、可見性、邊距等。 如果您是高級用戶,您還可以手動編寫 CSS。

此擴展程序可幫助您個性化您喜愛的網站的體驗。 最後,您還可以學習 CSS 來調試您的網站設計。

7. Alexa 流量排名:

平面設計師必備的 10 個 Google Chrome 擴展 - Alexa 流量排名 別針

Alexa Traffic Rank 是一個免費的 Google Chrome 擴展程序,可提供流量排名和網站信息。 當您衝浪時,此擴展程序會伴隨您,允許您訪問有關您訪問的網站的 Alexa 數據。 此外,此擴展程序還將您包含在 Alexa 的流量面板中,以使網絡變得更好。

您可以查看您網站的其他相關鏈接、網站的平均加載時間、網站評論等。

8.分辨率測試:

平面設計師必備的 10 個 Google Chrome 擴展 - 分辨率測試 別針

分辨率 為開發人員測試一個擴展,以評估不同屏幕分辨率的網頁,並提供更改分辨率的選項。 此擴展包括可自定義的常用分辨率列表。 您可以通過單擊瀏覽器右上角的分辨率測試圖標來使用此擴展程序。

此外,您可以選擇查看單個或多個選擇的分辨率,只需選中和取消選中其右側的框即可。 如果您希望更改您的決定,此擴展程序提供了重置默認設置的選項。

9. 網速雷達:

平面設計師必備的 10 個 Google Chrome 擴展程序 - Internet Speed Radar 別針

Internet Speed Radar 允許您監控瀏覽器的性能。 此擴展可幫助您檢測和修復 Web 應用程序中的性能問題。 Internet Speed Radar 將從瀏覽器中的低級檢測點中選擇的指標可視化,並在應用程序運行時對其進行評估。 使用 Internet Speed Radar,您可以更好地了解您的應用程序在哪里花費時間。

10. 語法:

平面設計師必備的 10 個 Google Chrome 擴展程序 別針

Grammarly 是一個在線拼寫檢查器、語法檢查器和抄襲檢測器 Google 擴展。 此擴展程序會在您鍵入時自動檢測您寫作中的任何錯誤。 這個平台非常適合作家、博主和平面設計師,因為它可以很好地與電子郵件、社交媒體和其他應用程序同步。

Grammarly 提供了一個網絡編輯器,允許您從其他應用程序複製或粘貼文本以進行語法檢查。 將信息粘貼到編輯器頁面後,此 Web 編輯器還會自動保存信息。 此外,如果您希望人工校對員改進您的寫作,您可以升級到高級版本。 Grammarly 作為瀏覽器擴展可用於 Safari、Firefox 和 Edge。

Google Chrome 擴展程序是節省時間和高效工作的好方法。 您可以使用這些擴展直接從網頁中輕鬆獲取顏色、字體和圖像。 這些免費的 Google Chrome 擴展解決了平面設計師面臨的許多問題。 但是,您需要嘗試不同的 Chrome 擴展程序才能找到適合您的擴展程序。