
App icons 应用图标
原文地址:
https://developer.apple.com/design/human-interface-guidelines/foundations/app-icons

Prefer including text only when it’s an essential part of your experience or brand.
只有当文字是你的产品体验或品牌的重要组成部分时,才可以让图标内含文字。这里提出这个建议的主要原因是文字形式图标不利于本地化。如果要用的话,也是在产品概念已经深入人心的阶段,比如淘宝app就会用“淘”字作为 app 图标,因为淘宝这个产品早已被国内很多用户在使用,但如果在品牌尚未打造出影响力的时候,用产品首文字作为传播主体,并不容易让人记住。
Prefer graphical images to photos and avoid replicating UI components in your icon.
无独有偶地,第二点建议就是:尽量使用图形而不是照片,并且避免在你的图标中复制 UI 组件。这里主要考量是,照片或者UI界面,都会增加图标的复杂度,不好理解或让人记住。
Don’t use replicas of Apple hardware products.
不要使用苹果硬件产品当图标。苹果产品是有版权的🐶
💡 相关资源: https://developer.apple.com/design/resources/
Branding 品牌
原文地址:
https://developer.apple.com/design/human-interface-guidelines/foundations/branding

Resist the temptation to display your logo throughout your app or game unless it’s essential for providing context.
不要在你的 App 或游戏中始终展示你的 Logo,除非它至关重要。一般来说,app内的空间都应该为具体的功能或者品牌要展示的更多信息服务,而品牌logo多数情况下,如果一定要展示,可以考虑和用户低频操作结合起来,比如下拉刷新展示logo,比如加载过程中展示logo。
Avoid using a launch screen as a branding opportunity.
避免使用启动屏进行品牌化。在 iOS 中,launch screen 是用于衔接app外和首页之间的页面,给用户一种系统快速响应的感觉,也是一个给 app 预留时间加载首页资源的“障眼法”。
但目前很多 iPhone 的硬件条件都做得比较好了,这个过程在理想情况下,只会越来越短。所以,万一启动页消失得很快,反而达不到品牌推广的目的(不过国内的app,基本上都把启动页拿来做广告了🐶),哈哈。但在苹果的角度来看,如果放置品牌信息,因为启动页有一定概率会消失得很快,反而会达不到预期效果。
Color 颜色
原文地址:
https://developer.apple.com/design/human-interface-guidelines/foundations/color

Avoid using the same color to mean different things.
避免使用相同的颜色来表示不同的东西。比较常混用的颜色是蓝色,设计师将蓝色作为可点击链接的高亮色,以及不可点击文字的高亮色(这个情况下,蓝色可能就是他们的品牌色)。混用颜色的影响是造成用户对可交互内容的不可分辨,降低了可用性。
Test your app’s color scheme under a variety of lighting conditions.
在各种光照条件下测试你的 App 的配色方案。这个建议让我想起了当时我做 hmi 研究的时候,我们在界面上做了不少的颜色方案,但是放到实机和实地上看,发现现场的环境光并不是特别充足,有的颜色对比度不够,车间工人看不清楚;所以,在颜色选择这部分,我们需要结合操作环境来考虑,不能想当然以为大家都只会在明亮的办公室或者房间里使用。
Inclusive color 包容性颜色
Avoid relying solely on color to differentiate between objects, indicate interactivity, or communicate essential information.
避免仅仅依靠颜色来区分对象、表明可交互性或传达重要信息。这一点其实和无障碍里面的内容有些交叉,意思是有颜色辨别障碍的用户在使用产品时,除了颜色之外,提供更多的图形或者标签给他们去分辨,可以帮助他们确认当前进行交互的内容。
Platform considerations 平台方面的考虑
watchOS
Use pure black for your app’s background color.
对应用程序的背景颜色使用纯黑色。在watch上,背景色是纯黑色 #000000,这样做的意图是为了与屏幕外边框相融合,创造出无边界屏幕的错觉。
相关资料
感谢你的阅读。