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