色彩苹果

iPhone12正式发售！这10条规范总结帮你抓苹果UI设计要点！

学习UI设计的同学，多少都接触过苹果的⼈机界⾯设计指南吧？这份在被奉为圭臬的设计指南当中，融⼊了⼏⼗年来最

为经典、实⽤的设计规范和技巧，它⾮常易读且易于理解。

这份⼈机界⾯指南当中所包含的知识，毫⽆疑问是价值⾮凡的。很多设计师同学，平时⼤都只是泛泛得扫读其中的内

容，但是如果你正⾝处某个设计项⽬当中，结合某些需求和问题再来阅读的时候，会发现其中很多设计规则背后所隐藏

深意和远见。

今天范⼉姐就为⼤家带来DannySapio根据这份经典总结的10条筛选⾃苹果的iOS⼈机设计指南的关键要点，对于正

在设计APP的同学⽽⾔，应该颇有帮助。

1、在各种光照条件下测试配⾊⽅案

苹果⾊彩设计准则：

在不同的氛围、⼀天中不同时间和天⽓之下，室内和室外的光照状况是截然不同的。当你想将你的APP应⽤在现实世

界当中的时候，你在屏幕上看到的⾊彩并不总是是相同的。所以，你始终要在多种不同的光照情况下（包括不同天⽓的

户外）来预览你的APP，查看颜⾊的显⽰是否合适。如有必要，在此基础上调整⾊彩，让配⾊在绝⼤多数情况下都可

以提供最佳的体验。

其实SleepCycle这个APP就是⼀个典型的例⼦，这个APP就使⽤了令⼈⾮常舒适的深⾊配⾊，让你的眼睛在深⾊和

浅⾊模式下都可以⾮常轻松地浏览信息，尤其适合睡前设置闹钟这种使⽤场景。

除了配⾊之外，我还要补充⼀点，就是很多上下⽂环境和交互都会影响⽤户的⾏为。所以需要考虑到⽤户在使⽤应⽤所

处的位置、时间阶段以及情绪状态。

其实，你仔细审视，会看到很多或好或不好的案例。导航类应⽤应该是需要阅读和触摸操作最少的，Kindle确保了⽤户

在户外阅读的时候不会显得屏幕刺眼，笔记类应⽤基本都可以离线使⽤，等等。

2、尽可能延迟⽤户登录

苹果授权登录设计准则：

⽤户经常在执⾏有效的操作之前，就被迫要求登录帐号，这种情况使得很多⽤户放弃使⽤APP。你得在作出承诺之

前，让⽤户有机会爱上你的APP。在购物类APP当中，你应该让⽤户可以随便浏览各种商品，并且在需要购买的时候

再提醒他们需要登录。在流媒体应⽤当中，让⽤户可以随意浏览绝⼤多数内容，并且让⼀部分内容在登录后才能看到就

⾏了。

苹果在设计规范当中，敦促设计师尽可能重新审视登录的机制，如果可能，甚⾄完全删除登录和注册这样的环节。

不幸的是，我们绝⼤多数的应⽤是不太可能删除登录机制的。不过，我在设计APP的时候，已经尽量将注册环节往后

挪了，确保⽤户在体验过产品，基于实际产品调整预期之后，再主动注册。

引⼊外部帐号机制来注册登录也是⼀个颇为不错的选择。

3、让APP⾊彩模式跟随系统⾊彩模式

苹果深⾊模式指南：

如果给某个APP提供特定的⾊彩模式，那么可能会加⼤⽤户的⼯作量，他们可能需要调整更多设置来确保系统的统⼀

如果给某个APP提供特定的⾊彩模式，那么可能会加⼤⽤户的⼯作量，他们可能需要调整更多设置来确保系统的统⼀

性和舒适性。更糟糕的是，APP如果不跟随系统⾊彩模式，⽤户可能会认为APP已经损坏，⽆法跟随他们在系统内所

设置的外观选项。

4、尽快展⽰内容

不要让展⽰内容和启动页/闪屏混淆。启动页通常⽤来介绍页⾯的元素、功能。

苹果启动屏设计准则：

如果你的应⽤程序在启动页预览的效果，和实际的页⾯看起来不⼀样，⽤户可能会因为这这种不⼀致和不对应感到不

适。另外，请让你的启动页和设备当下的⾊彩模式保持⼀致，具体请参阅深⾊模式的说明。

苹果加载设计准则：

不要让屏幕上所有内容都加载好了之后再显⽰，并且让⽤户⼀直等着。当⽤户点击之后，APP最好⽴即显⽰，可以使

⽤占位符⽂本、占位符图⽚或者其他的内容来标识内容正在加载，当前不可⽤。当内容加载好了之后，再替换这些内

容。只要有可能，尽量在后台预加载好，⽐如转场动画，系统的导航菜单，等等。

5、充分利⽤系统提供的⾊彩

在进⾏设计的时候，对于⽂本、符号、图标等视觉元素，尽量调⽤系统预制的配⾊，这能够帮你省去超多⼯作量。

iOS提供了⼀系列的系统配⾊，这些配⾊能够⾃动匹配符合需求的⾊调和饱和度，并且能够和系统的可访问性的设置相

联动，⽐如⾃动增加对⽐度、降低透明度等等。在系统的深⾊模式和浅⾊模式下，这些预制的⾊彩不论是⾃单独使⽤还

是组合使⽤，效果都会颇为突出。

6、使⽤熟悉且易于理解的词汇

技术可能会令⼈⽣畏，尽量避免使⽤⽤户可能不理解的缩写和技术术语。使⽤⽤户容易理解和接受的短语。通常，吸引

所有⼈的应⽤程序，应该避免使⽤技术含量过⾼的词汇，⽽专业术语适合特定技术⼈员所⽤的APP。

苹果术语使⽤指南：

采⽤相对⾮正式、友好的语⽓来进⾏表述。⾮正式的、平易近⼈的语⾔风格，能让语⾔表达像您午餐时与⼈聊天那样⾃

然，这样可以让你于⽤户之间的距离更近。

7、预测并为⽤户提供帮助

苹果APP体系结构设计准则：

主动预测⽤户可能会在哪个环节被困住，⽐如在⽤户暂停游戏的时候，提供相关的引导和帮助。如果⽤户第⼀次错过某

些内容，那么应该提供⼀个⼊⼝让⽤户可以重复观看教程。

8、必要时帮助⽤户避免信息丢失

苹果设计模式指南：

⽆论是使⽤滑动关闭⼿势、还是使⽤关闭按钮，如果这⼀操作可能会导致⽤户的内容丢失，那么请提供相关的情况说

明，并且提供解决信息丢失的解决⽅案。

苹果⽂件处理准则：

除⾮取消或者删除，⽤户始终可以保留现有的信息和内容，这才会让⽤户感到放⼼。通常，不需要让⽤户⼿动来保存，

⽽是要在⽤户打开或者关闭⽂件、或者切换到其他的APP的时候，定期⾃动保存更改。不过，在⼀些特定的情况下，

⽐如编辑现有的⽂件，或者需要确认当前的内容的时候，保存和取消的操作同样有意义，这个时候的⾃动保存可能并不

符合⽤户的需求。

9、尽量使⽤标准⼿势

苹果⼿势设计指南：

⽤户习惯标准化的⼿势，不喜欢被迫学习不同的操作⽅式来实现已有的、或是相同的操作。在游戏或者是虚拟现实⼀类

的APP当中，⾃定义⼿势可能是体验中有趣的⼀部分，在其他的应⽤当中，最好使⽤标准的⼿势，让⽤户⽆需费⼒去

发现、学习和记忆。

10、不要在通知中包含敏感、个⼈、机密信息

苹果通知设计准则：

你⽆法预测⽤户在收到通知的时候正在做什么，因此需要避免推送到屏幕上的信息可能是敏感的个⼈信息。

（图源⽹络，侵删）