【免費】設計師必備!The Noun Project 超過 100 萬個 icon 圖示

在 2010年成立的  The Noun Project 是 icon 圖庫平台網站,設計師們可以將自己創作的 icon 上傳到這個網站和大加分享。據  The Noun Project 網站統計,已經有超過 100 萬個 icon 可以讓使用者挑選,而且可選擇下載 SVG 或 PNG 檔案,特別的是還可以直接調整顏色。

只是…想從 The Noun Project 網站下載圖片,首先必須註冊帳號,我們可以選擇免費與付費帳號,但要注意免費帳號下載的 icon 使用時,必須標示創作者與來源。

如果你不想註冊帳號的話,The Noun Project 也提供擴充外掛工具包,包括 Mac、Google 文件、Adobe PhotoShop、illustrator、Microsoft 微軟 Word、PowerPoint …等,可以將 The Noun Project 的 icon 整合到軟體裡。

【網站介紹】

網站名稱:The Noun Project
網站網址:https://thenounproject.com/
優點:
(1) 具有線上下載 icon 功能,亦提供擴充工具。
(2) 可選擇下載 PNG、SVG 檔案。
(3) 支援線上修改 icon 顏色。
缺點:
(1) 需註冊帳號才能使用線上下載。
(2) 分為免費會員及付費會員。
(3) 免費會員下載圖片必須標註來源,付費後則可免標註來源使用。

【網頁下載 icon 使用教學】

第一步:開啟「 The Noun Project 」 網站,它的設計非常簡單,一開始就能看到許多不同的 icon ,如果想找什麼特別的 icon 時,只要在放大鏡的空白欄位輸入關鍵字,就能搜尋到自己需要的圖示與符號。要注意的是,The Noun Project 只支援英文,所以就連關鍵字也只能輸入英文。

在這裡,我們嘗試搜尋 Camera 相機相關的 icon,網站總共找出 17,494 個圖示,只要捲動螢幕就可以瀏覽翻找喜歡的 icon。

第二步:點擊進入喜歡的 icon 後,在右側可以選擇將圖案調整成喜歡的顏色,除了有固定色票可選擇之外,也可以透過 RGB、HSL 或色譜進行調整;等調整完成後,按一下「 Download 」下載。

第三步: The Noun Project 網站的 icon 下載提供 PNG 和 SVG 兩種格式檔案,看你需要哪一種格式就選擇哪一個。

第四步:登入帳號之後,才可以下載檔案。如果你沒有帳號的話,只要輸入 Email、密碼,按一下「 Create my account 」就能建立帳號。

當我們使用免費帳號下載 icon 時,會說明下載使用需要註明作者與來源,同時 icon 上會嵌入作者與來源,但如果不想要作者和來源、又不想當付費會員的話,The Noun Project  也提供單次付費 1.99 美元、約新台幣 60元左右讓我們可以擁有完整的 icon 。

【 icon 擴充外掛使用教學】

第一步:The Noun Project 網站的 icon 除了可以直接從網路下載之外,也提供擴充外掛工具,可以將 The Noun Project 整合到軟體,支援外掛包括:

  • Mac:Mac OS X Yosemite 10.10、需註冊帳號才能下載
  • Google Slides 投影片、Google Docs 文件
  • Adobe Photoshop、InDesign、illustrator:至少是 Adobe Creative Cloud 2015+ 以上版本
  • Microsoft PowerPoint、Word:Office 365 for PC / Mac / Web,須從 Office Store 下載

這裡我們選擇的是 Google Docs。

第二步:無論選擇下載的是哪個軟體,都會進入介紹畫面,這時再按一次 For Docs。

第三步:畫面會自動跳到 Google Docs 外掛下載畫面,我們要點擊右側的「 + Free」下載  Icons by Noun Project 。

第四步:使用 Icons by Noun Project 外掛時,需要先登入 Google 帳號,同時還要點擊「允許」 Noun Project 存取服務才行。

第五步:等安裝完成後,開啟 Google Docs 的外掛程式就可以看到「 Icons by Noun Project 」,按一下「 Search icons 」。

第六步:這時右側就會開啟 Noun Project 的 icon 圖案,讓我們可以自由選擇。

第七步:隨意選一個喜歡的 icon 之後,外掛版本也會像網頁版本,可以依照喜好修改顏色,等調整完成,再點擊「Insert Icon」插入圖片。

第八步:插入圖片後,就會在 Google Docs 出現圖案啦!這對於需要 icon 的設計師來說,是非常方便的網站。有需要的朋友,不妨試試看吧!

延伸閱讀:

【免費】IconArchive 專業圖示搜尋引擎,收錄超過 59 萬個 Icon 圖示,還能免費商業使用!

【免費】Share Icon 網站,超過 25 萬個 Icon 圖示任你下載!

【免費】Town illust 可愛的日系 Q 版建築素材圖片,授權商業使用!

【免費】Human Pictogram 2.0 超過 1,000 種向量小人圖,支援商用還有素材幫小人改造

【分享】「illustrio」自訂風格圖示素材網站,100% 免費下載

【免費圖庫】Food.foto 日本高解析度美食照片,授權個人與商業使用!

 


大家對網站文章上的一個讚、+1及轉分享,都是對我們的最好的鼓勵及繼續下去的原動力,請大家不要吝嗇。