身為阿里巴巴集團旗下的設計資源庫,阿里icon則是優秀的圖示設計庫。它不僅提供了大量的圖標資源,還有豐富的使用方式和細緻的設計指南。以下將對阿里icon的使用進行詳細介紹。
一、入口
阿里icon可以在阿里巴巴向量圖庫中找到,也可以透過阿里巴巴圖示庫網站iconfont來存取。
阿里巴巴向量圖庫位址:https://www.iconfont.cn/
阿里巴巴圖示庫網站iconfont位址:https://www.iconfont.cn/
#二、搜尋
阿里icon的搜尋功能非常強大,可以透過以下方式找到所需的圖示:
1.關鍵字搜尋
透過輸入關鍵字可以快速找到相關的圖示。例如搜尋“Ai”,就可以找到包括Adobe Illustrator在內的所有“Ai”開頭的圖示。
2.分類搜尋
阿里icon提供了多種分類,包括業務、設計風格、功能、圖示類型等。可以透過分類搜尋定位所需的圖示。
3.標籤搜尋
每個圖示都有多個標籤,可以透過標籤快速找到相關的圖示。例如可以搜尋“郵件”,然後點選“信封”標籤,就可以快速找到與郵件相關的信封圖示。
三、下載
在找到需要的圖示之後,可以進行下載。阿里icon提供了兩種下載方式:下載程式碼和SVG下載。
1.下載程式碼
下載程式碼分為兩種:Symbol和Font Class。其中Symbol是基於SVG圖示的程式碼,Font Class是基於字體的程式碼。使用程式碼方式需要將程式碼插入html。
2.SVG下載
SVG下載就是將圖示以SVG格式進行下載。這種方式適用於需要處理SVG影像的設計師。
阿里icon提供了大量的高品質圖標,且提供了多種使用方式,涵蓋了設計、研發工作所需的各種場景。希望這篇文章能幫助你有效運用阿里icon
以上是阿里icon怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!