扫码阅读
手机扫码阅读
原型说明咋写-按钮
406 2024-03-13
我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。
查看原文:原型说明咋写-按钮
文章来源:
产品工具库
扫码关注公众号
原型开发快速方法概述
本文介绍了一种快速又全面的原型开发方法,并提供了可直接使用的模板。
步骤一:约定规范
首先,与开发和UI团队约定组件的规范,并将其维护在一个独立的文档中。
步骤二:使用模板
使用Axure或墨刀等工具,将带有说明的通用组件保存到元件库中,原型开发时直接使用。开发团队根据组件使用相应的规范。
规范与模板编写方法
文章计划通过介绍43个常用组件和3种页面(表单页、列表页、详情页)的写法来分享规范和模板的创建方法。
本期重点:按钮组件
按钮组件用于触发即时操作和业务逻辑,其样式多样但基本功能应由产品经理明确。
一、约定基础规范
- 按钮类型:定义了主按钮、默认按钮和链接按钮三种类型。
- 基础交互:规定了鼠标悬停和单击时的交互效果。
- 基础状态:介绍了危险、加载中和禁用三种状态的使用和配合。
- 尺寸:原型中按钮尺寸默认为中,UI根据需求选择合适的尺寸。
二、约定可控参数
与研发团队约定原型中可控制的参数,包括按钮状态、气泡提示和点击事件,并提供示例和填写说明。
三、输出说明模板
为了便于团队识别规范组件,组件名称前加上“规范”字样,并将模板写入注释保存至工具的元件库。
结语
文章将持续更新,分享更多原型开发的规范和模板,并鼓励读者关注或收藏以方便跟进未来内容。
想要了解更多内容?
查看原文:原型说明咋写-按钮
文章来源:
产品工具库
扫码关注公众号
产品工具库的其他文章
原型说明咋写-复选器
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。文末
原型说明咋写-照片墙上传
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。文末提
原型说明咋写-对话框
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。文末提
原型说明咋写-日期时间选择器
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。文末提
原型说明咋写-开关
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。文末
加入社区微信群
与行业大咖零距离交流学习
软件研发质量管理体系建设
白皮书上线