一些公司推动的产品发都会「设语言」(Design Language),简单就将设的表达方式、偏好或风格系统化,写明确规范,让设师发人员间能够沟通运用,另一方面也可重复使用设组件,避免重复发,将时间投入真重的事本质。重的让产品不同平台的设风格维持一致性,以提升产品的识别度、强化品牌形象。
本文介绍的「Fluent Icons」是 Icons8 推的免图集,采微软的流畅设计(Fluent Design)风,流畅设计是微软在 2017 年开者大提出的设计系,基个最重要的关键元素:光感,深度,动效,材质及缩放,能让整看来更具质感也更为活泼。
用一篇文章,帮你看懂微软最新发布的「流畅设计体系」!
阅读文章
微软的流畅设计(Fluent Design)就同 Google 质感设计(Material Design)、Apple 扁平化设计(Flat Design),是一个设计系,遵循指导手册就能开设计出类似效果的界面或是应用程序。
Icons8 次推出的 Fluent Icons 图集一共收录 965 个免费、漂亮且业的图标,图标适合适用应用程序、网站或信息图表,图案风看来活泼有趣,但又不失业,用适当的颜与光效果吸引使用者目光。免费下载 48px、96px 两种尺寸、PNG 式图素材,依照授权免费使用时必须标示出处来源。
Fluent Style Icons — Icons8
网站链接:https://icons8.com/l/fluent/
使用教学
开启 Icons8 的 Fluent Icons 网站以看到此风的特介绍,即使图标彩缤纷,依有业感,在某情境下使用有加分效果。下方有 Fluent Icons 各类图标,包括用户界面、医疗、食品、手势、业和其他,点选分类底下的链接以看到更图标,总数有 965 个。
点选任何你要下载的图标,开启 Icons8 网站点选「Download」下载文件,另外也有一个是直接产生网址的 HTML 嵌方式。
免费用户下载 PNG 式,大小为 48px、96px 或小 100px 的自定义大小图案,果要下载更大的文档或是取得 SVG 或 PDF 式必须付费升级才行。
下载显示果是免费下载、使用的必须在你使用图标的页面放上图示来源链接,确认没问题点选「Download for free」就能免费获取图标。
前面有提到除下载文档,Icons8 还提供另一种「HTML 嵌」方式,简单来说就是直接给你网页程序代码,分为 CDN 和 Base64 两种,通网页给出的 HTML 程序代码就能将图标快速使用网站(当使用时必须标示来源出处)。
值得一试的三个理由:
- Icons8 新出 Fluent Icons 免费图标,一共 965 图标设
- 采用微软流畅设计(Fluent Design),色缤纷保有专业感
- 可免费下载 48px、96px 的 PNG 格式,亦可取得 CDN 链网址