3. 按钮样式

创建自定义登录的时候，需要显示左对齐的Apple图标，或者仅显示Apple的标识的登录按钮。

Apple图标传送门：https://developer.apple.com/design/resources/

使用系统标题：「Sign in with Apple」, 「Sign up with Apple」, 或 「Continue with Apple」。

保留标题的大写样式：按钮标题的所有变体都将第一个单词大写（即Sign或Continue）和Apple；所有其他字母均为小写。例如，不要通过大写标题中的每个字母来更改此样式。

使标题和徽标在按钮内垂直对齐：为此，将标题垂直对齐按钮的中间，然后添加徽标图像，确保其高度与按钮的高度匹配。由于徽标图像包括顶部和底部填充，因此在按钮中垂直对齐标题可确保标题，徽标和按钮保持正确对齐。

4. 苹果登录需要注意的点

• 按钮规范问题
• 标识使用问题

按钮规范问题：

（1）最小边距规范

在iOS，macOS和Web页面中，保持最小按钮尺寸和按钮周围的边距，下面数值可以参考：

如下图所示：

（2）按钮尺寸和圆角角半径3种方式

标识使用问题：

• 切勿单独使用Apple图标作为按钮。
• 使Apple图标文件的高度与按钮的高度匹配。
• 不要裁剪图标文件。
• 不要添加渐变填充。
• 不要在图标文件中使用自定义颜色。

如果你已经注册过的应用支持了Apple登录，也只需要在应用的账号设置绑定Apple ID就可以使用Apple登录了。

不过就目前发现的应用来看，支持Apple登录还是很少的，希望开发者们可以尽快的更新这个功能。在国内几乎都是「微信」「QQ」「微博」等快捷登录为主，现在注册登录更多绑定了手机号登录，那么「Sign in with Apple」的加入，能够为App登录带来多少冲击呢，能否在第三方登录方式占据一席之地，你会怎么看？

以上是个人的学习、理解与解析，欢迎有不同想法和补充。

相关链接：https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/introduction/

#专栏作家#

JaylonG（微信号JJ865477301），人人都是产品经理专栏作家。一枚擅长用产品思维看问题，用逻辑思维做分析，用情感体验做设计的产品爱好者。爱好广泛，欢迎交流，拒绝水友。

本文原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自 Unsplash ，基于 CC0 协议