Please enable JavaScript.

Coggle requires JavaScript to display documents.

iOS13设计规范 (2.0-App Architecture架构 (2.5-Navigation导航 (Flat Navigation扁平导航,…

- - - - CDD（Clarity、Deference、Depth）
        
        Clarity（清晰）
        
        文字：清晰易读。通过字号、自重区分信息层级
        
        图标：准确易懂。修饰恰到好处，以功能驱动设计
        
        留白、颜色（考虑色盲）、字体、图形和其他界面元素能够巧妙地突出重点内容并传达交互性
        
        Deference（遵从）
        
        流畅的动效和清晰美观的界面有助于用户理解内容并与之交互
        
        当内容占据整屏时，半透明和模糊处理通常会暗示其他更多的内容
        
        减少使用边框、渐变和阴影，使界面尽可能轻量化，从而凸显内容
        
        Depth（深度）
        
        清晰的视觉层和生动的动效赋予界面层次感，使其富有活力并有助于理解
        
        使可触发界面元素更容易被找到，能提升体验的愉悦感
        
        让用户在触发相应功能或者获取更多内容时不至于茫然无措
        
        当用户浏览内容时，流畅的过渡能够提供纵深感
    - - Direct Manipulation直接操纵
      - Feedback反馈
      - Metaphors隐喻
      - Consistency一致性
      - Aesthetic Integrity审美完整性
      - User Control用户控制
- - - - 让用户相信文件即时保存，除非主动取消或删除
      - 不要提供创建本地文件的选项
      - 实现一个直观的图形文件浏览界面
      - 让用户不离开App程序的情况下预览文件
      - 与其他App共享文件
    - - Drag and Drop
      - Sources and Destinations原位置和目的地
      - Supporting Drag and Drop
        
        所有可选择和可编辑的内容都能进行拖放
        
        允许将内容放到控件上
        
        尽可能使用标准文本视图和输入框
        
        为提高效率，考虑支持多项拖放
        
        确定在你的App中拖放内容是移动还是复制
        
        用户是应该撤销拖放的
        
        考虑用一下弹簧加载
      - Providing Dragged Content
        
        可以自定义拖动项的预览
        
        尽可能的提供多个拖拽数据的显示类型，从高保真到低保真排序
        
        将自定义对象的本地版本作为最丰富的数据形式
        
        当你App的内容传输会比较耗费时间或资源密集的时候，文件要提供程序拓展功能
        
        当你的App需要时间传输内容时请提供进度指示
      - Accepting Dropped Content
        
        使用视觉提示来识别潜在的目的地，并预览放置内容的效果
        
        自动滚动目的地的内容
        
        提取和展示要能展现出放置的丰富内容
        
        只提取放置内容的相关部分
        
        当内容放置后，在表视图和集合视图中显示占位符
        
        在放置内容需要时间进行传输时显示进度
        
        为放置的内容启动一个进程时提供反馈
        
        放置失败时要通知用户
        
        用适当的样式来放置文本
        
        提供一种直观的方式，当用户不能立即撤销拖放时，可以选择退出
    - - Gestures
        
        避免使用标准手势执行非标准操作
        
        不要禁用系统的屏幕边缘手势
        
        基于界面的导航和操作提供补充性的快捷手势，而不是替换
        
        使用多点手势来增强App的体验
        
        一般使用标准操作手势
      - Standard Gestures
        
        点击：激活一个控件或者选择一个对象（Tap. Activates a control or selects an item.）
        
        拖拽：让一个元素从一边移动到另一边，或者在屏幕内拖动元素（Drag. Moves an element from side-to-side or drags an element across the screen.）
        
        滑动：快速滚动或平移（Flick. Scrolls or pans quickly.）
        
        横扫：单指返回上一页，显示分屏视图中的隐藏视图，滑出列表行中的删除按钮，或在轻按显示操作列表。在iPad中四指操作来切换App
        
        双击：放大并居中内容或图片，或者缩小已放大过的（Double tap. Zooms in and centers content or an image, or zooms out if already zoomed in.）
        
        捏合：向外张开时放大，向内捏合时缩小（Pinch. Zooms in when pinching outward, zooms out when pinching inward.）
        
        长按：当在可编辑或可选文本中执行时，显示用于光标定位的放大视图。在某些与集合视图类似的视图中操作，进入对象可编辑的状态
        
        摇晃：撤销或重做（Shake. Initiates undo or redo.）
        
        旋转：旋转图像或者视图（Rotate. Rotates an image or view.）
    - - 尽量显示选项
      - 尽可能的从系统中获取信息
      - 提供合理的默认值
      - 只有在收集完必要的信息之后才能进行下一步
      - 立即验证填写信息
      - 只有在必要时使用文本信息
      - 将信息列表化以高效预览
      - 在文本框中显示提示，以助沟通
    - - Haptics
        
        使用标准的UI组件，如开关、滑块、和选择器，它们默认提供Apple设计的系统震动
        
        必要时，使用反馈生成器来触发几种在通知、碰撞（如触底和触顶）或选择中的预设震动模式
        
        如果你需要更深入的控制haptics，可以编写并使用你自定义的震动模式
        
        system haptics无论是使用系统提供的震动还是自定义的震动，最关键的是，震动是为了提升用户体验，而不是分散用户的注意力
        
        表示任务操作完成、警告、失败（例如存入支票或解锁车辆）
        
        Notification-Warning
        
        Notification-Failure
        
        Notification-Success
        
        提供补充视觉的屋里隐喻（例如当视图滑动到头或两个对象相撞时，用户可能会感到啵的一声）
        
        Impact-Rigid
        
        Impact-Light
        
        Impact-Soft
        
        Impact-Medium
        
        Impact-Heavy
        
        表示选项正在快速更改。例如用户在滚动选择器时感觉到轻敲。此反馈旨在将一系列离散的指联系起来，而不是进行选择或确认选择
        
        Selection-Selection
      - Designing with Haptics
        
        在每个触觉反馈和触发物之间建立清晰的因果关系
        
        使用触觉反馈可以补充应用中的其他反馈
        
        请谨慎地使用触觉反馈
        
        让触觉反馈始终如一
        
        不要过度使用触觉反馈
        
        一定要测试应用中的触觉反馈
        
        保证触觉反馈可关闭
        
        在游戏中，思考有哪些方法能够通过使用自定义触觉反馈来增强玩家的体验
        
        请注意，触觉反馈可能会影响其他方面的体验
      - Creating Custom Haptic Patterns
        
        自定义的震动模式能够模拟诸如弹弓释放或者车辆驶过减速带的触感。
        
        Haptics核心提供了两种生成自定义震动的基础构建模块
        
        瞬态事件，像点击或者脉冲那样的短促，紧凑的震动。比如在主屏上点击手电按钮
        
        连续事件，感觉像是持续的震动，例如消息中激光效果的体验
        
        除了上述两种构建模块，你还能控制震动的锐度和强度
    - - Authentication
        
        如果不使用Apple登录，请使用密码自动填充。
        
        解释身份验证的优点，以及如何注册
        
        显示合适的键盘类型来减少数据输入
        
        永远不要使用‘密钥’这个术语
        
        将登录尽量往后排序
      - Face ID and Touch ID
        
        尽量让你的APP支持生物识别认证
        
        仅在响应用户操作时启动身份验证
        
        始终标识身份验证方法
        
        准确使用验证方法
        
        总之，不要在你的App中提供选择生物识别身份的设置
        
        不要使用自定义图标来标识系统身份验证功能
    - - NFC使设备能够在几厘米的范围内进行无线信息交换
      - 应用内标签读取
        
        不鼓励用户接触物理对象
        
        使用通俗易懂的术语
        
        为扫描提供简洁的指导说明
      - 背景标签读取
        
        同时支持背景标签和应用内标签读取
    - - 简要描述一下将要撤销或重做的操作
      - 如果你已经使用摇晃手势进行撤销和重做，则不要将其用于其他操作
      - 节制地使用撤销和重做按钮
      - 只在当前情境中执行撤销和重做操作
    - - 避免不必要的警报框
      - 将状态和其他类型的反馈整合到你的界面中
- - - - Creating an Engaging, Comfortable Experience创造引人入胜的舒适体验
        
        1.使用整个显示器
        
        2.在放置逼真的物品时创造令人信服的错觉
        
        3.考虑具有反射曲面的虚拟对象如何显示环境
        
        4.使用音频和触觉增强身临其境的体验
        
        5.最小化环境中的文本
        
        6.如果需要其他信息或控件，请考虑在屏幕空间中显示它们
        
        7.当需要提供持久控件时，请考虑使用间接控件
        
        8.预计人们会在各种各样的现实环境中使用你的应用程序
        
        9.注意用户的舒适度
        
        10.如果你的应用鼓励用户发生动作，请逐步介绍
        
        11.注意用户的安全
      - Using Coaching to Get People Started使用辅导来使人们入门
        
        当人们使用指导视图时隐藏不必要的应用程序UI
        
        如有必要，提供定制的指导经验
      - Helping People Place Objects帮助人们放置物体
        
        告诉人们何时定位曲面和放置对象
        
        当人们放置一个对象时，立即将该对象集成到AR环境中
        
        考虑引导人们走向屏幕外的虚拟对象
        
        避免尝试将物体与检测到的表面边缘精确对齐
        
        合并平面分类信息以通知对象放置
      - Designing Intuitive, Delightful Object Interactions设计直观，令人愉快的对象交互
        
        允许人们在可能的情况下使用直接操作与对象交互
        
        允许用户使用标准、熟悉的手势直接与虚拟物体进行交互
        
        通常需要保持简洁的交互
        
        在合理范围内接近可交互虚拟物体时响应手势
        
        考虑被用户驱动的物体缩放是否必要
        
        警惕潜在的手势冲突
        
        努力实现与应用程序AR环境物理特性一致的虚拟对象移动
        
        探索更多有趣的有魅力的互动方式
      - Designing a Great Multiuser Experience设计出色的多用户体验
        
        考虑启用人员遮挡
        
        如果可能，让新参与者进入多用户AR体验
      - Reacting to Real-World Objects对现实世界对象的反应
        
        当检测到的图像首次消失时，请考虑延迟删除附加到它的虚拟对象
        
        限制一次使用的参考图像的数量
        
        限制需要精确位置的参考图像的数量
      - Communicating with People
        
        如果你一定要显示引导文字，请使用简单易懂的术语
        
        在三维环境中，最好使用3D提示
        
        确保重要的文本可读
        
        如有必要，提供一种获取更多信息的方法
      - Handling Interruptions处理中断
        
        考虑使用系统提供的指导视图帮助人们重新定位
        
        考虑在重新定位期间隐藏先前放置的虚拟对象
        
        如果你的应用同时支持AR和非AR体验，请尽量减少中断
        
        允许用户取消重新定位
        
        当前向摄像头无法跟踪面部超过半秒时请表明
      - Suggesting Ways to Resolve Problems
        
        如果没有达到用户预期，允许用户重新设置体验
        
        如果发生问题，建议进行修复
      - AR GlyphAR字形
        
        按预期使用AR字形
        
        保持最小的净空间（10%高度）
      - AR BadgesAR徽章
        
        按预期使用AR徽章，不要改变它们
        
        优先使用AR徽章而不是字形徽章
        
        只有当你的应用同时包含可以在AR中查看的对象和不能查看的对象时，才使用徽章
        
        保持徽章位置一致和清晰
        
        保持最小的清晰空间（10%高度）
      - Augmented Reality
        
        仅在功能强大的设备上提供AR功能
    - - Slide Over, Split View, or Picture in Picture
      - 设计一个在拆分视图中运行时看起来很棒的自适应界面
      - 做好随时中断的准备，并时刻准备着恢复
      - 确保你的界面能够适应双倍行高的状态栏
      - 需要格外注意和应对暂停操作
      - 合理处理来自应用外的声音
      - 在后台完成用户发起的任务
      - 谨慎使用通知
    - - iPad上的多窗口
        
        将应用在Dock栏中的图标拖拽到屏幕的一侧，从现有窗口中选择一个打开，或新建一个窗口
        
        将对象拖拽到屏幕的一侧，并放置在支持该操作的目标上
        
        长按主屏或Dock中应用的图标呼出情景菜单，点击【显示所有窗口】，再点击添加按钮
        
        长按一个对象呼出情景菜单，选择在新窗口中预览对象
      - iPad apps typically use two types of windows.
        
        primary window
        
        auxiliary window
      - 确保辅助窗口本身有其用处
      - 在辅助窗口中使用‘完成’或‘关闭’按钮
    - - Notification Behavior
        
        分banner和alert
      - Notifications
        
        分本地和远程
      - Designing a Great Notification Experience
        
        提供有用的通知
        
        即时用户没有作出回应，也不要为同一件事情发送多个通知
        
        不要在通知里包含你的App的名字和图标
        
        提供描述性文字，以便在通知预览被隐藏时显示（如好友请求、新评论）
        
        提供声音以辅助你的通知提醒
        
        考虑提供一个详情视图
        
        提供直观、有用的操作（一个详情视图最多包含四个操作按钮）
        
        避免展示破坏性的操作
      - Badging角标
        
        角标是用来补充说明通知，而不能用来表示重要的信息
        
        角标仅用于通知
        
        保持角标实时更新（注意，将角标上的数字清零意味着同时在通知中心移除所有相关的通知栏）
    - - 让打印选项易于发现
      - 只在可以打印的情况下才允许打印
      - 提供有用的打印选项
    - - 可以让用户预览预览一些文件，即时你的应用并不支持这些文件格式
      - 在当前环境下合理地展现预览窗口
    - - Ratings and Reviews
        
        在用户与你的App有一定程度互动后再请求用户对其进行评级
        
        不要中断用户，特别是当他们在执行紧急或压力很大的任务时
        
        不要让用户讨厌
      - System Rating and Review Prompts系统评级和审查提示
        
        系统为App提供了一致且不干扰的方式来请求用户进行评级和评论，用户可选择不接收所有已安装应用的评级请求提示，在365天的周期内，系统自动限制每个App的提示显示次数为3次
        
        最好使用系统提供的提示
        
        不要使用其他控件来请求反馈
        
        回复用户评论是一个与用户沟通，解决问题，并可能提高App评级的好方法
    - - 截取本地屏幕时，请勿更改App的界面
    - - TV App Integration
        
        开始并恢复播放
        
        确保平滑过渡到你的App
        
        立即显示预期内容
        
        不要询问用户是否要恢复播放
        
        确保为正确的用户播放内容
        
        载入内容
        
        尽可能避免使用加载屏幕
        
        尽快开始播放
        
        设计黑色加载屏幕
        
        加载屏幕上的内容最小化
        
        退出播放
        
        显示一个有相关内容的屏幕
        
        准备即时退出
      - Single Sign-On
        
        当用户在系统级别登录时，避免显示退出选项
        
        不要通过调整隐私控制来指示用户退出
- - - - Device Screen Sizes and Orientations设备屏幕尺寸和方向
        
        12.9" iPad Pro -- 2048px × 2732px（@2x）
        
        11" iPad Pro -- 1668px × 2388px（@2x）
        
        10.5" iPad Pro -- 1668px × 2224px（@2x）
        
        9.7" iPad -- 1536px × 2048px（@2x）
        
        7.9" iPad mini 4 -- 1536px × 2048px（@2x）
        
        6.5"-iPhone XS Max -- 1242px × 2688px （@3x）
        
        5.8"-iPhone XS -- 1125px × 2436px（@3x）
        
        6.1"-iPhone XR -- 828px × 1792px（@2x）
        
        5.8"-iPhone X -- 1125px × 2436px（@3x）
        
        5.5"-iPhone 8 Plus -- 1242px × 2208px（@3x）
        
        4.7"-iPhone 8 -- 750px × 1334px（@2x）
        
        5.5"-iPhone 7 Plus -- 1242px × 2208px（@3x）
        
        4.7"-iPhone 7 -- 750px × 1334px（@2x）
        
        5.5"-iPhone 6s Plus -- 1242px × 2208px（@3x）
        
        4.7"-iPhone 6s -- 750px × 1334px（@2x）
        
        4"-iPhone SE -- 640px × 1136px（@2x）
        
        5.8"-iPhone 11 Pro-
        
        6.5"-iPhone 11 Pro Max-
        
        6.1"-iPhone 11-
        
        If your app runs on a specific device, make sure it runs on every screen size for that device
      - Auto Layout自动布局
        
        不同的设备屏幕尺寸、分辨率和颜色（显示）模式（sRGB/P3）
        
        不同的设备方向
        
        拆分视图
        
        在iPad上的多任务处理模式
        
        动态文本的大小变化
        
        场景定制的国际化特征（布局方向的从左到右或者从右到左，日期/时间/数字格式，字体变化，文本长度）
        
        系统特性可用性（3D Touch）
      - Layout Guides and Safe Area布局引导和安全区
        
        遵守UI Kit 定义的安全区域和布局边界
      - Size Classes尺寸类型
        
        regular (denotes expansive space) and compact (denotes constrained space)
      - General Layout Considerations布局注意事项
        
        确保重要内容在默认大小下清晰可读
        
        Maintain an overall consistent appearance throughout your app在整个App中保持一致的视觉外观
        
        利用视觉权重和平衡来表示重要性
        
        利用对齐来方便浏览，并且表达结构和层级
        
        尽可能同时支持纵向视图和横向视图
        
        准备好应对文本大小的改变
        
        为可交互元素提供足够的触发区域（尽可能为所有控件提供44*44pt的最小可点击区域）
        
        在多种设备上预览你的App
        
        在较大的设备上显示文本时，应在两边留足边距以确保可读性
      - Adapting to Changes in Context根据情景自动适应
        
        环境变化时保持当前内容的焦点不变
        
        避免无缘由的布局变动
        
        如果你的App只支持一种模式，那么请提供两种屏幕模式的变量
        
        根据当前使用内容来规定响应的旋转方向
        
        确保你的应用在iPad上也能运行
        
        复用现有的图像时，请注意不同屏幕的长宽比差异
      - Designing a Full-Screen Experience为全面屏体验做设计
        
        将视觉元素充满屏幕
        
        不要将交互控件放置在屏幕底部和角落
        
        嵌入的重要内容要防止被裁切
        
        插入全宽按钮
        
        不要隐藏或使关键的显示特性太醒目
        
        注意状态栏的高度
        
        如果你的App目前隐藏了状态栏，在iPhone X 上需要重新考虑这一设定
        
        允许自动隐藏访问主屏幕的指示器
        
        其他（确保你的网站在边缘视图中看起来依然很棒）
    - - 优美精细的动画在用户和屏幕内容之间建立了一种视觉上的联系。当动画被合理利用时，它能够表达状态、提供反馈、加强直接操纵感，并且视觉化呈现用户的操作结果
        
        明智且谨慎地使用动画和动效
        
        力求真实性和可信性
        
        使用连贯的动画
        
        让动效可选
    - - 融入精妙的、不唐突的品牌元素
      - 不要让品牌化阻碍了优秀的App设计
      - 内容比品牌化更重要
      - 克制住想要在应用中到处展示logo的诱惑
      - 遵循Apple的商标准则
    - - Color
        
        在App内使用互补的颜色
        
        一般来说，选择与你的App logo 相符的颜色的色板
        
        在App中统一使用一种关键色来显示可交互性
        
        提供两种版本的关键色，以确保它们在浅色和深色模式下都很好看
        
        避免对交互式和非交互式元素使用相同的颜色
        
        注意图像和透明度会影响周围元素的颜色
        
        在多种光线条件下测试你App的颜色
        
        考虑 True Tone（利用环境光传感器来自动调整白色参考点以适应当前环境下的光线的显示屏）对颜色的影响
        
        请注意不同国家和文化对你使用的颜色会有不同的认知
        
        不要使用低对比度颜色，使用户难以看到内容
        
        明智地使用颜色进行沟通
      - System Colors
        
        不要把系统颜色的值写死在你的App中
      - Dynamic System Colors动态的系统色
        
        不要重新自定义系统色的语义含义
        
        请不要尝试复制动态系统色
      - Color Management
        
        将颜色配置文件应用于你的图像
        
        使用较宽的颜色以增强兼容显示器上的视觉体验
        
        体验需要时提供特定于颜色空间的图像和颜色变化
        
        在实际的sRGB和宽彩色显示屏上预览应用的颜色
    - - Dark Mode
        
        符合人们在“设置”中选择的外观模式
        
        在浅色和深色模式中审视你的App
        
        当调整辅助功能中的透明度和对比度时，确保你的内容在深色模式下仍能保持舒适和清晰
      - Dark Mode Colors
        
        The color palette in Dark Mode includes darker background colors and lighter foreground colors
        
        首选系统背景色
        
        暗模式是动态的，这意味着当界面位于前景（如弹出窗口或模式工作表）时，背景颜色会自动从基础颜色更改为提升颜色。
        
        使用适应当前外观的动态颜色
        
        确保所有外观均具有足够的色彩对比度
        
        白色背景需要稍微柔和一些
        
        Image, Icon, and Symbol Color
        
        尽可能使用SF Symbols
        
        必要时为深色和浅色模式分别设计图形（在浅色模式下使用线性图形，在深色模式下可能用实心、填充会更好）
        
        确保全彩图像和图标看起来很好
      - Materials
        
        使用系统提供的标签颜色作为标签
        
        使用系统视图绘制文本字段和文本视图
    - - 设计一个与您的应用的第一个屏幕几乎相同的启动屏幕
      - 避免在启动屏幕上包含文本
      - 淡化启动
      - 不要做广告
    - - Materials
        
        遵循系统使用的材质
        
        利用系统提供的文字色、填充色、图形色和分隔符色
        
        尽可能在材质上使用SF Symbols
      - 系统定义的材质与醒目色
        
        为了在内容卡片中使用，iOS13定义了四种具有不同半透明度的材质（每种材质还包括一个深色版本）
        
        SystemThinMaterial
        
        SystemMaterial (default)
        
        SystemUltraThinMaterial
        
        SystemThickMaterial
        
        在选择材质时考虑对比度及视觉独立性
        
        越厚的材质能够为精细的文本或其他元素提供越好的对比度
        
        越透明的材质越能够在视觉上提醒用户背景上存在的内容，以保持情景之间的联系
        
        除了四级，你可在任意材质上为文字标签使用以下醒目色的值。不推荐在thin和UItrathin的材质上面使用四级醒目色，那样对比度太低
        
        secondaryLabel
        
        tertiaryLabel
        
        label (default)
        
        quaternaryLabel
        
        你可以在任意材质上为填充块使用以下醒目色
        
        fill (default)
        
        secondaryFill
        
        tertiaryFill
        
        iOS为分割线定义了一个单独的、默认的醒目色值：separator，它能在任意材质上使用
        
        选择醒目色的效果时一定要遵从语义
    - - App中的每一个字都是与你的用户对话的一部分。用此对话来帮助他们在你的App中感到舒适
        
        使用熟悉的、可以理解的单词和短语
        
        保持界面文本清晰简洁
        
        适当的表明交互元素（使用动作动词）
        
        避免那些听起来可能会显得屈尊俯就的语言
        
        尽量用一种非正式的、友好的语气
        
        要小心的使用幽默感
        
        使用相关的、一致的语言和图像
        
        要准确表达日期
    - - Typography
        
        San Francisco (SF)
        
        SF Pro is the system font in iOS, macOS, and tvOS
        
        SF Compact is the system font in watchOS
        
        New York (NY)
      - SF Pro and SF Compact
      - SF Pro Rounded and SF Compact Rounded
      - SF Mono等距的For example, Xcode and Swift Playgrounds use SF Mono by default.
      - New York衬线字体
      - Choosing Fonts to Enhance Your App
        
        尽可能使用内置的文本样式
        
        强调重要信息
        
        在响应文本大小更改时对内容设置优先级
        
        在界面模型中使用正确的字体变体
        
        最小化您在界面中使用的字体数量
        
        确保自定义字体清晰易读
        
        实现自定义字体的辅助功能
      - Dynamic Type Sizes
      - Larger Accessibility Type Sizes
    - - Video
        
        Full-screen (aspect-fill) viewing mode-This is the default viewing mode for wide video (2:1 through 2.40:1)
        
        Fit-to-screen (aspect) viewing mode-This is the default viewing mode for standard video (4:3, 16:9, and anything up to 2:1) and ultra-wide video (anything above 2.40:1)
        
        Examples of Viewing Modes on iPhone XS
        
        确保自定义视频播放器是用户所期待的
        
        Examples of Padding on iPhone XS
        
        始终以原始宽高比播放视频
- - - - App Icon Sizes
        
        iPad, iPad mini
        
        152px × 152px (76pt × 76pt@2x)
        
        App Store
        
        1024px × 1024px (1024pt × 1024pt@1x)
        
        iPad Pro
        
        167px × 167px (83.5pt × 83.5pt@2x)
        
        iPhone
        
        180px × 180px (60pt × 60pt@3x)
        
        120px × 120px (60pt × 60pt@2x)
        
        Device or context
        
        Icon size
        
        为不同的设备提供不同大小的图标
        
        使用App Store图标模拟你的小图标
      - Spotlight, Settings, and Notification Icons
        
        在提供用在系统设置页面里的你的App图标时，不要添加叠加层或边框，iOS会自动为你的图标添加1像素描边
      - App Icon Attributes
        
        Color space
        
        sRGB or P3 (see Color Management)
        
        Layers
        
        Flattened with no transparency
        
        Format（格式）
        
        PNG
        
        Resolution
        
        Varies. See Image Size and Resolution
        
        Attribute（属性）
        
        Value（值）
        
        Shape
        
        Square with no rounded corners
      - User-Selectable App Icons
        
        For some apps, customization is a feature that evokes a personal connection and enhances the user experience.对于某些APP,定制功能可以产生用户黏性并增强用户体验
        
        为所有需要的尺寸，提供视觉一致的替代图标
      - App Icon
        
        拥抱简约
        
        提供一个单独的焦点
        
        设计一个可识别的图标
        
        不要在界面到处放置App图标
        
        在不同的壁纸环境下测试你的图标
        
        保持背景简单，避免透明度
        
        只有当logo全部或部分由文字组成时，才在图标使用文字
        
        图标中不要包括照片，屏幕截图或界面元素
        
        保持图标的四角都是方形的
        
        不要使用苹果硬件产品的副本
    - - Custom Icons (iOS 12 and Earlier)
        
        保持图标之间一致连贯
        
        确保图标清晰可辨
        
        准备比例系数为@2x的符号切图，并保存为PDF格式
        
        因为PDF是一种支持高分辨率缩放的矢量格式
        
        使用颜色来表示选中和取消的状态
        
        设计象形符号的图标
        
        避免在图标中加入文字
        
        创作简单、辨识度高的设计
        
        不要复用Apple硬件产品的图形
        
        提供图标的替代文本标签
      - Custom Icon Sizes
    - - System Icons (iOS 12 and Earlier)
        
        按预期使用系统图标
        
        提供图标的替代文本标签
        
        如果找不到满足您需求的系统提供的图标，请设计一个自定义图标
      - Navigation Bar and Toolbar Icons
      - Tab Bar Icons
      - Home Screen Quick Action Icons
    - - Designing High-Resolution Artwork
        
        以适当的格式进行创作
        
        PNG-写实App图标等
        
        JPEG-广告图、照片
        
        PDF-其他高分辨率缩放的扁平、矢量切图
        
        对于不需要使用PNG-24的切图，只需要使用PNG-8即可
        
        PNG-8可减少文件大小但不适用于照片类型
        
        优化JPEG文件，以找到存储容量和质量之间的平衡
        
        使用8px x 8px的网络系统
        
        提供图像和图标的替代文本标签
        
        VoiceOver-便于视觉障碍的人看到屏幕上的内容
      - Image Size and Resolution图像尺寸和分辨率
        
        为了支持所有的iOS设备，你需要为设计的内容提供高分辨率的图像
        
        iOS用于在屏幕上放置内容的坐标系统是以点（pt）为基础的。该坐标系以点为基本测量单位，这些点映射到显示器中则以像素显示。
- - - - 当人们导航到您应用中的其他区域时，不要隐藏标签栏
      - 当其他功能不可用时，不要删除或禁用选项卡
      - 避免太多的标签
      - 始终在附件视图中切换上下文
      - 标签栏只用于导航，标签栏按钮不应用于执行操作
      - 确保标签栏图标在视觉上保持一致和平衡
      - 一般来说，使用标签栏来树立各App级别的信息
      - 使用角标（badging）这种不引人注目的提醒方式
      - TIP：Tab bars and toolbars never appear together in the same view
    - - Search Bars
        
        适当时启用“取消”按钮
        
        如有必要，请在搜索栏中提供提示和搜索范例
        
        启用清除按钮
        
        考虑在搜索栏下方提供有用的快捷方式和其他内容
        
        让用户通过搜索栏而不是文本框去搜索
      - Scope Bars范围栏
        
        通过包含范围栏来支持改善搜索结果
    - - 避免在工具栏中使用分段控件
      - 给文本标题按钮足够的空间
      - 考虑图标或文字按钮是否适合你的App，多于3个按钮时使用图标会比较合适，少于等于3个时，文字按钮会更加清楚(例子：日历app)
      - 提供相关的工具栏按钮
    - - Navigation Bars
        
        考虑在显示全屏内容时暂时隐藏导航栏
      - Navigation Bar Titles
        
        当需要特别强调上下文时，请使用较大的标题
        
        考虑隐藏大标题导航栏的边框
        
        考虑在导航栏中显示当前视图的标题
      - Navigation Bar Controls
        
        不要使用面包屑式的多段路径
        
        给文本按钮足够的空间
        
        使用标准后退按钮
        
        考虑在导航栏中使用分段控件（segmented control）来简化应用程序的信息层级结构
        
        避免使导航栏的控件太多
    - - 考虑在全屏显示时暂时隐藏状态栏
      - 使用你的设计来协调状态栏样式
      - 避免永久隐藏状态栏
      - 使用系统提供的状态栏
      - 隐藏状态栏下的内容
- - - - 弹出框是在用户点击一个控件或者屏幕上的一个区域后，出现在屏幕其他内容之上的临时窗口
        
        一般来说，包含一个指向它出现位置的箭头
        
        非原生：通过点击屏幕上的其他部分或弹出框上的按钮关闭
        
        原生：使用其中的‘取消’按钮或其他按钮来关闭
      - 弹出框适合出现在较大的屏幕上，它可以包含各种各样的元素，如导航栏、工具栏、标签栏、表格、精选窗口、图像、地图和自定义窗口
      - 尽量不要在iPhone上显示弹出窗口
      - 请使用‘关闭’按钮进行确认和引导
        
        关闭按钮应该传达出明确的定义
        
        取消：不保存且退出
        
        完成：保存并退出
      - 请在非模态弹框关闭时自动保存用户已操作的内容
        
        当用户不小心点击到弹窗外的区域而取消时，应当自动保存操作
      - 弹出框应该在屏幕的合适位置出现
      - 确保同一时间内屏幕上只有一个弹出框
      - 不要在弹出框出现时显示另一个窗口
        
        只有Alert可以
      - 如果可以，请让用户通过一次点击就可以关闭一个弹出框接着打开另一个弹出框
      - 避免将弹出框显示的太大
      - 确保自定义的弹出框让用户理解这就是弹出框
      - 确保弹出框的大小改变过程有一个平滑的过渡
    - - 图像视图可以在透明或者不透明的背景中显示单图或动画序列图
      - 尽可能确保动画序列中的所有图像都是相同的尺寸
      - 如果一张图片被认为是色彩丢失的样本，那么给图片着色的同时必须要为它提供图片窗口
    - - 滚动视图能让用户浏览比屏幕上可见区域里更多的内容，比如文档中的文本或者图像集合
      - 支持适当的缩放操作
        
        如果你的App支持了缩放，你需要设定一个最大和最小的缩放范围
      - 可以考虑在分页模式的滚动视图中使用页码控件
        
        如果滚动视图上显示了一个页码控件，最好禁用和页码控件同一方向的滚动条
      - 通常，一次只显示一个滚动视图
        
        如果你需要在一个屏幕上放置两个滚动视图，考虑让它们朝向不同的方向滚动
      - 不要在一个滚动视图里置入另一个滚动视图
    - - 对于文本展示，考虑使用table而不是collection
        
        当文本信息显示在可滚动列表中时，查看和摘要文本信息通常更简单、更高效
      - 请谨慎使用动态化布局
        
        Collection页面的布局可以随时更改
        
        如果你决定要动态地调整collection页面的布局，请确保其中的变化是有意义而且容易被用户理解的，缺乏动机的布局变化会给用户带来不符合预期且难以使用的印象
        
        如果由于布局的变化而导致用户丢失当前的关注点或所处的场景，用户会觉得你的App已经失控
      - 在标准行或网格布局足够用时避免使用全新的设计方式
        
        Collection页面应该提高用户体验，而不是让页面本身成为用户的焦点
        
        让用户容易地找到所需内容，如果很难在您的收藏夹中点击某个项目，那么人们在获得所需内容之前会感到沮丧并失去兴趣
        
        应该在内容周围保持适当的留白，使布局更整洁并防止内容重叠
      - collection页面可以有序地管理一系列内容，例如一组照片，是可定制的而且可以在高度可视化的布局中进行呈现
        
        一般来说，collection是对图像内容的理想展示方式。为了能够直观的区分类目，可以选择性地实现背景和其他装饰性视图
        
        支持丰富的交互和动画
    - - 突出显示主面板中当前选择的选项
        
        副面板应始终对应主面板中选中的选项，这有助于用户理解两个面板之间的关系
      - 通常只在分屏视图的一侧显示导航
        
        如果都放置导航会让用户失去方向感，难以辨别两个面板之间的关系
      - 请根据内容来选择一个合适的分屏视图布局
        
        默认情况下，分屏视图将屏幕的三分之一用于主面板，三分之二用于副面板
        
        屏幕也可以分成两半，根据你的内容选择合适的分割，但是请确保窗口看起来是平衡的
        
        避免创建比主面板更窄的副面板
      - 提供多种方式来唤醒隐藏的主面板
        
        默认情况下只会显示一个副面板，因此需要提供一个按钮（通常位于导航栏）用来呼出主面板
        
        除非你的App使用滑动手势来执行其他功能，否则应该支持用户从屏幕的边缘向屏幕内滑动来唤出主面板
      - 分屏视图可以管理两个并列面板的显示，包括主面板中作为主要信息的展示和在副面板中展示其关联信息
        
        分屏视图通常应用于筛选信息的操作：在主面板中显示一个筛选类别列表，将筛选后的结果显示在副面板中
        
        如果你的App有需要，主窗口可以覆盖在副面板上，主面板在不使用时也可以在屏幕上隐藏，特别是设备处于竖屏状态时，这样能够在副面板上显示更多的内容
    - - Alert Titles and Messages
        
        如果一定要增加描述信息，请使用完整的短句
        
        避免出现指责、判断、侮辱的语气
        
        避免出现你、你的、我、我的这类词语，因为有时候会被认为是具有生疏和趾高气扬的态度
        
        使用一些简短的描述性标题
        
        让用户看到的文字越少越好，能够用标题表达清楚的就不要增加额外的描述信息。尽量将标题控制在一行以内，如果标题是完整的句子，使用句子模式的大小写和适当的标点符号来完整标题，如果标题是句子片段，请不要使用表示结束的标点符号
        
        避免对警告按钮作出解释
      - Alert Buttons
        
        通常使用包含两个按钮的警告弹窗
        
        创建简洁的逻辑清晰的按钮标题
        
        避免使用是和否
        
        把按钮放在用户预期的地方
        
        适当地标记取消按钮
        
        强调会产生破坏性操作的按钮
        
        用户可以通过回到主屏幕来取消警告窗口
      - Alerts
        
        Alerts convey important information related to the state of your app or the device, and often request feedback.
        
        尽量避免使用警告框
        
        测试警告框在横屏和竖屏的显示情况
    - - Tables
        
        Table以滚动形式显示数据，其中的行可以对其进行相应的分组
        
        Table能够以列表的形式明确有效地显示大量或简略的信息
        
        通常Table是基于文本格式的最佳形式，它常常作为一种导航工具出现在分屏视图的一侧
        
        iOS定义了三种表格样式
        
        Grouped
        
        行以组的形式显示，组的前面可以是页眉，后面可以是页脚
        
        此样式的表始终至少包含一个组，每个组始终至少包含一行。分组表不包含索引
        
        Inset grouped
        
        行显示在具有圆角的组中，并从父视图的边缘插入
        
        此样式的表始终至少包含一个组，每个组始终至少包含一行，并且可以在其前面加上页眉和页脚。插入分组表不包含索引
        
        Plain
        
        行可以被分为若干带标签的段落，而表格的右侧可以出现垂直排列的索引符号（如通讯录里的联系人）
        
        考虑Table的宽度
        
        尽快呈现Table中的内容
        
        不要等到大量的表内容加载后再显示
        
        立即用文本数据填充屏幕上的行，并在可用时显示更复杂的数据，如图像
        
        这项技术可以立即为人们提供有用的信息，并提高应用程序的感知响应能力
        
        请在内容加载时给予用户反馈
        
        如果表的数据需要时间加载，请显示进度条或旋转活动指示器，以向用户保证您的应用程序仍在运行
        
        保持最新的内容
        
        考虑定期更新表的内容以反映更新的数据，但不要改变屏幕当前的显示情况
        
        用户在滚动内容时提前做好准备，并将新的内容添加到表的开头或结尾
        
        有些App在加载完成新数据时会出现一个提示，并提供了某操作可以跳转到新数据的位置
        
        考虑提供一个刷新控件
        
        避免在包含右对齐方式的Table中使用索引
      - Table Rows
        
        在表元素（table rows）中使用标准的单元格样式定义显示的内容
        
        1.基本型（默认）：包含一个在行左端的图片和一个图片右边左对齐的文字标题，适用于显示不需要补充信息的项目
        
        2.副标题型：包含一个左对齐的文字标题和在下方同样左对齐的副标题，这些相似的行在一个表中可以得到很好的展示，因为副标题可以用来区分不同的行
        
        3.右提示：左对齐的标题与右对齐的副标题在同一行中显示
        
        4.左提示：右对齐的标题后面跟着一个左对齐的副标题，并在同一行中显示
        
        请使用简洁的文本，以避免被截断
        
        所有类型的表元素单元格都会自动截断文本
        
        你可以为删除按钮自定义一个标题
        
        如果你定义的标题可以让用户清晰地理解该操作的含义，你可以替换系统默认的删除文本
        
        在用户的选中操作中给予反馈
        
        当用户在点击某个可选中的项目时，他们会希望这个行业该有短暂的高亮，点击过后没用户期望出现一个新的视图或者有什么其他改变
        
        为非标准的表元素设计一个自定义单元格样式
    - - An activity is a task, such as Copy, Favorite, or Find, that’s useful in the current context。Use activities to give people access to custom services or tasks your app can perform.
      - 为你的自定义事件设计一个简单的图像模版
        
        A template image uses a mask to create an icon
        
        Use black and white with appropriate transparency and antialiasing, and don’t include a drop shadow
        
        emplate images should be centered in an area measuring about 70px × 70px
      - 为你的服务创建一个简练的事件标题
      - 确保活动是可以对当前窗口中的内容进行操作的
      - 使用操作按钮来显示事件窗口
    - - 文本视图显示多行样式的文本内容
        
        文本视图的高度不限，当内容超出时可以滚动查看
        
        默认情况下，文本视图中的内容是以左对齐的黑色系统字体显示
        
        文本视图支持编辑，当用户在视图中点击时，会唤起键盘
      - 保持文本的可读性
        
        最好在文本视图中支持动态文本，这样文本视图在用户改变字体大小后依然会易于阅读
        
        应该在启用了辅助功能选项的情况下测试您的内容
      - 唤起合适的键盘类型
    - - An action sheet is a specific style of alert that appears in response to a control or action, and presents a set of two or more choices related to the current context
      - 提供一个取消按钮可以增加操作的明确性
      - 突出破坏性的选择项
      - 避免在动作菜单中出现滚动情况
    - - 需要时可以使用向前和返回的导航按钮
        
        支持向前和返回操作，但默认情况下这个操作是被禁止的
        
        如果用户需要使用你的web视图访问较多页面，请提供相应的控件来启用向前和返回操作
      - 避免使用web视图来构建web浏览器
        
        使用web窗口可以让用户不用离开当前app中的内容就能简单地访问一个网页
      - 网页视图可以加载并显示丰富的网页内容，可以直接在你的App中嵌入HTML和网页
        
        例子：邮箱app
    - - 滚动过渡Scrolling Transition:没有特定的样式，页面流畅地从一个页面滚动到下一个页面
      - 翻页过渡Page Curl Transition：当你在屏幕上滑动的时候，页面就会弯曲，和阅读纸质书时的翻页效果一样
      - 如果合适，实现一种非线性导航的方法
        
        页面视图控制器只能实现相邻页面之间的跳转切换
        
        如果用户需要在你的app中切换到任意的页面，那么就需要自定义一个控件来实现这个功能
      - 页面视图控制器提供了一种在内容页面（如文档、书本、记事本或日历）之间实现线性导航的方法
- - - - 自动更新内容
        
        尽管人们喜欢能够即时刷新内容，但他们也期望定期自动刷新。不要让用户自己负责所有更新。通过定期更新来保持数据最新
      - 如果有意义可增加一个短标题
        
        刷新控件可以包含标题。在大多数情况下，这是不必要的，因为控件的动画表示正在加载内容。如果包含标题，不要用它来解释如何执行刷新。相反，请提供有关正在刷新的内容的值信息。例如，podcast中的刷新控件使用一个标题来告诉人们上次更新podcast的时间。
      - 通常在table view中，刷新控件用来手动即时加载内容，而不用等待下一次自动更新内容
        
        刷新控件是活动指示器的一种特殊类型，默认情况下处于隐藏状态，并在向下拖动要重新加载的视图时可见
    - - 选择器包含一个或多个由不同值组成的滚动列表，每个都可以被单独选中-该值在窗口中间的黑色文本中做凸显提示。
        
        选择器通常显示在屏幕底端，或者在用户编辑字段或点击菜单时显示在弹出框里。
        
        选择器的高度大概为单个值行高的5倍。选择器的宽度可与屏幕同宽或者与封闭窗口等宽，具体取决于设备和使用情景
        
        使用易推测且逻辑排列的值
        
        避免切换屏幕来显示选择器
        
        对于多数值列表，请使用表格来替换选择器
      - 日期选择器是用于选择特定的日期，时间的高校界面。他也提供显示倒计时界面
        
        日期选择器有四个模式
        
        Time，时，分，上午下午（可选）
        
        Date and time，日期，时，分，上午下午（可选
        
        Date，年，月，日
        
        Countdown timer，时，分，最大23h59m
        
        当对特定时刻有需求时，考虑不同的时间间隔
    - - 尽量保持栏内容大小一致
      - 在分栏控制中不要既有文本又有图像
      - 限制段数以提高可用性
        
        更宽的栏更容易打开。在iPhone上，分栏控制内的数量应小于等于5个
      - 在自定义细分控件中适当定位内容
      - 分段控件是两个或多个分段的线性集合，每个分段都充当一个互斥按钮。在控件内，所有段的宽度均相等。像按钮一样，句段可以包含文本或图像。
        
        分段控件通常用于显示不同的视图。例如，在地图中，分段控件使您可以在地图，公交和卫星视图之间切换。
    - - 页面指示器将页面序列扁平化，用于显示当前页面的位置。指示器是一连串的小点，用来代表按顺序排列的可用页面
        
        用户可以点击页面指示器的首端或者尾端来访问下一页或前一页，但是他们不能点击特定的点到特定的页面
      - 不同层级的页面之间不要使用页面指示器
        
        页面指示器不显示页面之间的联系，也不显示每个点对应哪个页面。这种控件是为同等级的页面设计的
      - 不要显示太多的页面
        
        超过10个点就很难一眼数清，超过20个点再去按顺序浏览就很耗时间
      - 在页面底部居中放置页面指示器
    - - 如果可以增加价值，请自定义滑块的外观
      - 不要使用滑块来调整音量
        
        如果需要在应用程序中提供音量控制，请使用可自定义的音量视图，其中包括音量级别滑块和用于更改活动音频输出设备的控件。
      - 滑块是一条可以用拇指滑动的水平轨迹，您可以用手指滑动该控件以在最小值和最大值之间移动，例如在媒体播放期间的屏幕亮度级别或位置。
        
        当滑块的值更改时，最小值和拇指之间的轨迹部分将填充颜色。滑块可以选择显示左图标和右图标，以说明最小值和最大值的含义。
    - - Label描述了屏幕上的界面元素或者提供短信息
      - 让标签明确易读
        
        标签可以包含简单朴素的或风格化的文本
    - - 让分档器控制的值有明显改变
        
        分档器本身并不显示任何值，所以要确保人们知道使用分档器时改变的是什么值
      - 如果可能会有大的价值变化，请不要使用步进器
        
        分档器可以很好地进行一些需要轻敲的小改动。例如，在打印屏幕上，使用分档器设置拷贝数是有意义的，因为人们很少改变这个设置太多。另一方面，使用分档器选择页面范围是没有意义的，因为即使是一个合理的页面范围也需要大量的点击。
      - 分档器是一个两段式控件，用于增加或减少增量值。默认情况下，步进器的一个段显示一个加号，而另一段显示一个减号。如果需要，可以将这些符号替换为自定义图像。
    - - 用户可以在文本字段，文本视图，网页视图或图像视图中触摸并按住或双击某个元素，来选中内容并显示编辑选项
      - 为当前情景显示适当的命令
        
        默认情况下，选项包括剪切、复制、粘贴、选择、全选、删除，每个命令都可以禁用
      - 如果有必要，适当调整编辑选项的位置
        
        默认情况下，菜单位于插入点或选择内容的上方或下方，具体取决于可用空间
      - 不要使用其他功能相同的控件作为编辑菜单
        
        提供多种启动操作的方法会导致用户体验不一致，并引起混乱和困惑
      - 让可能有用的非编辑文本也能被选择和拷贝
      - 不要将编辑菜单的选项添加到按钮中
        
        如果你这样做，人们会使用按钮，而不去打开编辑选项
      - 让编辑操作可以撤销
        
        在动作执行前，菜单不会请求确认，因为有的人会在执行操作之后改变主意
      - 用自定义命令扩展编辑选项
      - 在系统提供的命令之后显示自定义命令
        
        不要让系统命令和自定义命令杂乱分布，系统命令对用户来说更为实用并且使用频率更高
      - 让自定义命令的数量尽可能少
      - 自定义命令名字要短
        
        命令的名字应该是动词，或者简洁描述将执行动作的动词短语
    - - 开关是两个互斥状态（打开和关闭）之间的可视切换
      - 仅在table rows使用开关
        
        开关用于表中，例如可以打开和关闭的设置列表中。如果在工具栏或导航栏中需要类似的功能，请改用按钮，并提供两个不同的图标来传达状态。
      - 避免添加标签来描述开关的值
        
        开关打开或关闭。提供描述这些状态的标签是多余的，并且会使界面混乱。
      - 可以使用开关来管理相关联的界面元素的有效性
        
        开关通常会影响屏幕上的其他内容。例如，在设置中启用飞行模式开关，将禁用某些其他设置，例如蜂窝和个人热点。在“设置>Wi-Fi”中禁用Wi-Fi交换机会导致可用网络和其他选项消失。
      - 可以调整一个开关的外观，以匹配你的App的风格
    - - 在iOS13和更高的系统版本中，你可以利用情景菜单来为屏幕上现实的元素提供额外的功能选项，而不会使界面变得混乱
      - 情景菜单跟Peek&Pop有点类似，但是有两个主要的不同
        
        情景菜单支持所有运行着iOS3的设备，而Peek&Pop只能在支持3D touch的设备上使用
        
        情景菜单立即显示情景相关的命令，Peek&Pop还需要上滑才能显示这些命令
      - 用户可以选择一条命令或将项目拖动到另一个区域，窗口或应用中
      - 在一致的地方使用情景菜单
      - 只包含该项目最常用的命令
        
        过多的命令会对用户造成负担
      - 在关联菜单中的每个命令中包含一个图示符
        
        字形强化了命令的含义，帮助人们立即理解其功能
      - 如果过于复杂则使用子菜单
        
        它显示了与父级命令逻辑相关的二级菜单
      - 子菜单只能有一个层级
        
        尽管子菜单能够缩短情景菜单的长度，精简用户可执行的命令，但是如果子菜单超过了一个层级依然会使体验变得更复杂，并难以导航
      - 将最常用的选项放在菜单顶部
        
        当用户打开情景菜单时，他们的注意力会集中在菜单的顶部区域。将最常用的选项放在顶部有助于用户快速找到自己需要的
      - 使用分隔符（separator）对相关菜单项进行分组
        
        创建视觉上的组能够帮助用户快速扫描菜单，通常不要在情景菜单中分出三个以上的组
      - 不要对同一项目同时使用情景菜单和编辑菜单
        
        否则会对用户造成困扰，也会增加系统判断用户意图的难度
      - 不要再提供打开项目的按钮
        
        用户可以直接点击预览打开项目
    - - Text Fields
        
        适当时，在文本字段的右端显示一个“清除”按钮
        
        需要时使用保密文本框
        
        在文本框中显示小提示，可以有助于沟通
        
        文本框中可以使用图像和按钮来解释目的和提供功能
        
        可以在文本字段的左侧或右侧显示自定义图像，也可以添加系统提供的按钮，如“书签”按钮。通常，使用文本字段的左端表示字段的用途，使用右端表示是否存在其他功能，如书签。
        
        本字段是单行，固定高度的字段，通常带有圆角，当用户点击时会自动调出键盘。使用文本字段来请求少量信息，例如电子邮件地址。
        
        对于多行或多样式文本输入，请改用文本视图
      - Keyboards
        
        显示适当的键盘类型
    - - 详情按钮
        
        详情按钮会打开一个窗口，通常是模态窗口，包含屏幕上特定项目的相关附加信息或功能，尽管你可以在任何一种窗口里使用他们，但它经常用在表格中，来获取关于某特定行的信息
        
        在表格中恰当使用详情按钮：当详情按钮显示在表格行（table row）中，点击按钮将显示附加信息。点击其他地方。会选择该行，或者发起APP定义的行为
      - 信息按钮
        
        信息按钮会显示有关app的配置详情，有时会在翻转当前视图后在背面显示。
      - 系统按钮
        
        （英文）标题首字母大写
        
        标题要简要
        
        标题要使用动词
        
        一个表明动作的标题说明按钮是可交互的，并且会让用户知道点击后发生什么
        
        仅在必要时添加描边或背景
        
        系统按钮通常显示在导航栏和工具栏中，但在任何地方都可以使用
      - 添加联系人按钮
        
        用户可以点击添加联系人按钮来浏览现有联系人列表，并选择一个来插入文本字段或其他窗口
        
        除了添加联系人按钮之外，还允许键盘输入
      - Buttons
        
        按钮可启动特定于应用的操作，能自定义按钮背景，并且常常包含标题或者图标
    - - 进度条Progress Bars
        
        进度条的轨道会从左到右逐渐填充的方式来显示任务进度，虽然进度条通常伴有取消对应操作的按钮，但其本身是不可交互的
        
        始终准确显示进度
        
        不要只为了使App看上去在运行而显示不准确的进度信息，进度条只用于可量化的任务。非量化任务请使用活动指示器Activity Indicators（菊花）
        
        使用进度条时对任务持续时间作出明确规定
        
        在导航栏和工具栏中隐藏未填充部分
        
        当在导航栏或工具栏中使用时，例如表示页面加载时，应当设置隐藏进度条轨道的未填充部分
        
        考虑自定义进度条的外观以匹配App
      - 进程指示器Progress Indicators
        
        不要让用户盯着静态屏幕等待你的App加载内容或者处理冗长的数据。使用活动指示器和进度条，让用户知道你的App没有停顿，并告诉他们大概还要多久
      - 网络活动指示器Network Activity Indicators*（菊花）
        
        网络活动指示器在iOS 13中以及具有边缘到边缘（edge-to-edge）显示的设备上已被弃用。
        
        在iOS 12及更早版本中，以及在没有边到边显示的设备上，当网络连接发生时，屏幕顶部的状态栏中的网络活动指示器会旋转。当网络连接完成时，它就会消失。这个指示器看起来就像一个活动指示器，并且是非交互的。
        
        仅在持续超过几秒钟的网络操作时显示此指示器
        
        快速网络操作时不需要显示该指示器，因为在用户注意到它的存在或意识到它的传达意图之前，它可能已经消失了
      - 活动指示器Activity Indicators（菊花）
        
        进度条的使用要优先于活动指示器（菊花）
        
        如果操作等待是可量化的，请使用进度条而非活动指示器（菊花），以便用户可以更好地了解发生的情况和所需时长
        
        让活动指示器保持运行
        
        人们认为菊花停止就意味着进程停止，保持运行，让用户知道活动仍在进行中
        
        如果有帮助，可在等待任务完成时提供有效信息
        
        不要使用表意不清的术语，如加载中，验证中，因为它们没有什么实际意义
        
        当执行无法量化的任务（如加载或同步复杂数据）时，活动指示器（Activity Indicators。菊花加载）将旋转。任务完成后它将消失。活动指示器是非交互的。
- - - - 不要提供自定义导航栏
      - 让人们预览编辑
      - 确认取消编辑
      - 使用你的App图标为你的照片编辑
      - 照片编辑允许人们通过滤镜等工具来修改照片和视频。照片编辑会保存为新的文件，并保留原始版本
    - - 避免对快速动作进行不可预测的更改
      - 为每个快速操作提供简洁的标题
      - 避免把快捷操作当成导航
      - 不要使用快速动作进行通知
      - 为用户最关注的、重要的任务创建快捷操作
      - 为每个快速操作提供一个可识别的图标
      - 主屏幕快速操作是一种方便的方法，可以直接从主屏幕执行有用的，特定于应用程序的操作。
        
        考虑实现一个小部件，以提供更有吸引力的体验
      - 不要使用表情符号代替图标
    - - 简化并限制交互
      - 避免在你的扩展之上放置模态视图
        
        虽然警告是必要的，但要避免额外的模态视图
      - 设计熟悉的界面
      - 使用你的主App来表示冗长操作的进展
        
        活动视图应该在启动共享或操作之后立即消失。不要使用通知。当任务完成时，人们不希望看到通知，如果有特殊问题再通知他们
      - 启用一个单一的、集中的任务
      - 使用动作扩展图标的模板
        
        模板图像使用遮罩创建图标。使用黑白与适当的透明度和抗锯齿，不包括阴影。模板图像应居中于约70px×70px的区域。
      - 共享扩展提供了一种方便的方式，可以与应用程序、社交媒体帐户和其他服务共享当前上下文中的信息。操作扩展允许人们启动特定于内容的任务，例如添加书签、复制链接或保存图像。
    - - 用户打开或导入文件时，仅显示与上下文相关的文档和信息
      - 当导出和移动文档时让用户选择目的地
      - 文件应用实现了一个自定义的入口，用于导入、导出、打开或将文档在App中移动
      - 不要提供自定义导航栏
    - - 避免自定义小部件的背景
        
        系统提供的光线模糊的窗口小部件背景（毛玻璃）是为了一致性和易读性而设计的
      - 通常，使用黑色或深灰色的系统字体作为文本
        
        系统字体旨在提高可读性，深色在标准小部件背景下效果很好
      - 适应能力强
        
        小部件的宽度因设备和方向而异
        
        折叠的小部件大约是两个半表行的高度
        
        理想情况下，扩展的小部件不高于屏幕的高度
        
        例如，Weather小部件在折叠时显示当前天气状况，但在展开时添加小时预报
      - 在适当的时候，让人们跳到您的应用程序以执行更多操作
        
        你的小部件应该独立于你的应用程序运行
        
        不要包含“打开应用程序”按钮，它会占用你的内容空间
        
        相反，让人们点击内容本身，在你的应用程序中查看或编辑它
        
        永远不要使用你的小部件打开其他应用程序
      - 提供足够的边距和填充
        
        避免将内容扩展到小部件的边缘
        
        如果可能，将图标和按钮的网格限制为每行四个
      - 选择一个好的小部件名称
        
        应用程序图标和标题显示在每个小部件的内容上方
        
        一般来说，你的小部件名称应该与你的应用程序名称相匹配
        
        如果你的应用程序提供了多个小部件，请考虑使用你的应用程序名称作为主要的小部件，并为其他小部件使用清晰、简洁的名称
        
        如果使用自定义标题，请考虑在它们前面加上应用程序名称
        
        包含您的应用程序名称会让您相信该小部件实际上是由您的应用程序提供的
      - 快速显示内容
      - 让人们知道进行身份验证可以获得额外的功能
        
        如果有人登录到你的应用程序时，你的小部件提供了附加功能，请确保人们知道这一点
        
        例如，当用户未登录时，显示即将进行的预订的应用程序可能会包含一条消息：“登录应用程序以查看您的预订”
      - 设计出色的体验
        
        人们使用widget来获取简短的更新并执行非常简单的任务，因此必须提供适当数量的信息和交互。只要有可能，请提供可以在一次点击中完成的任务。不支持在小部件中进行平移和滚动。
      - 为快捷操作界面选择一个小部件
        
        如果您的应用程序具有多个小部件，你可以选择一个在快捷操作中出现，当有人用3D touch 对你的app图标施加压力的时候打开
      - 小部件是一种扩展，显示少量及时，有用的信息或特定于应用程序的功能。
        
        小部件是可定制的，可以包含按钮、文本、自定义布局和图像等
        
        当您使用3D触摸对主屏幕上的应用程序图标施加压力时，小部件显示在快速操作列表上方
        
        人们还将他们关心的小部件添加到搜索屏幕，通过在主屏幕和锁屏上向右滑动来访问搜索屏幕
    - - Custom Keyboards
        
        提供一种显而易见的简便方法来切换键盘
        
        不要复制系统提供的键盘功能
        
        确保您确实需要自定义键盘
        
        考虑在应用程序中提供键盘教程
        
        键盘扩展是指，用定制键盘代替标准键盘，一旦启用后，键盘在任何应用程序中的文本输入期间都可用，但编辑安全文本字段和电话号码字段时除外。人们可以启用多个自定义键盘，并随时在它们之间切换。
      - Custom Input Views
        
        使功能更明显
        
        在键入过程中播放标准的键盘点击声音
        
        自定义输入视图将标准键盘替换为自定义键盘，但仅在应用程序中，而不是在系统范围内
        
        如有必要，提供输入附件视
    - - iMessage Apps
        
        iMessage应用程序可在Messages对话的上下文中提供交互式体验
        
        设计一个直观的界面
        
        提供重点内容
        
        提供有趣的协作体验
        
        突出显示有趣的iOS应用内容
        
        要注意内容的放置，以避免被裁剪
        
        你的App的内容是在带有圆角的信息气泡中显示的，所以不要在角落放置重要的信息
        
        只允许在扩展视图中编辑文本
        
        区分压缩和扩展视图
      - Messaging
        
        iMessage应用程序和贴纸包是消息传递扩展，使人们可以与朋友共享内容，富有表现力的交流和共享协作经验
      - Stickers
        
        贴纸为人们提供了一种有趣，引人入胜的方式，使他们可以在消息对话中表达自己，而无需键入或使用表情符号
        
        设计表现力
        
        全球化思考
        
        使用描述性图像名称或提供替代文本标签
        
        通过动画增添活力
        
        测试位置可能性
        
        考虑使用鲜艳的色彩和透明度
        
        Sticker Sizes
        
        小300px × 300px
        
        标准408px × 408px
        
        大618px × 618px
        
        适当大小的贴纸
        
        注意文件大小限制
        
        500KB以内
        
        Sticker Formats
        
        APNG
        
        iMessage App and Sticker Pack Icons
        
        持背景简单并提供一个重点
        
        保持图标四角方形
        
        提供不同大小的图标
        
        iMessage app icons