原型说明咋写-开关

在产品开发中，面对领导要求快速完成原型设计的压力，产品人员可以通过约定规范和使用模板的方法来提升效率。本文教读者如何快速且全面地完成原型设计，并提供可直接使用的模板。

步骤一：约定规范

首先，与开发和UI团队约定组件的规范，并将这些规范维护在一个独立的文档中，以确保团队成员都能遵循统一的标准。

步骤二：使用模板

其次，使用Axure等工具将带有说明的通用组件添加到元件库中，在制作原型时可以直接使用这些模板。这样开发人员在看到组件时，就能按照之前约定的规范进行开发。同样的方法也适用于其他设计工具，如墨刀。

系列内容介绍

本系列内容将包括“通用、输入、输出、反馈”四类共43个常用组件和3篇页面（表单页、列表页、详情页）的规范和模板写法，本文是系列的第8篇，后续还有38篇将会更新。

本期组件：开关

组件概述

滑动开关组件用于在两个互斥对象之间进行选择，例如触发「开/关」状态的切换，常见于多种应用场景。

约定规范

与开发和UI团队约定默认实现的样式和交互内容，并通过规范文档进行维护。

• 样式规范包括自定义的开启和关闭状态颜色，默认开启状态为主题色，关闭状态置灰，禁用状态则在原色调下增加50%透明度。
• 交互规范涵盖整个按钮的热区、单击切换状态、显示气泡提示或文字提示，提示内容会随开关状态变化。
• 可控参数包括开关的默认状态（开/关），是否可用，是否带有提示以及开关状态变化的前后置影响。

产出模板

在组件库中添加规范化的开关组件，并提供具体的状态、提示文案、前置和后置影响等参数，以便团队成员能快速识别并使用。

结语

文章鼓励读者关注或收藏本系列，以便跟进更新，并表示读者的鼓励是作者持续分享的动力。