作为UI设计师,一定对阿里iconfont图标并不陌生,它是国内功能很强大且图标内容丰富的矢量图标库,由阿里巴巴体验团队亲历打造,是设计和前端开发的便捷工具。通常情况下,设计师们需要前往阿里iconfont网站,在该网站上注册账号并登录,随后进行图标的搜索并下载至本地等操作本篇文章将介绍一种在线免费使用阿里iconfont图标的教程,无需下载至本地,一键获取使用。

阿里iconfont图标

阿里iconfont图标,免费使用教程

阿里iconfont作为一款强大的图标库,几乎是设计师必备的图标资源如今设计工具越来越注重设计生态环境建设,为设计师带来切实的便捷。如在线矢量编辑工具Pixso,为用户提供了开放的插件生态,包括图标、开放、图片编辑、交付等。本篇文章将为你价绍如何依托设计工具的设计生态,在线免费使用阿里iconfont图标资源。

以Pixso资源社区的电子商务APP UI界面为例,我们需要找到合适的的icon图标来作为底部导航栏图标,具体方法如下:

步骤一:浏览器在线访问Pixso插件广场,进入插件库。

阿里iconfont图标

步骤二:在Pixso插件广场选择图标分类,下拉找到iconfont点击安装,或在搜索框直接搜索iconfont进行下载安装,👉点击一键安装阿里iconfont图标插件。

iconfont图标

步骤三:安装完成后,进入Pixso工作台,打开电子商务APP UI设计文件页面,点击右上角的插件按钮,找到iconfont插件并打开,即可在Pixso中一站式搜索和应用iconfont中的图标资源。

iconfont使用

在Pixso的iconfont插件中,你可以进行icon关键词搜索,这里以搜索【首页】为例,经过检索后,相关【首页】的图标便悉数展示;

阿里iconfont图标

你还可以在插件中快速修改icon色值,以便预览效果;以及进行图标样式、规格大小等选择。选中你想要的icon后,无需下载至本地,只需点击鼠标拖拽相应icon到文件,即可进行编辑修改和使用,。

阿里iconfont图标

是不是十分方便!结合设计工具Pixso使用iconfont插件,你无需再单独打开一个网页来寻找icon,也无需下载至本地再进行应用,一站式完成免费下载操作,还可以点击icon右下角的超链接按钮,跳转至iconfont官网查看完整图标库。

阿里iconfont图标

icon图标插件,一键安装使用

除了上面介绍的阿里iconfont插件,Pixso插件广场还有其他icon图标库插件可供使用,均可一键安装下载使用,帮助你缩短寻找素材的时间。

3D icons

阿里iconfont图标

3D icons图标插件内置海量3D图标,并且支持调整颜色样式:默认彩色、渐变、灰白、黑金,满足多元化使用场景,此外,该插件还支持调整3D图标icon的视图:动态、正视图、等轴视图,再次提高插件使用效率。

lconPark

阿里iconfont图标

lconPark是字节跳动出品的高质量开源图标库,也是许多设计师都在使用的图标库,包含2600+基础图标,以及29种图标分类,Pixso中的lconPark插件,支持进行分类、规格、图标样式等选择,为你带来更便捷的操作。

Phosphor Icons

阿里iconfont图标

Phosphor Icons是国外优质的图标素材库,共含1248 个图标,适用于界面设计、图表、演示的甄选图标。Phosphor Icons的官网是全英文版本,操作起来并不是那么顺手,但在Pixso中的Phosphor Icons插件,已经为你简化操作,你只需通过搜索,就能找到你想要的图标,还可以进行6种字重的类型筛选。

Pixso插件广场,助力高效设计

除了文章中提到的阿里iconfont图标插件,Pixso插件广场还汇集了多色矢量网格、斜切、图片取色、旋转复制、大厂色板、字体替换、智能填充、Pexels等众多宝藏插件,Pixso插件内置于工作台中,可以一键快速调用,让设计效率成倍提升,帮设计师拓展设计边界,创造无限可能!点击进入Pixso插件广场一探究竟,开启全新的设计体验。

阿里iconfont图标