在一些大公司推動的產(chǎn)品開發(fā)都會有「設(shè)計語言」(Design Language),簡單來說就是將設(shè)計的表達方式、偏好或風格系統(tǒng)化,寫成明確規(guī)范,讓設(shè)計師和開發(fā)人員間能夠溝通運用,另一方面也可重復使用設(shè)計組件,避免重復開發(fā),將時間投入在真正重要的事物本質(zhì)上。更重要的是讓產(chǎn)品在不同平臺的設(shè)計風格維持一致性,以提升產(chǎn)品的識別度、強化品牌形象。
本文要介紹的「Fluent Icons」是 Icons8 新推出的免費圖集,采用微軟的流暢設(shè)計(Fluent Design)風格,流暢設(shè)計是微軟在 2017 年開發(fā)者大會提出的設(shè)計體系,基于五個最重要的關(guān)鍵元素:光感,深度,動效,材質(zhì)及縮放,能讓整體看起來更具質(zhì)感也更為活潑。
微軟的流暢設(shè)計(Fluent Design)就如同 Google 質(zhì)感設(shè)計(Material Design)、Apple 扁平化設(shè)計(Flat Design),都是一個設(shè)計體系,遵循指導手冊就能開發(fā)設(shè)計出類似效果的界面或是應(yīng)用程序。
Icons8 這次推出的 Fluent Icons 圖集一共收錄 965 個免費、漂亮且專業(yè)的圖標,這些圖標適合適用于應(yīng)用程序、網(wǎng)站或信息圖表,圖案風格看起來活潑有趣,但又不失專業(yè),利用適當?shù)念伾c光線效果吸引使用者目光。可免費下載 48px、96px 兩種尺寸、PNG 格式圖片素材,依照授權(quán)免費使用時必須標示出處來源。
Fluent Style Icons — Icons8
網(wǎng)站鏈接:https://icons8.com/l/fluent/
使用教學
開啟 Icons8 的 Fluent Icons 網(wǎng)站可以看到此風格的特色介紹,即使圖標色彩繽紛,依然保有專業(yè)感,在某些情境下使用有加分效果。下方有 Fluent Icons 各類圖標,包括用戶界面、醫(yī)療、食品、手勢、商業(yè)和其他,點選分類底下的鏈接可以看到更多圖標,總數(shù)有 965 個。
點選任何你要下載的圖標,開啟 Icons8 網(wǎng)站后點選「Download」下載文件,另外也有一個是直接產(chǎn)生網(wǎng)址的 HTML 嵌入方式。
免費用戶可下載 PNG 格式,大小為 48px、96px 或小于 100px 的自定義大小圖案,如果要下載更大張的文檔或是取得 SVG 或 PDF 格式必須付費升級才行。
下載后會顯示如果是免費下載、使用的話必須在你使用圖標的頁面放上圖示來源鏈接,確認沒問題點選「Download for free」就能免費獲取圖標。
前面有提到除了下載文檔,Icons8 還提供另一種「HTML 嵌入」方式,簡單來說就是直接給你網(wǎng)頁程序代碼,分為 CDN 和 Base64 兩種,通過網(wǎng)頁給出的 HTML 程序代碼就能將圖標快速使用于網(wǎng)站(當然使用時必須標示來源出處)。
值得一試的三個理由:
- Icons8 新推出 Fluent Icons 免費圖標,一共有 965 個圖標設(shè)計
- 采用微軟的流暢設(shè)計(Fluent Design),色彩繽紛但保有專業(yè)感
- 可免費下載 48px、96px 的 PNG 格式,亦可取得 CDN 鏈接網(wǎng)址
更多素材:
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運星
發(fā)表評論 為下方 2 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓