扫码阅读
手机扫码阅读

原型说明咋写-全局提示/toast

293 2024-03-13

文章摘要

本文介绍了如何高效创建产品原型,通过与开发团队和UI团队约定组件规范,并使用模板来加快原型开发流程。提供了规范文档和模板的具体方法,并附上了全局提示/toast组件的规范编写示例。

步骤一:约定规范

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

步骤二:使用模板

在Axure中将带说明的通用组件加入元件库,便于快速使用。开发团队看到组件时,可以直接应用已经约定的规范。

规范与模板编写

系列文章将通过43个常用组件和3篇页面的规范与模板编写,来分享创建有效原型的方法。

组件规范举例

以全局提示/toast组件为例,概述了其基础规范,包括交互说明、样式说明、页面层级,以及如何约定可控参数。

一、约定基础规范

  • 确定默认的交互方式,隐藏机制和多提示的处理。
  • 定义不同类型(信息、成功、警告、错误)的基础样式和文本说明。
  • 规定组件在页面中的层级,以避免被其他元素遮盖。

二、约定可控参数

提供了如何在原型中描述全局提示的具体示例,包括简单和复杂的描述方式。

三、输出说明模板

建议在组件名称前加上“规范”字样,方便团队识别,并在Axure/墨刀中保存为元件库。

结语

作者鼓励读者关注或收藏系列文章,以便于不错过后续的更新和分享。

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

别人教你画原型,我们教你写说明

31 篇文章
浏览 8558
加入社区微信群
与行业大咖零距离交流学习
软件研发质量管理体系建设 白皮书上线