主页 > ui设计易尔灵网络科技

设计iOS App的UI界面,软件中用到的icon图标可以去哪里下载呢?

152 2023-12-15 09:49

不请自来!

说到 iOS App 的界面设计,其实苹果官方在自己的网站「Apple Design Resources」上提供了一些不错的设计素材,涵盖了 iOS & iPadOS、macOS、watchOS、tvOS、Technologies、Fonts(字体)、SF Symbols(SF 符号)、Product Bezels(产品样机)。

其中的 SF Symbols(SF 符号),应该就是题主在找的 icon 图标,这个 SF 符号(也可以称作字体图标)提供了超过 3200 个图标,与苹果推出的字体 San Francisco 无缝集成,每个图标有 9 种字重(可简单理解为图标轮廓的粗细)和 3 种比例,可以在矢量设计软件中导出和编辑。

不过需要注意的是,SF 符号是一个独立的 macOS 应用,并不是一个通用的图标素材合集,目前只能在 macOS 系统上使用,如果你手里没有 Mac 电脑,那就无法用上苹果提供的这个字体图标库

既然苹果官方提供的图标库无法在 Windows 系统上使用,那我们可以去到一些不限制系统或设备的网站下载 icon 图标:

01 Pixso资源社区

Pixso资源社区,是在线 UI 设计软件 Pixso 推出的开源设计社区,拥有海量免费的设计素材和设计模板,其中就包含题主想要的 icon 图标素材。

将素材类别切换到「图标」,就能看到 Pixso资源社区提供的所有 icon 图标,包含渐变图标、毛玻璃图标、磨砂风格图标、Bootstrap 框架图标、Memoji 图标、NFT 3D 图标等。

免费设计素材和设计模板,尽在Pixso资源社区

Pixso资源社区每周都会上架一批新的设计资源,默认显示的是最近更新的素材,你也可以点击右上角的下拉选项,将默认的「最近更新」更改为「最受欢迎」,就能看到社区内最多人浏览和使用的图标素材。

在 Pixso社区看到感兴趣的 icon 图标,点击封面可以进入图标的详情页,在详情页的右上角,Pixso 提供了两个保存图标素材的选项——收藏调用

如果你点击了调用,它会将这份图标素材直接添加到 Pixso 编辑器左侧的「资源」面板中,让我们可以在设计项目时直接调用图标库中的 icon。

如果你选择了收藏,那么当前的设计资源就会保存到 Pixso 主页的「我的收藏」中,类似于我们平常在其他 App 中进行的收藏操作,可以在一处查看和管理收藏的设计资源。

除了使用来自 Pixso资源社区的 icon 图标,在使用 Pixso 编辑设计文件时,还可以点击 Pixso 顶部工具栏的「插件」图标,从内置的两款矢量图标插件 iconfontIconPark,快速调用来自阿里巴巴和字节跳动两个矢量图标网站的 icon 图标,免去了从外部下载图标再导入软件的步骤。

✅ Pixso 简介

Pixso 是国内专注创意软件开发的万兴科技孵化的新一代在线设计协作工具,浏览器打开即用,免去下载安装步骤,支持 Windows、macOS 和 Linux 系统。

Pixso 虽然是一款基于网页的在线工具,但依托底层的 WebAssembly与 WebGL 性能优势,网页形态的 Pixso 一点也不比本地的客户端软件弱,集合了原型、设计、交互、交付等多种功能,可以解决传统设计需要用到多款工具的「割裂」问题,打通从产品、设计到研发的工作链路,让设计更流畅、协作更高效!

Pixso官网 - 新一代UI设计工具,替代Sketch,Figma,支持在线实时协作

Pixso 个人用户完全免费

Pixso 目前对所有个人用户免费开放,内置的所有功能都可以免费使用!

现在前往 Pixso 官网注册账号,可以享受到 Pixso 会员的所有权益:无限文件数量、无协作者人数限制、无限云存储空间、3000+ 免费设计资源任你用等,满足个人和小型团队在线协作需求,免费享丰富设计资源和高效协作体验!

免费设计素材和设计模板,尽在Pixso资源社区

02 Icons8

Icons8,是一个老牌的 Icon 图标素材网站,这个网站最开始只提供 Icon 图标,后来扩充了素材的类别,包含位图、插画、音频素材。

这个网站会在每年圣诞节推出一套免费的「圣诞」主题插画素材,如下图所示,一双双可爱圆乎乎的小手拿着各式各样的礼物。

这套素材不仅设计精美,还提供了 5 种肤色的素材,照顾到了世界不同地区人群的肤色,可以说非常贴心啦。

这套素材可免费下载使用,不过按照网站的说法,在使用这些图标时,需要注明这些图标是来自 Icons8 这个网站的。如果你不想注明来源,也可以选择购买这套素材。

03 WorldVectorLogo

除了前面介绍的 Icons8,做设计的过程中,有时还会用到一些品牌的 logo,比如登录页面的微 X 登录或苹果账号登录,就需要用到微 X 和苹果的 logo。

不少人使用其他品牌 logo 时,往往都是从搜索引擎下载 PNG 格式的素材,这样得到的素材要么清晰度不高,要么在使用之前需要进行抠图处理。

WorldVectorLogo,一个专门提供各类品牌 logo 的网站,正如网站的名字,这里的 logo 素材都为矢量格式,可无限放大不失真,一般比较大的品牌,都可以在这里找到矢量格式的 logo。

04 unDraw

unDraw,一个开源免费的矢量素材网站,网站提供了许多简约、风格统一的矢量素材,非常适合用在设计项目中。下载素材时,unDraw 有 svg 和 png 两种格式可供选择。

点击网站右上角的取色器,打开取色器面板,修改面板默认的颜色,可以批量调整所有矢量素材中的主色。

以上,就是皮仔私藏的 4 个实用免费的 icon 图标资源网站,希望能帮到有需要的朋友。

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

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

顶一下
(0)
0%
踩一下
(0)
0%
相关评论
我要评论
点击我更换图片

热点提要

网站地图 (共14个专题14745篇文章)

返回首页