現(xiàn)在很多企業(yè)公司或品牌都會(huì)將自己開發(fā)的設(shè)計(jì)素材開放出來，像是圖標(biāo)集、字體或是網(wǎng)頁框架等等，使這些項(xiàng)目可以被更多人使用，或是在開源的情況下創(chuàng)造出更多可能性，當(dāng)然一方面也能提高被看到的機(jī)會(huì)。之前介紹過IBM Plex 就是其中一個(gè)例子：
除了騰訊，這5家世界頂級(jí)公司也有自己的專屬字體（打包下載）
編者按：最近騰訊發(fā)布了一個(gè)中文字庫(kù)，引起了很多設(shè)計(jì)師的熱議，中文字體開發(fā)難度大，時(shí)間長(zhǎng)，能做好非常不容易，所以很少有公司能有自己的字體。
閱讀文章 >>
本文要介紹的「IconPark」是一套完整免費(fèi)圖標(biāo)庫(kù)，也是字節(jié)跳動(dòng)（ByteDance）釋出的官方圖標(biāo)集（旗下最知名的就屬抖音、TikTok），IconPark 一共收錄超過 1400 個(gè)圖標(biāo)，從基礎(chǔ)到各種類型應(yīng)有盡有，在網(wǎng)站里可以預(yù)覽這些圖標(biāo)，點(diǎn)選快速下載 SVG 或 PNG 圖片格式，也能復(fù)制 SVG、React 和 Vue 代碼，勾選圖標(biāo)后批次下載文件。
IconPark 網(wǎng)頁提供可自定義圖標(biāo)功能，像是圖標(biāo)大小、線條粗細(xì)、圖標(biāo)風(fēng)格（顏色）、邊線和填充顏色、端點(diǎn)類型、拐點(diǎn)類型都能選擇設(shè)定，直接在網(wǎng)頁在線預(yù)覽效果，透過 SVG 源文件變化出不同的顏色效果，只需要改變一個(gè) SVG 文件的屬性就能切換多種主題設(shè)計(jì)。如果你需要更多信息，IconPark 也在 GitHub 開放原始碼提供完整原始文件。
ByDesign IconPark
網(wǎng)站鏈接：https://iconpark.bytedance.com/official
使用教學(xué)
開啟 IconPark 后可以看到許多圖標(biāo)，從左側(cè)選單選擇圖標(biāo)類別，或透過上方搜索框輸入關(guān)鍵詞進(jìn)行查找，每個(gè)圖標(biāo)會(huì)有預(yù)覽、中文說明和英文名稱，右側(cè)是調(diào)整圖標(biāo)大小、線條粗細(xì)、圖標(biāo)風(fēng)格顏色的工具字段。
IconPark 依照主題對(duì)圖標(biāo)進(jìn)行分類，包括基本圖標(biāo)、人群、書籍、內(nèi)容編輯、天氣、手勢(shì)、方向、交流、醫(yī)療健康、聲音、時(shí)間、圖表、抽象等等相當(dāng)詳細(xì)，使用者可以很容易找到自己需要的圖標(biāo)。
點(diǎn)選圖標(biāo)可以勾選，以便稍后批次下載、一次取得所有選擇的圖標(biāo)。如果點(diǎn)選圖標(biāo)選單，可以快速?gòu)?fù)制 SVG、React 和 Vue 代碼（貼上就能使用），或是直接下載 SVG、PNG 格式。
若你覺得每個(gè)圖標(biāo)標(biāo)示中文描述和名稱看起來很雜亂，無法很仔細(xì)查看這些圖標(biāo)，從右上角也能切換不同預(yù)覽模式，讓它只單獨(dú)顯示圖標(biāo)而沒有其他信息。
從右側(cè)的編輯器可以調(diào)整圖標(biāo)大小、線條粗細(xì)、圖標(biāo)風(fēng)格（顏色）和線條顏色，設(shè)定后預(yù)覽模式會(huì)自動(dòng)更新，就能立即查看新的圖標(biāo)效果。
比較特別的是 IconPark 提供線性、填充、雙色和多色的圖標(biāo)風(fēng)格，若你覺得默認(rèn)線性設(shè)計(jì)看起來太過單調(diào)無趣，也可以選擇不同風(fēng)格加入顏色，顏色部分可供使用者自定義，例如選擇多色模式下可自定義外框線條顏色、外部填充顏色、內(nèi)部線條顏色和內(nèi)部填充顏色，就可以制作出看起來更生動(dòng)活潑的彩色圖標(biāo)集。
值得一試的三個(gè)理由：
- 字節(jié)跳動(dòng)釋出的官方圖標(biāo)集，一共收錄超過 1400 個(gè)圖標(biāo)
- 下載 SVG 和 PNG 格式，或是快速?gòu)?fù)制 SVG、React 和 Vue 代碼
- 在線自定義圖標(biāo)大小、線條粗細(xì)、風(fēng)格和顏色等選項(xiàng)
