扫码阅读
手机扫码阅读

原型说明咋写-按钮

406 2024-03-13

我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。

查看原文:原型说明咋写-按钮
文章来源:
产品工具库
扫码关注公众号
原型开发快速方法概述

原型开发快速方法概述

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

步骤一:约定规范

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

步骤二:使用模板

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

规范与模板编写方法

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

本期重点:按钮组件

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

一、约定基础规范

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

二、约定可控参数

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

三、输出说明模板

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

结语

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

想要了解更多内容?

查看原文:原型说明咋写-按钮
文章来源:
产品工具库
扫码关注公众号