阿里巴巴iconfont怎么是正确的使用方式?

阿里巴巴iconfont怎么是正确的使用方式?

提到阿里巴巴iconfont图标库,想必众多设计师并不陌生,它是阿里巴巴体验团队推出的图标库和图标管理平台,提供了大量免费和可定制的矢量图标,以满足网页设计、平面设计、UI设计、应用程序开发和其他创意项目的需求。

过往要使用阿里巴巴iconfont的图标,我们得先在浏览器打开iconfont首页,从中挑选合适的矢量图标,将图标下载到本地,最后导入设计软件中。

除了这种常见的方式,有人可能会问,是否有更便捷地使用阿里iconfont图标的方法,缩减原本略显繁琐的流程呢?

答案是肯定的!下面就来为各位详细介绍一种在线免费使用阿里iconfont图标的方法,无需下载至本地,一键获取使用。

当涉及到在线设计工具和图标资源,阿里巴巴的Iconfont是不可或缺的资源之一。近年来,设计工具已经不再是孤立的存在,而是构建了更加强大和互联的生态系统,为设计师提供了更便捷的创作体验。这里我们将探讨如何充分利用设计工具生态系统,免费在线使用阿里Iconfont的图标资源。

以Pixso资源社区的电子商务APP UI界面设计为例,我们需要寻找合适的图标来用作底部导航栏的图标。以下是具体的步骤——

步骤一:访问Pixso插件广场

首先,打开在线设计工具Pixso首页,单击顶部导航栏「资源社区」,选择「插件广场」,访问Pixso插件广场,进入插件库。在这里,你将找到各种可用的插件,包括Iconfont图标库插件。

步骤二:安装Iconfont插件

在Pixso插件广场中,你可以选择图标的分类,或者直接在搜索框中搜索“Iconfont”插件并下载安装。点击插件右侧的「安装」按钮,即可将阿里Iconfont的图标插件添加到Pixso工作台中。

步骤三:使用Iconfont插件

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

在Pixso的Iconfont插件中,你可以使用关键词搜索图标。例如,如果你需要一个「首页」的icon图标,只需搜索该关键词,相关的首页图标将全部展示。

你还可以在插件中快速修改图标的颜色,以便在设计中预览效果。此外,你可以选择图标的样式、大小等参数。一旦选中你想要的图标,无需将其下载到本地,只需点击并将其拖放到你的设计文件中,即可进行进一步编辑和使用。

这是不是非常便捷?通过Pixso设计工具的Iconfont插件,你无需再单独浏览网页以查找图标资源,也无需将它们下载到本地再导入设计软件,一切都可以在Pixso工作台中完成,节省了你的时间和提高了工作效率。另外,你可以通过点击图标下方的超链接按钮,直接跳转到Iconfont官方网站,以查看完整的图标库。

除了Iconfont插件,Pixso插件广场还提供了其他图标库插件,同样可以一键安装和使用。这些插件将帮助你更快速地找到所需的素材。

3D Icons:这个插件内置了大量的3D图标,支持颜色和视图样式的调整,以满足不同的设计需求。

IconPark:IconPark是字节跳动推出的高质量开源图标库,包含了2600多个基础图标,可通过分类、规格和样式的选择来快速找到图标。

Phosphor Icons:Phosphor Icons是一个优质的图标素材库,提供1248个精选图标,适用于各种界面设计和演示需求。Pixso中的Phosphor Icons插件简化了操作,让你轻松获取所需图标。

除了上面提到的图标插件,Pixso还提供了更多的插件,包括发光、漂亮阴影、多色矢量网格、斜切、图片取色、旋转复制、大厂色板、字体替换、智能填充等,这些插件都可以帮助你更高效地进行设计,拓展你的创作边界,创造更多可能性。

通过Pixso设计工具的生态系统,你可以在设计软件中直接调用阿里Iconfont的图标资源,而不必离开设计工作台。这将大大提高你的设计效率,为你的项目带来更多的创意和视觉吸引力。

戳下方↓↓卡片,点击访问Pixso插件广场,开启全新的设计体验。

Pixso 目前对所有个人用户免费开放,内置的所有功能都可以免费使用,并且可以享受到多项权益:无限文件数量、无协作者人数限制、无限云存储空间、3000+ 免费设计资源任你用等,满足个人和小型团队在线协作需求,免费享丰富设计资源和高效协作体验!

码字不易,如果对你有帮助的话,请别忘了赏个【三连】或是【关注】我哦,关注不迷路!

我是皮仔 @Pixso协同设计,那我们下次再见!