设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

时间:2022-08-17
类别:在线工具
观众:1.6w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

没有规矩不成方圆,这句话在 UI 设计中的体现更甚。不管是 WEB 还是 APP 设计,大到一整个页面,小到一个 icon,都是需要制定严格规范的。设计规范是约束和成就很多优秀产品的基础,是打造优秀体验的基底。目前设计 UI 效果图的时候,大家应该都是以 IOS 的规范来设计的吧,那你知道标准的 IOS 设计规范是什么吗?不知道的话,哎~今天你就见到了,下面要介绍的神器就是来自苹果官方的 IOS 组件库!

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

一、神器介绍

Developer 如上面所说,是苹果公司自主出品的一套设计资源库。苹果公司开发这个资源库的目的就是让设计师在设计 IOS 线上项目时有一套标准的规范,使得后续开发工作如德芙般丝滑~所以在这个资源库里你可以找到苹果旗下所有产品的设计资源,比如 iPhone iOS15 的设计规范、Macbook Mac OS12 的设计规范以及 Apple Watch 的设计规范:

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

除了设计规范,还提供一些官方组件、官方字体、特殊的设计模板、ICON、样机供我们下载。可以下载下来的源文件格式包含 XD、Sketch、PS、PDF 这种 UI 设计师所常用的资源,所以不用担心软件兼容问题。好了,即使有的小伙伴可能了解过这个资源库,也请允许我继续介绍下去,因为这个资源库对刚入行的小伙伴来说,可谓是快速了解 IOS 设计规范的神器!

二、界面说明

网站是苹果家族中的一员,所以整体的设计风格非常的简约大方,版块区分的十分明显。从首屏说起吧,首屏里有几个快速定位内容的分类导航按钮:

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

这些按钮总合了网站的全部设计资源种类,比如 iOS&iPhone、mac OS、watch OS 等等苹果产品相关的组件。每个种类都可以点击,点击之后就可以快速定位到该资源的下载专区,比如点击watch OS,就会直接滑动到该产品的区域:

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

大家如果目的特别明确,就直接通过这些分类导航按钮去定位吧,不用慢慢滚动页面浪费时间了。说完这块儿,就剩下每个版块的展示了,向下滚动页面,我们会逐渐看到所有的设计资源,不过每种设计资源的可操作内容都大差小不差,就以「iOS and iPadOS」为例吧:

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

每个种类的版块里都是由各种产品的缩略图和源文件下载按钮组成,当然了也有每个源文件的内存大小展示,大家可以根据自己的网络环境去决定什么时候下载这些源文件。

除了这种组件库类的资源,还有字体这样的资源可以下载:

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

这些字体都是标准的 iOS 系统中用到的字体,不用担心有任何的变形问题。

还有一些 icon 类的资源也是十分精致,苹果官方出品的 icon 都是严格按照设计规范制作的,所以节省了我们自己去调整规范的时间:

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

其他类别的资源也都是我们能用到的,说了这么多内容,接下来就说说如何获取这些资源吧!

三、下载方式

刚才说到了每个种类的版块里都有源文件的下载按钮,下载的方式就一步,就是点击源文件按钮即可:

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

然后还有一种情况,就是如果你点击的是 Sketch 的源文件,同时你的电脑里有 Sketch,那么网站会直接询问我们是否打开 Skecth,如果同意,那么就会自动把文件同步进 Sketch:

设计神器Developer!苹果公司官方出品的设计组件、字体、样机资源库

不愧是苹果出品的设计资源啊,就是这么方便!

四、使用授权范围

该网站的所有资源都是可以免费商用的啊,因为这些资源都属于开发者开放中心,所以虽然没有明确的说明,但是也都是可以随意使用的哈。

五、值得一试的3个理由

  1. 苹果官方出品资源极其靠谱
  2. 资源分类明确查找效率极高
  3. 下载方便一键即可下载并可立即同步在软件中

刚入行的 UI 小伙伴可能会像无头苍蝇一样去寻找一些 iOS 的标准设计规范资源,但是容易误入歧途,毕竟有的苹方字体都是假的错的,所以啊,直接来官方这里下载资源是极其靠谱的,官方提供的资源总不会有错吧,而且资源都会第一时间更新,确保我们拿到的 iOS 资源一定是最新版本!说了这么多,大家要是有兴趣的话,链接就在下面快去看看吧!

神器链接:https://developer.apple.com/design/resources/

本文编辑:CCOA

使用过这款神器的朋友也使用过...

附件下载

文件名 文件大小 提取码 下载来源
Apple官方素材包1.6Gxufc 点此复制 登录下载
8 收藏 27

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片