扫码阅读
手机扫码阅读

原型说明咋写-对话框

189 2024-03-13

摘要

文章介绍了一种快速且全面的产品原型开发方法,并提供了模板供直接使用。步骤分为三个主要部分:约定规范、使用模板和输出说明模板,旨在帮助产品在开发和UI设计之间建立有效的沟通。

步骤一:约定规范

与开发和UI团队一起制定组件规范,并将其维护在独立文档中,以保证一致性和规范性。

步骤二:使用模板

介绍了在Axure和墨刀中如何将带有说明的通用组件存入元件库并在原型设计时使用,以及如何让开发团队根据这些组件使用约定的规范。

规范与模板撰写

系列文章将分享“通用、输入、输出、反馈”四类共43个常用组件的规范和模板,以及表单页、列表页和详情页三篇页面的写法。

本期组件:对话框组件

对话框组件概述,用于在不打断工作流程的情况下引导用户进行操作。文章分为两部分:约定基础规范和约定可控参数。

一、约定基础规范

详细描述了对话框组件的交互和样式,如交互说明、关闭方式、样式说明、尺寸和按钮设置,以及定位和层级信息。

二、约定可控参数

讨论了原型中可控制的参数,例如类型、标题、内容、主按钮和次按钮,并提供了参数填写说明和快捷描述方法。

三、输出说明模板

建议在组件名称前加上“规范”以便团队识别,模板可以直接在注释中编写并存储为Axure/墨刀元件库。

结语

文章鼓励读者点赞和收藏以支持系列的持续更新,强调了这些资源对于提高原型开发效率的价值。

想要了解更多,点击 查看原文