iOS 12 官方UI模板
2018-09-20 本文已影响14人
UI设计达人
iOS 12系统已经出来,某些界面设计已经做出新的更新,为了让设计师能快速按照 iOS 的标准来设计 APP,苹果官方已经分享出相应的 UI 元素,通过这些模板,可以快速实现标准的 iOS 界面,用来设计 iPhone X/XS/XR都很不错。
如果是新手,对规范不熟悉的话,也建议下载这些UI素材来参考设计,而且是来自官方,界面也齐全,推荐下载学习或直接使用。
下载地址,请见文章末尾。

IOS UI 设计元素
Apple UI设计素材包括Sketch、Photoshop和Adobe XD模板,以及全面的UI资源,描述了使用iOS SDK的开发人员可以使用的所有控件、视图、字形。 这些资源可帮助您设计与iOS设计语言相匹配的应用程序。
iOS12颜色系统

设计模板:包含 iPhone 8/iPhone X


安全区




字体规范


图标模板

Mac OS 10
有两组配色,分别是暗色调和亮色调。







下载地址
以上提供的 UI 元素均可苹果官方资源页面下载,含有多个常用的设计软件模式,设计师可以根据自已需求下载使用。
官方下载地址:https://developer.apple.com/design/resources/
新增非DMG版下载地址:
Phothsop版:https://pan.baidu.com/s/1wqLkLPqW75nDoRupDGFfxw密码: r25e
Sketch版:https://pan.baidu.com/s/1kd_ur_hvxWwoj9fRimWX2A 密码: ppcr
iOS、Android 字体下载:http://www.shejidaren.com/app-she-ji-bi-bei-zi-ti.html