
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。
今天教大家一个方法,既快又全。
文末提供模板,可直接用步骤一:约定规范如图,与开发、UI约定组件规范,并维护在独立文档中步骤二:使用模板如图,Axure可将带说明的通用组件置入元件库,出原型时使用;开发看到组件,则使用约定规范;墨刀同理。
【PS:想了解word如何使用,请评论留言哈】那么,规范与模板应该怎么写?本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面(表单页、列表页、详情页)写法,将规范与模板分享予您=========强烈建议点个【关注】或不迷路=========本期组件:对话框组件概述:在浮层中显示,引导用户进行相关操作。
需要用户处理事务,又不希望跳转页面以致打断工作流程时,可以使用模态对话框在当前页面正中打开一个浮层,承载相应的操作。
一、 约定基础规范本节主要与研发约定默认实现内容,通过规范文档维护。
1. 交互与样式1)交互说明:通过系统事件触发(通常不与用户操作同步),弹出时页面有半透遮罩(灯箱背景)阻断用户操作,点击遮罩区域,不关闭对话框。
关闭:通过关闭按钮关闭,或完成操作后,通过对话框上的按钮关闭。
多个:尽量不叠加2)样式说明尺寸:一般固定,最多显示三行文字。
如需装载更多内容,如列表、表单则不属于对话框范畴,属于弹窗。
按钮:底部一排为按钮区域,至少会有一个按钮2. 位置与层级1)位置:对话框始终在页面垂直和水平居中位置显示,并有遮罩阻断用户操作2)层级:需明确该组件所在的页面层级,以防出现弹窗将全局提示遮盖情况二、约定可控参数本节主要与研发约定原型中可控制的参数,也通过规范文档维护。
文中会提供示例参数,及参数填写说明。
1.可控参数1)类型:不填则默认不带图标类型,可选“消息、警告、成功、错误、询问”注:此描述一般跟随在元件名称后2)标题:不填则不显示标题,如需则描述3)内容:描述实际显示内容,如有动态数据,则通过大括号{}表示,并说明数据










