iOS & Android 设计规范

无论是刚接触UI设计的小白，还是有一段时间没做移动端项目的UI老手，在新接手移动端UI设计时，都会有那么一段时间，处于迷茫状态：手机的更新速度越来越快，设计规范是不是也与时俱进了呢？在哪里才能获得最新、最准的设计规范呢？

于是，在开始项目之前，我们很快迷失在，各种设计网站中的，各种不同的设计规范之中。有过这样的经历的朋友，都会发现，不同作者写出来的文章，有很多的差异性，说法或者是描述不完全一致，有的甚至还带有很明显的个人偏好，不适用于通用规范。然而移动端的设计，又是一件那么严谨的事情，哪怕只有1、2个像素的偏差，也会被放大得很明显。

那么究竟谁的说法才是正确的呢？我们很难确定，但是又不能一拍脑袋，随意做决定。尤其是安卓客户端，厂商多如牛毛，各种规范色彩纷呈，争妍斗艳，没有一个统一的标准，这样使得设计师的内心，很迷茫，很困惑。

处在这样尴尬的境地时，我们该怎么办呢？很简单，我们需要一个随时更新的、官宣的规范标准，来立身正影。

iOS官宣标准：Human Interface Guidelines

网址：https://developer.apple.com/design/resources/

点击图1，左侧标1的蓝色文字链接，可以直接在线浏览iOS的设计规范指引，如图2所示，

左侧的菜单栏，对不同的规范进行了分门别类，可以根据需要，点击浏览；也可以直接滑动屏幕，往下翻页查看。

点击图1，右侧标2的资源链接，我们可以直接下载规范资源，以sketch为例，打开下载文件，得到的界面如下，

在左侧的pages中， 我们看到的是常用的设计指引规范，Fonts，Safe Areas，UI Elements等等，因此，在做界面的时候，就可以边看边做，或者是直接复制粘贴使用。

当然，为了方便以后直接调用指引规范，我们可以把这个文件储存为模版。等再次新建文件时，从  <文件 - 从模版新建 - iOS Design>  打开就好，方便快捷，如图4所示,

Android官宣标准：Material Design

网址：https://www.mdui.org/design/

由于安卓手机的市场比较复杂，厂商众多，各家有各家的规范标准，所以选取了具有代表性的谷歌出品的设计规范，Material Design，传说可以和iOS的设计规范相媲美。

这是翻译成中文的网站，如果有需要，也可以点击英文网址，查阅源文件,

网页的左侧的导航，对应不同的规范，可依次点击查看。

同样，我们也可以在资源里，下载组件库，如图6所示，

以sketch为例，打开下载文件，得到的界面如下，


我们也可以把该文件储存为模版，以方便以后直接调用。等再次新建文件时，从  <文件 - 从模版新建 - Material Design>  打开就好。

通过以上途径，我们就可以轻松获取，最全新、最权威的设计指引标准。
但是有一点需要特别的注意，那就是我们从资源库下载出来的贴图，都是1倍图，那么所有的设计规范，也适用于1倍图。

细心的朋友，可能已经发现了，在这两个网站中，也包含了Windows网页和macOS的设计规范指引，我们也可以通过同样的方式，获取到网页设计规范。