苹果在2016年WWDC大会上发布了iOS 10，带来了全新的设计语言与交互理念，为移动界面设计开启了新的方向。与此同时，Sketch也推出了第39个版本，新增多项实用功能，显著提升了设计效率与操作流畅度。这两个重要更新的同步出现，为有志于从事UI设计的人提供了绝佳的入门契机。新的系统规范配合更强大的设计工具，不仅降低了上手门槛，也让整个创作流程更加高效。这一时机值得充分把握，无论是提升个人能力，还是协助团队优化工作流，都有广阔空间可以发挥。借助这一波技术与工具的协同进步，设计师能够更专注地实现创意表达与专业成长。
1、 啰嗦结束，下载并打开套件后，你将看到以下内容：
2、 可以看到左侧列出了三个页面选项。
3、 Symbols 存放的是组件的内部构造，若无必要请勿随意修改。
4、 Component Usage 显示套件包含内容，使用时可直接复制此处信息。
5、 Examples 中展示了一些示例图像，可供学习和参考作图方法。
6、 在前两页前加上减号，可防止上传至InVision时导出不必要的素材。
7、 可前往 Symbols 页面更新应用图标及偏好壁纸，相关组件将自动同步新图片。
8、 返回组件使用页面，可查看并选用多种常用工具栏和标签栏图标，方便快捷地应用于你的项目设计中。
9、 文字样式已统一归集，便于整体调整设计中的字体风格。左侧栏为 Apple 推荐的文字样式规范，遵循其指导可提升设计一致性与效率。
10、 Sketch 39 版本最受瞩目的功能当属智能缩放，尽管其自带的 iOS UI 设计模板已应用此技术，但在实际操作中仍显局限。虽然部分第三方插件也能实现类似效果，但依赖插件存在兼容性与稳定性风险，一旦环境变动可能导致文件异常，是否采用需根据具体需求权衡取舍。
11、 该套件充分利用了这一新特性，大多数界面组件均可自由缩放，如导航栏和标签栏，能适配三种不同尺寸的iPhone，提供更灵活的布局体验。
12、 连 iPad 的界面也包括在内
13、 这里补充一个进阶知识点：Tab Bar 提供了「紧凑」与「标准」两种样式。通常情况下，iPhone 采用紧凑型，iPad 使用标准型，但实际应用中也存在例外情况，具体使用需根据设备和界面布局灵活判断，建议结合实际场景深入探索。
14、 接下来是精彩部分：你或许已留意到，导航栏不仅下方有阴影分隔线，右侧同样设有阴影设计，细节之处更显用心。
15、 这是因为在设计 iPad 界面时，有时会要求工程师采用 UISplitViewController 实现类似内置邮件应用的左右分屏布局，以提升多任务操作体验。
16、 导航栏右侧的线条是 UI 设计套件中预先设置好的分隔线，旨在省去手动绘制的麻烦。该线条通过阴影效果实现，并不会被 Sketch 计入组件的实际宽高范围内。因此，当将其应用于 iPhone 设计稿时，只要确保导航栏宽度与画板一致，这条右侧线便会自动延伸至画板之外，不会在页面右侧实际显示出来，避免影响视觉呈现，让布局更整洁、使用更便捷。
17、 现在我们开始制作分屏视图。首先，在右侧添加一条导航栏，调整图层顺序，使左侧的导航栏位于上方，右侧的在下方。这样一来，左侧导航栏的阴影会自然地覆盖在右侧导航栏之上，视觉效果更加协调（所示）。值得注意的是，Sketch 在计算元素尺寸时，并不会将阴影部分计入对象的实际边界内。因此，当两个元素需要紧密对齐时，只需对齐它们本身的边缘即可，阴影会自动叠加，无需额外调整。这一设计细节体现了软件在布局处理上的巧妙与精准，让界面构建更高效、更美观。
18、 在 Component Usage 页面左侧，位于 Popover 上方有一个名为「View BG — Cool Grey」的图层，将其复制并粘贴至左侧导航栏下方，作为背景使用，以增强界面层次感与视觉统一性。
19、 红圈中的数字表示图层层级，数值越小层级越高，可放大查看三个组件交界处的细节。
20、 线条流畅，尽显完美。
21、 现在我们已经成功实现了分屏视图功能。
