原型说明咋写-按钮

原型开发快速方法概述

本文介绍了一种快速又全面的原型开发方法，并提供了可直接使用的模板。

步骤一：约定规范

首先，与开发和UI团队约定组件的规范，并将其维护在一个独立的文档中。

步骤二：使用模板

使用Axure或墨刀等工具，将带有说明的通用组件保存到元件库中，原型开发时直接使用。开发团队根据组件使用相应的规范。

规范与模板编写方法

文章计划通过介绍43个常用组件和3种页面（表单页、列表页、详情页）的写法来分享规范和模板的创建方法。

本期重点：按钮组件

按钮组件用于触发即时操作和业务逻辑，其样式多样但基本功能应由产品经理明确。

一、约定基础规范

1. 按钮类型：定义了主按钮、默认按钮和链接按钮三种类型。
2. 基础交互：规定了鼠标悬停和单击时的交互效果。
3. 基础状态：介绍了危险、加载中和禁用三种状态的使用和配合。
4. 尺寸：原型中按钮尺寸默认为中，UI根据需求选择合适的尺寸。

二、约定可控参数

与研发团队约定原型中可控制的参数，包括按钮状态、气泡提示和点击事件，并提供示例和填写说明。

三、输出说明模板

为了便于团队识别规范组件，组件名称前加上“规范”字样，并将模板写入注释保存至工具的元件库。

结语

文章将持续更新，分享更多原型开发的规范和模板，并鼓励读者关注或收藏以方便跟进未来内容。

实践了上万次，原来这些才是敏捷测试需要遵循的原则

了解更多

想要了解更多内容？

查看原文：原型说明咋写-按钮

文章来源：

产品工具库

扫码关注公众号