扫码阅读
手机扫码阅读

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

586 2024-03-13

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

查看原文:原型说明咋写-全局提示/toast
文章来源:
产品工具库
扫码关注公众号

文章摘要

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

步骤一:约定规范

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

步骤二:使用模板

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

规范与模板编写

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

组件规范举例

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

一、约定基础规范

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

二、约定可控参数

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

三、输出说明模板

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

结语

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

想要了解更多内容?

查看原文:原型说明咋写-全局提示/toast
文章来源:
产品工具库
扫码关注公众号