RiS社群 | FileMaker  跨平台企業應用

RiS社群 | FileMaker 跨平台企業應用 (http://forum.j2eemx.com/)
-   精選好用APP等相關網站資源 (Website Reviews) (http://forum.j2eemx.com/forum51/)
-   -   Unicons 超過 1000 個向量圖示免費下載,完美像素放大縮小不影響解析度 (http://forum.j2eemx.com/forum51/thread26740.html)

wowria 2019-02-13 11:13 PM

Unicons 超過 1000 個向量圖示免費下載,完美像素放大縮小不影響解析度
 
https://free.com.tw/blog/wp-content/...02-04_2103.png

如果要開發應用程式或網路服務,通常會需要整套樣式一致的圖示集,而這些圖案也不是太難找,網路上有不少以開放原始碼釋出、甚至可用做商業用途的圖示庫,例如我之前介紹過的 illustrioIoniconsFeather IconsOcticons 等等(文章裡還有更多免費圖示集鏈結),這些圖案都有不太一樣的樣式設計,只要符合自己介面風格就能有相當好的效果,相較於自行開發整套圖示來說也更省時省事。



本文要推薦「Unicons」是最近新釋出的一套免費圖示這套圖示集有超過 1000 個以上圖案,提供 SVG 向量圖示和圖示字型(Iconfont)格式,使用者可以自訂每個圖示大小、顏色和顏色。每個圖案細節皆符合完美像素(Pixel-Perfect),在所有螢幕尺寸輕鬆放大、縮小都不會影響清晰度。

Unicons 包含 20 多種分類,例如使用者介面、通訊、商業、醫療等等,圖示皆以 24px 網格製作,讓圖示在所有螢幕上保持一致。如果你是開發者,網站提供 CSS 可直接加入圖示字型樣式;若你是設計師,只要下載 Icondrop 外掛即可在你喜歡的繪圖工具中快速使用圖示,例如:Sketch、Adobe XD、Adobe Illustrator、Adobe Photoshop、Microsoft Word 和 PowerPoint 等等。

網站名稱:Unicons
網站鏈結:https://iconscout.com/unicons

使用教學

STEP 1

開啟 Unicons 網站,往下拖曳可以看到所有圖示,預設情況下會顯示所有分類,可以從左側切換不同的圖案類別,或透過搜尋方式找到相關圖案。

https://free.com.tw/blog/wp-content/...02-04_2104.png

STEP 2

點選圖示後會顯示該圖示的載入方式(程式碼),也會有 .svg 向量圖下載鏈結,比較特別的是 Unicons 提供內容傳遞網路也就是 CDN 鏈結,如果要使用某些 svg 檔案但又不希望耗費自己的主機流量能直接取用該網址。

https://free.com.tw/blog/wp-content/...02-04_2105.png

STEP 3

想要下載整套圖示集,點選上方的「Download Now」按鈕,不過必須先註冊或登入帳號才行。在這裡還能看到 Unicons 的 Github 鏈結,這是開放原始碼專案,有興趣的使用者都可以自由加入參與協作。

https://free.com.tw/blog/wp-content/...02-04_2115.png

STEP 4

前面有提到如果你想將 Unicons 直接使用為圖示字型,網站也有提供樣式表 .css 網址,找到這段原始碼、貼到要載入的網站中就能使用,從 Unicons 首頁檢索對應的程式碼就能將圖示使用到網頁裡。

https://free.com.tw/blog/wp-content/...02-04_2107.png

如果你是設計師或行銷人員,網站也有開放免費下載 Icondrop 外掛程式,可以快速在你喜愛的繪圖軟體、文書處理工具取用 Unicons 圖示,將網頁往下拖曳、點選應用程式圖示即可下載。

https://free.com.tw/blog/wp-content/...-04_2107-1.png

值得一試的三個理由:
  1. 收錄超過 1000 個圖示,提供 SVG 和圖示字型格式
  2. 每個圖案細節皆符合完美像素,放大縮小都不影響解析度
  3. 將樣式網址加入網站就能快速取用 Unicons 圖示
喜歡 Unicons 超過 1000 個向量圖示免費下載,完美像素放大縮小不影響解析度 嗎?歡迎將免費資源網路社群加入書籤,以 Facebook、Twitter 或 Google+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

http://feeds.feedburner.com/~ff/freegroup?d=qj6IDK7rITs http://feeds.feedburner.com/~ff/free...IM:-BTjWOF_DHI http://feeds.feedburner.com/~ff/freegroup?d=I9og5sOYxJI http://feeds.feedburner.com/~ff/freegroup?d=7Q72WNTAKBA http://feeds.feedburner.com/~ff/freegroup?d=yIl2AUoC8zA http://feeds.feedburner.com/~ff/free...IM:kDLq2EXqxdQ


來源...


所有時間均為 +8。現在的時間是 12:43 PM

Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2019,Jelsoft Enterprises Ltd.
RiS 社群 ( 感謝明易資訊有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger


Content Relevant URLs by vBSEO 3.6.0 PL2