大牛出品！上千个流畅设计风格图标免费下载

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

在一些大公司推动的产品开发都会有「设计语言」（Design Language），简单来说就是将设计的表达方式、偏好或风格系统化，写成明确规范，让设计师和开发人员间能够沟通运用，另一方面也可重复使用设计组件，避免重复开发，将时间投入在真正重要的事物本质上。更重要的是让产品在不同平台的设计风格维持一致性，以提升产品的识别度、强化品牌形象。

本文要介绍的「Fluent Icons」是 Icons8 新推出的免费图集，采用微软的流畅设计（Fluent Design）风格，流畅设计是微软在 2017 年开发者大会提出的设计体系，基于五个最重要的关键元素：光感，深度，动效，材质及缩放，能让整体看起来更具质感也更为活泼。

用一篇文章，帮你看懂微软最新发布的「流畅设计体系」！

阿本：就在刚刚举办的 Microsoft Build 2017 中，微软对外公布了它们最新的设计语言——“Fluent Design System”，这一消息给广大设计师又带来了一针强心剂，作为软件大鳄的微软也开始要在设计语言的道路上扮演一个指路人的角色了吗？

微软的流畅设计（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 链接网址

更多素材：

世界最大图标库！30000+图标满足你的所有需求！

不管是交互设计师还是平面设计师等，都会遇到需要在原型图、设计稿中添加 icon 的情况，但一般搜索引擎下载的 icon 不够全面、优质，不能满足设计师的多重需求。