苹果手机怎么设置个性字体

苹果IOS14设计规范-适应性和布局

⼈们通常希望能够在所有设备上和任何上下⽂中使⽤⾃⼰喜欢的应⽤程序。在iOS应⽤中，您可以配置界⾯元素和布局，以在iPad上执⾏多任务处

理时，在拆分视图中，在屏幕旋转时以及在其他设备上⾃动更改形状和⼤⼩。设计⼀个适应性强的界⾯在任何环境下都提供出⾊的体验⾮常重要。

设备屏幕尺⼨和⽅向

iOS设备具有各种屏幕尺⼨，可以纵向或横向使⽤。

如果您的应⽤在特定设备上运⾏，请确保该应⽤在该设备的所有屏幕尺⼨上运⾏。如果您的应⽤在特定设备上运⾏，请确保该应⽤在该设备的所有屏幕尺⼨上运⾏。换句话说，仅iPhone应⽤程序必须在每个iPhone屏幕尺

⼨上运⾏，⽽仅iPad应⽤程序必须在每个iPad屏幕尺⼨上运⾏。

设备肖像尺⼨景观尺⼨

12.9英⼨iPadPro2048像素×2732像素2732像素×2048像素

11英⼨iPadPro1668px×2388px2388px×1668px

10.5英⼨iPadPro1668px×2224px2224像素×1668像素

9.7吋iPad1536px×2048px2048像素×1536像素

7.9吋iPadmini41536px×2048px2048像素×1536像素

iPhoneXS最⼤1242px×2688px2688px×1242px

iPhoneXS1125px×2436px2436px×1125px

iPhoneXR828px×1792px1792像素×828像素

iPhoneX1125px×2436px2436px×1125px

iPhone8Plus1242px×2208px2208px×1242px

iPhone8750px×1334px1334px×750px

iPhone7Plus1242px×2208px2208px×1242px

iPhone7750px×1334px1334px×750px

iPhone6sPlus1242px×2208px2208px×1242px

iPhone6s750px×1334px1334px×750px

iPhoneSE640px×1136px1136px×640px

要了解屏幕分辨率如何影响您应⽤的图⽚，请参阅图像⼤⼩和分辨率。

⾃动版⾯

AutoLayout是⽤于构建⾃适应界⾯的开发⼯具。使⽤“⾃动版式”，您可以定义⽤于控制应⽤程序内容的规则（称为Constraints）。例如，

您可以约束⼀个按钮，使其始终⽔平居中并定位在图像下⽅⼋点，⽽不管可⽤的屏幕空间如何。

当检测到某些环境变化（称为特征）时，“⾃动布局”会根据指定的约束条件⾃动重新调整布局。您可以将应⽤程序设置为动态适应各种特征，包

括：

不同的设备屏幕尺⼨，分辨率和⾊域（sRGB/P3）

不同的设备⽅向（⼈像/风景）

拆分视图

iPad上的多任务处理模式

动态类型的⽂字⼤⼩更改

基于区域设置启⽤的国际化功能（从左到右/从右到左的布局⽅向，⽇期/时间/数字格式，字体变化，⽂本长度）

系统功能可⽤性（3DTouch）

有关开发⼈员的指导，请参见《⾃动布局指南》和《UITraitCollection》。

布局指南和安全区域

布局指南定义了实际上不在屏幕上可见的矩形区域，但有助于内容的定位，对齐和间距。该系统包括预定义的布局指南，可轻松在内容周围应⽤标

准边距并限制⽂本的宽度，以实现最佳的可读性。您还可以定义⾃定义布局指南。

苹果⼿机

的iPad

遵守UIKit定义的安全区域和布局边距。遵守UIKit定义的安全区域和布局边距。这些布局指南可确保根据设备和上下⽂进⾏适当的插⼊。安全区域还可以防⽌内容重叠在状态栏，导航

栏，⼯具栏和选项卡栏上。系统提供的标准视图将⾃动采⽤安全区域布局指南。

对于开发⼈员指南，见UILayoutGuide，layoutMarginsGuide，readableContentGuide和safeAreaLayoutGuide。

尺⼨等级

⼤⼩类是根据其⼤⼩⾃动分配给内容区域的特征。该系统定义了两个⼤⼩类，规则类（表⽰扩展空间）和紧凑类（表⽰约束空间），它们描述了视

图的⾼度和宽度。

视图可以具有尺⼨类别的任何组合：

常规宽度，常规⾼度

宽度紧凑，⾼度紧凑

常规宽度，⾼度紧凑

宽度紧凑，常规⾼度

与其他环境变化⼀样，iOS根据内容区域的⼤⼩类别动态地进⾏布局调整。例如，当垂直尺⼨类别从紧凑⾼度更改为常规⾼度时（可能是由于⽤户

将设备从横向旋转为纵向），选项卡栏可能会变得更⾼。

设备尺⼨等级

根据屏幕尺⼨，不同的尺⼨类别组合适⽤于不同设备上的全屏体验。

设备纵向横向取向

12.9英⼨iPadPro常规宽度，常规⾼度常规宽度，常规⾼度

11英⼨iPadPro常规宽度，常规⾼度常规宽度，常规⾼度

10.5英⼨iPadPro常规宽度，常规⾼度常规宽度，常规⾼度

9.7吋iPad常规宽度，常规⾼度常规宽度，常规⾼度

7.9吋iPadmini4常规宽度，常规⾼度常规宽度，常规⾼度

iPhoneXS最⼤宽度紧凑，常规⾼度常规宽度，⾼度紧凑

iPhoneXS宽度紧凑，常规⾼度宽度紧凑，⾼度紧凑

iPhoneXR宽度紧凑，常规⾼度常规宽度，⾼度紧凑

iPhoneX宽度紧凑，常规⾼度宽度紧凑，⾼度紧凑

iPhone8Plus宽度紧凑，常规⾼度常规宽度，⾼度紧凑

iPhone8宽度紧凑，常规⾼度宽度紧凑，⾼度紧凑

iPhone7Plus宽度紧凑，常规⾼度常规宽度，⾼度紧凑

iPhone7宽度紧凑，常规⾼度宽度紧凑，⾼度紧凑

iPhone6sPlus宽度紧凑，常规⾼度常规宽度，⾼度紧凑

iPhone6s宽度紧凑，常规⾼度宽度紧凑，⾼度紧凑

iPhoneSE宽度紧凑，常规⾼度宽度紧凑，⾼度紧凑

多任务⼤⼩类

在iPad上，当您的应⽤程序在多任务配置中运⾏时，⼤⼩类也适⽤。

2/3分割视图

1/2分割视图

1/3分割视图

设备模式纵向横向取向

12.9英⼨iPadPro2/3分割视图宽度紧凑，常规⾼度常规宽度，常规⾼度

1/2分割视图不适⽤常规宽度，常规⾼度

1/3分割视图宽度紧凑，常规⾼度宽度紧凑，常规⾼度

11英⼨iPadPro2/3分割视图宽度紧凑，常规⾼度常规宽度，常规⾼度

1/2分割视图不适⽤宽度紧凑，常规⾼度

1/3分割视图宽度紧凑，常规⾼度宽度紧凑，常规⾼度

10.5英⼨iPadPro2/3分割视图宽度紧凑，常规⾼度常规宽度，常规⾼度

1/2分割视图不适⽤宽度紧凑，常规⾼度

1/3分割视图宽度紧凑，常规⾼度宽度紧凑，常规⾼度

9.7吋iPad2/3分割视图宽度紧凑，常规⾼度常规宽度，常规⾼度

1/2分割视图不适⽤宽度紧凑，常规⾼度

1/3分割视图宽度紧凑，常规⾼度宽度紧凑，常规⾼度

7.9吋iPadmini42/3分割视图宽度紧凑，常规⾼度常规宽度，常规⾼度

1/2分割视图不适⽤宽度紧凑，常规⾼度

1/3分割视图宽度紧凑，常规⾼度宽度紧凑，常规⾼度

总体布局注意事项

确保主要内容以其默认⼤⼩清晰可见。确保主要内容以其默认⼤⼩清晰可见。⼈们不必⽔平滚动即可阅读重要⽂本，也⽆需缩放即可查看主要图像，除⾮他们选择更改⼤⼩。

在整个应⽤程序中保持整体⼀致的外观。在整个应⽤程序中保持整体⼀致的外观。通常，具有相似功能的元素应看起来相似。

利⽤视觉上的重量和平衡来传达重要性。利⽤视觉上的重量和平衡来传达重要性。⼤件物品⽐⼩件物品引⼈注⽬，并且显得更重要。较⼤的物品也更容易挖掘，这在将应⽤程序⽤于分

散周围环境（例如在厨房或健⾝房中）时尤其重要。通常，将主要项⽬放置在屏幕的上半部分，并在从左⾄右的阅读上下⽂中放置在屏幕的左侧附

近。

使⽤对齐⽅式可以简化扫描并传达组织和层次结构。使⽤对齐⽅式可以简化扫描并传达组织和层次结构。对齐使应⽤看起来整洁有序，可帮助⼈们在滚动时集中精⼒，并使查找信息更加容易。缩

进和对齐还可以指⽰内容组之间的关系。

如果可能，请同时⽀持纵向和横向。如果可能，请同时⽀持纵向和横向。⼈们倾向于以不同的⽅向使⽤应⽤程序，因此，当您能够实现这⼀期望时，这是最好的。

准备更改⽂本⼤⼩。准备更改⽂本⼤⼩。⼈们期望⼤多数应⽤程序在“设置”中选择不同的⽂本⼤⼩时做出响应。为了适应某些⽂本⼤⼩的更改，您可能需要调整布

局。有关应⽤程序中⽂本使⽤情况的更多信息，请参见Typography。

为交互元素提供⾜够的触摸⽬标。为交互元素提供⾜够的触摸⽬标。尝试将所有控件的最⼩可触碰区域保持在44ptx44pt。

4.7英⼨iPhone

5.8英⼨iPhone

在多个设备上预览您的应⽤。在多个设备上预览您的应⽤。您可以使⽤Simulator（Xcode随附）来预览您的应⽤，并检查剪切和其他布局问题。如果您的应⽤⽀持横向模

式，则⽆论设备向左还是向右旋转，请确保布局看起来都不错。全屏iPhone不⽀持上下颠倒肖像模式。某些功能（例如彩⾊图像）最好在实际设

备上进⾏预览。

在较⼤的设备上显⽰⽂本时，请应⽤可读性边距。在较⼤的设备上显⽰⽂本时，请应⽤可读性边距。这些边距使⽂本⾏⾜够短，以确保舒适的阅读体验。

适应环境变化

在上下⽂更改期间保持对当前内容的关注。在上下⽂更改期间保持对当前内容的关注。内容是您的最⾼优先事项。当环境变化时改变焦点可能会令⼈迷惑和沮丧，并使⼈们感到失去对应

⽤程序的控制。

避免不必要的布局更改。避免不必要的布局更改。当有⼈旋转设备时，整个布局不必更改。例如，如果您的应⽤以纵向模式显⽰图像⽹格，则不必以横向模式显⽰与列表

相同的图像。相反，它可能只是调整⽹格的尺⼨。尝试在所有情况下保持可⽐的经验。

如果您的应⽤必须在单⼀⽅向上运⾏，则必须同时⽀持这两种变体。如果您的应⽤必须在单⼀⽅向上运⾏，则必须同时⽀持这两种变体。⽆论设备向左还是向右旋转，仅在横向模式下运⾏的应⽤都应该可⽤。

仅在纵向模式下运⾏的应⽤程序应在设备旋转180度时将其内容旋转180度（iPhoneX除外，后者不⽀持上下颠倒的纵向模式）。如果当有⼈以

错误的⽅向握住设备时您的应⽤程序不会⾃动旋转，他们会本能地知道如何旋转设备。您⽆需告诉他们。

根据上下⽂⾃定义应⽤对轮换的响应。根据上下⽂⾃定义应⽤对轮换的响应。例如，允许⼈们通过旋转设备来移动⾓⾊的游戏可能不应该在玩游戏时切换⽅向。但是，它可以根据当

前⽅向显⽰菜单和介绍序列。

旨在同时⽀持iPad和iPhone。旨在同时⽀持iPad和iPhone。⼈们赞赏能够在两种类型的iOS设备上运⾏您的应⽤程序的灵活性。如果您的应⽤程序的某些功能需要iPhone专

⽤的硬件（例如电话），请考虑在iPad上隐藏或禁⽤这些功能，并让⼈们使⽤您应⽤程序的其他功能。

全屏4.7英⼨设备图像

在5.8英⼨设备上裁剪

5.8“设备上的信箱

全屏5.8英⼨设备图像

在4.7英⼨设备上裁剪

4.7英⼨设备上的弹药筒

重⽤现有图稿时请注意宽⾼⽐的差异。重⽤现有图稿时请注意宽⾼⽐的差异。不同的屏幕尺⼨可能具有不同的宽⾼⽐，从⽽导致图稿出现被裁剪，出现字母框或竖框的现象。确保在

所有尺⼨的显⽰器上都保留重要的视觉内容。

设计全屏体验

扩展视觉元素以填充屏幕。扩展视觉元素以填充屏幕。确保背景延伸到显⽰器的边缘，并且垂直可滚动的布局（例如表格和集合）⼀直延续到底部。

避免在屏幕的底部和⾓落中明确放置交互式控件。避免在屏幕的底部和⾓落中明确放置交互式控件。⼈们使⽤显⽰屏底部边缘的滑动⼿势来访问主屏幕和应⽤切换器等功能，这些⼿势可能会取

消您在此区域中实现的⾃定义⼿势。屏幕的远处可能是⼈们难以舒适到达的区域。

插⼊基本内容以防⽌剪切。插⼊基本内容以防⽌剪切。通常，内容应居中且对称地插⼊，这样它在任何⽅向上都看起来不错，不会被圆⾓夹住，不会被传感器外壳隐藏，也

不会被访问主屏幕的指⽰器遮盖。为了获得最佳结果，请使⽤系统提供的标准界⾯元素和“⾃动布局”来构造您的界⾯，并遵守布局指南和安全区

域由UIKit定义。当设备处于横向时，可能适合某些应⽤程序（例如游戏）将可点击的控件放置在屏幕的下部（在安全区域下⽅延伸），以便为内

容留出更多空间。将控件放在屏幕的顶部和底部时，请使⽤匹配的插图，并在“主页”指⽰器周围留出⾜够的空间，以便⼈们在尝试与控件进⾏交

互时不会意外地将其作为⽬标。由于“主页”指⽰器仍在屏幕上居中，因此它相对于应⽤程序界⾯的位置可能会发⽣变化。

插⼊全⾓按钮。插⼊全⾓按钮。延伸到屏幕边缘的按钮可能看起来不像按钮。遵守全⾓按钮两侧的标准UIKit边距。屏幕底部有⼀个全⾓按钮，该按钮有圆⾓且与

安全区域的底部对齐时，它看起来最好，这也确保了它与“主页”指⽰器不冲突。

不要掩盖或特别注意关键的显⽰功能。不要掩盖或特别注意关键的显⽰功能。不要试图通过在屏幕顶部和底部放置⿊条来隐藏设备的圆⾓，传感器外壳或⽤于访问主屏幕的指⽰器。

也不要使⽤诸如括号，边框，形状或说明⽂字之类的视觉装饰来引起对这些区域的特别注意。

请注意状态栏的⾼度。请注意状态栏的⾼度。在全屏iPhone上，状态栏⽐在旧iPhone上⾼。如果您的应⽤假定状态栏的⾼度固定为将状态栏放置在状态栏下⽅，则必

须更新您的应⽤以根据当前设备动态定位内容。请注意，当诸如录⾳和位置跟踪之类的后台任务处于活动状态时，全屏iPhone上的状态栏不会更

改⾼度。

如果您的应⽤当前隐藏状态栏，请为全屏iPhone重新考虑该决定。如果您的应⽤当前隐藏状态栏，请为全屏iPhone重新考虑该决定。全屏iPhone的内容垂直空间要⽐旧版iPhone多，并且状态栏占据了您的

应⽤可能⽆法充分利⽤的屏幕区域。状态栏还会显⽰⼈们认为有⽤的信息。它仅应隐藏以换取附加值。

允许⾃动隐藏指⽰器以节省访问主屏幕的操作。允许⾃动隐藏指⽰器以节省访问主屏幕的操作。启⽤⾃动隐藏后，如果⽤户⼏秒钟未触摸屏幕，指⽰灯就会淡出。当⼈们再次触摸屏幕时，它

会重新出现。仅对于被动观看体验（例如播放视频或照⽚幻灯⽚），应启⽤此⾏为。

公众号：设计⽯代

⾼品质设计素材站：