Figma) 中的 Surface Duo 设计工具包 (
Surface Duo 设计工具包是一种 Figma 社区资源，可帮助应用设计人员和开发人员构建双屏用户体验。 此工具包中的组件是 Surface Duo 在 Android 上感觉 Microsoft 产品的构建基块。
- 设备帧 - 冰川和黑马色设备轮廓，以显示屏幕截图。
- 安全区域 - 安全区域 可防止内容覆盖应用标题、导航栏、选项卡和铰链。
- 笔交互 - 如何设计笔输入的交互。
- 设计模式和指南 - 工具包中的设计模式显示了不同应用场景的双屏显示的可能性，以及所有部分如何组合在一起，以便获得有意义的产品体验。
- 视频和媒体指南 - 有关在可折叠用户体验中包含视频和图像的提示。
- 姿势 - 双屏设备可以采用一系列硬件和工业设计变体。 最近发布的 Surface Duo 以及其他计划内设备旨在帮助定义这一类别，但其他设备可能配备更大的显示器或不同的铰链设计。 在设计应用时，请记住，应避免按照当前可用的任何特定设备的规格进行设计。
- 布局、控件和插件 - 考虑到双屏外形规格，我们确保你可以像使用熟悉的控件和布局一样设计。 我们还突出显示了在设计双屏应用时要注意的详细信息，例如铰链，并包括用于进行按需设计的布局。
- 组件 - 每个组件都构建为尽可能平面，以便易于管理和处理。 某些组件具有隐藏层，可以在不分离的情况下打开/关闭以添加变体。
- 组件集 - 导航和其他设计元素的主组件作为分组集，有助于更好地组织包含不同模型、模式、屏幕计数和方向的变体。