在一些大公司推動(dòng)的產(chǎn)品開發(fā)都會(huì)有「設(shè)計(jì)語言」（Design Language），簡單來說就是將設(shè)計(jì)的表達(dá)方式、偏好或風(fēng)格系統(tǒng)化，寫成明確規(guī)范，讓設(shè)計(jì)師和開發(fā)人員間能夠溝通運(yùn)用，另一方面也可重復(fù)使用設(shè)計(jì)組件，避免重復(fù)開發(fā)，將時(shí)間投入在真正重要的事物本質(zhì)上。更重要的是讓產(chǎn)品在不同平臺(tái)的設(shè)計(jì)風(fēng)格維持一致性，以提升產(chǎn)品的識(shí)別度、強(qiáng)化品牌形象。

本文要介紹的「Fluent Icons」是 Icons8 新推出的免費(fèi)圖集，采用微軟的流暢設(shè)計(jì)（Fluent Design）風(fēng)格，流暢設(shè)計(jì)是微軟在 2017 年開發(fā)者大會(huì)提出的設(shè)計(jì)體系，基于五個(gè)最重要的關(guān)鍵元素：光感，深度，動(dòng)效，材質(zhì)及縮放，能讓整體看起來更具質(zhì)感也更為活潑。

微軟的流暢設(shè)計(jì)（Fluent Design）就如同 Google 質(zhì)感設(shè)計(jì)（Material Design）、Apple 扁平化設(shè)計(jì)（Flat Design），都是一個(gè)設(shè)計(jì)體系，遵循指導(dǎo)手冊(cè)就能開發(fā)設(shè)計(jì)出類似效果的界面或是應(yīng)用程序。

Icons8 這次推出的 Fluent Icons 圖集一共收錄 965 個(gè)免費(fèi)、漂亮且專業(yè)的圖標(biāo)，這些圖標(biāo)適合適用于應(yīng)用程序、網(wǎng)站或信息圖表，圖案風(fēng)格看起來活潑有趣，但又不失專業(yè)，利用適當(dāng)?shù)念伾c光線效果吸引使用者目光。可免費(fèi)下載 48px、96px 兩種尺寸、PNG 格式圖片素材，依照授權(quán)免費(fèi)使用時(shí)必須標(biāo)示出處來源。

Fluent Style Icons — Icons8

網(wǎng)站鏈接：https://icons8.com/l/fluent/

使用教學(xué)

開啟 Icons8 的 Fluent Icons 網(wǎng)站可以看到此風(fēng)格的特色介紹，即使圖標(biāo)色彩繽紛，依然保有專業(yè)感，在某些情境下使用有加分效果。下方有 Fluent Icons 各類圖標(biāo)，包括用戶界面、醫(yī)療、食品、手勢(shì)、商業(yè)和其他，點(diǎn)選分類底下的鏈接可以看到更多圖標(biāo)，總數(shù)有 965 個(gè)。

點(diǎn)選任何你要下載的圖標(biāo)，開啟 Icons8 網(wǎng)站后點(diǎn)選「Download」下載文件，另外也有一個(gè)是直接產(chǎn)生網(wǎng)址的 HTML 嵌入方式。

免費(fèi)用戶可下載 PNG 格式，大小為 48px、96px 或小于 100px 的自定義大小圖案，如果要下載更大張的文檔或是取得 SVG 或 PDF 格式必須付費(fèi)升級(jí)才行。

下載后會(huì)顯示如果是免費(fèi)下載、使用的話必須在你使用圖標(biāo)的頁面放上圖示來源鏈接，確認(rèn)沒問題點(diǎn)選「Download for free」就能免費(fèi)獲取圖標(biāo)。

前面有提到除了下載文檔，Icons8 還提供另一種「HTML 嵌入」方式，簡單來說就是直接給你網(wǎng)頁程序代碼，分為 CDN 和 Base64 兩種，通過網(wǎng)頁給出的 HTML 程序代碼就能將圖標(biāo)快速使用于網(wǎng)站（當(dāng)然使用時(shí)必須標(biāo)示來源出處）。

值得一試的三個(gè)理由：

• Icons8 新推出 Fluent Icons 免費(fèi)圖標(biāo)，一共有 965 個(gè)圖標(biāo)設(shè)計(jì)
• 采用微軟的流暢設(shè)計(jì)（Fluent Design），色彩繽紛但保有專業(yè)感
• 可免費(fèi)下載 48px、96px 的 PNG 格式，亦可取得 CDN 鏈接網(wǎng)址

更多素材：