iOS13发布后，我整理了这篇AppleHuman-MachineDesignGuidelinesTemplates的更新内容，HumanInterfaceGuidelines（界面设计指南）内容也有不少更新。iOS13官方SketchUI文件下载可以在https://developer.apple.com/design/resources/下载最新的iOS、macOS、macOS、tvOS等UI模板，提供Sketch、Photoshop、AdobeXD甚至Keynote源码文件。截至6月9日，只有Sketch的iOS13UI模板可用，其他版本还需等待。△iOS13UI模板下载注意：由于iOS13通过新的SFSymbols技术呈现了一些图标，如果不做一些设置，第一次打开Sketch模板时图标会出现乱码。△由于没有安装SFSymbols程序，部分图标显示不全。必须先安装SFSymbols程序（下载地址：https://developer.apple.com/design/downloads/SF-Font-Pro.dmg），然后按照程序中的说明把旧的SanFrancisco去掉后字体，草图模板正确显示。△查看SFSymbols程序中的指南删除旧字体。新的UI模板增加了深色模式（DarkMode）的样式，iPadOS的布局模板等。按钮。△SegmentedSelectorSegmentedControl我编译了一个文件，包括：SketchUI模板、组件库、新的SFSymbols程序和SanFranciscoPro字体，可供下载。下载链接：https://pan.baidu.com/s/1qkZbToUFE7GYaH11r0uyag提取码：bwtp备份链接：https://share.weiyun.com/5iYa2gk设计指南内容更新设计指南更新包括新内容和旧内容两部分修改。1.新内容iPadAppsforMac（iPadAppforMac）上次WWDC提到支持将iOSApps移植到Mac。本次WWDC提供了详细的移植技术和设计方案。该部分主要指导开发者在移植过程中注意大屏Mac的界面适配、鼠标和键盘快捷操作的支持等。深色模式（DarkMode）启用深色模式后，iOS系统会自动适配背景、主色等。但设计者仍然需要检查深色模式下颜色、图标和文字颜色的外观。Materials（材料）iOSMaterials和Google的MaterialDesign不一样。iOS中的材质是指给控件本身或者背景添加半透明的效果，让界面有层次感。既能让用户意识到控件与背景的关系，又不会分散用户的注意力。其实这就是iOS7的毛玻璃效果，只是之前的设计指南中从来没有强调过。△背景资料MultiwindowoniPad（iPad支持多窗口）iPadOS支持单个应用程序打开多个窗口。iPadApp的窗口分为主窗口和子窗口。子窗口应提供“关闭”或“完成”按钮。单击该按钮后，子窗口将关闭并返回到主窗口。可能不太理解return是关闭副窗口还是在副窗口返回到上一个页面。△MultiwindowoniPad（iPad支持多窗口）ContextMenus（上下文菜单）ContextMenus是3DTouch中PeekandPop的改进版。以后可以用3DTouch调出ContextMenus，或者用其他操作或手势（比如长按）打开。这意味着没有3DTouch的iOS设备也间接获得了3DTouch功能。△上下文菜单（ContextMenu）2.在旧的内容修改中添加了自定义触觉模式（customhapticpattern）。由于iPhone7加入了线性马达，当我们滑动Picker等控件时，我们可以感觉到手机有轻微的震动。这为用户提供了真实世界拨轮的触感。iOS13允许自定义触觉。例如，游戏中的角色从树上跳下，使用自定义触觉模拟跳离地面的效果，让体验更加真实和激烈。添加了SystemColor（系统颜色）和DynamicSystemColor（动态系统颜色）。如果使用特定的RGB颜色值进行界面设计，当用户使用深色模式或残障人士打开无障碍模式时，原本的颜色可能会变得难看或残障人士看不清楚。SystemColor提供的颜色在深色模式和辅助模式下会自动更改为合适的颜色值，使这些特殊模式下的颜色更加舒适和清晰。△系统颜色自带深色模式和accessibility下的变体DynamicSystemColor可以为某些类型的控件定义一套颜色，自动适配亮色模式和深色模式。比如你给标题设置了一组颜色，那么整个应用的所有标题在亮色模式下都是同一种颜色，切换到暗色模式后颜色会变成另一种颜色。增加了卡片式模态框来调出模态框，最常见的就是在界面中间弹出一个对话框。△提示对话框或全屏模式，通过导航栏中的取消或完成按钮退出模式。△全屏ModalView其实在iOS13之前，系统邮件App也提供了介于对话框和全屏modal之间的modal样式。看到原始页面的导航栏使用户意识到模式与上一页的关系。iOS13更新后，卡片式模态框被正式写入iOSDesignGuidelines。相信以后会有越来越多的app采用这种风格。△卡片式模态标题导航栏可隐藏底部边框隐藏标题导航栏底部边框线，让标题和内容更紧密的联系在一起。当然，滚动时底部边框线还是会显示的，否则导航栏和内容边框也看不清楚。△iOS12vs.iOS13标题导航栏
