主页 > APP设计 > 大牛出品!上千个流畅设计风格图标免费下载

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

在一些大公司推动的产品开发都会有「设计语言」(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 链接网址

更多素材: