快捷搜索:  汽车  科技

图标设计技术:万字长文 终极图标设计指南

图标设计技术:万字长文 终极图标设计指南3. https://akveo.github.io/eva-icons/#/设计风格干净、简约,网站提供这些图案的各种预览效果(缩放、抖动、翻转)。Eva Icons 有两种不同样式,包括只有外框线条的 Outline 或者填满色彩的 Fill。Heroicons是由Tailwind CSS的创建者构建的另一个很棒的开源图标库。它具有超过165个具有填充和轮廓样式的独立图标,但每个元素也提供深色和白色版本,图标的外观非常优质且制作精良。

编辑导语:图标是用户页面不可缺少的元素,本篇文章作者分享了国内外比较优质的图标网站、设计师以及团队分享,有需要的小伙伴一起来看看吧,希望对你有帮助。

图标设计技术:万字长文 终极图标设计指南(1)

一、图标网站分享

设计图标前通常会找很多参考作为设计灵感,下面推荐国内外比较优质的图标网站。给大家做参考。

1. https://remixicon.com/

套面向设计师和开发者的开源图标库。质量很高,风格中性大气,因此适用于很多风格的项目,图标以24×24网格为基准,分为“线性图标”和“面型图标”两种风格。支持全部打包下载,也支持单独下载。

图标设计技术:万字长文 终极图标设计指南(2)

2. https://feathericons.com/

简单漂亮的开源图标,支持在线修改颜色、属性,功能强大。

图标设计技术:万字长文 终极图标设计指南(3)

3. https://akveo.github.io/eva-icons/#/

设计风格干净、简约,网站提供这些图案的各种预览效果(缩放、抖动、翻转)。Eva Icons 有两种不同样式,包括只有外框线条的 Outline 或者填满色彩的 Fill。

图标设计技术:万字长文 终极图标设计指南(4)

4. https://heroicons.dev/

Heroicons是由Tailwind CSS的创建者构建的另一个很棒的开源图标库。它具有超过165个具有填充和轮廓样式的独立图标,但每个元素也提供深色和白色版本,图标的外观非常优质且制作精良。

图标设计技术:万字长文 终极图标设计指南(5)

猜您喜欢: