開發(fā)吐槽原型說明不清晰，領(lǐng)導(dǎo)催促原型要快細(xì)節(jié)再說，真是夾縫中生存的產(chǎn)品。今天教大家一個(gè)方法，既快又全。文末提供模板，可直接用

步驟一：約定規(guī)范

如圖，與開發(fā)、UI約定組件規(guī)范，并維護(hù)在獨(dú)立文檔中

步驟二：使用模板

如圖，Axure可將帶說明的通用組件置入元件庫(kù)，出原型時(shí)使用；開發(fā)看到組件，則使用約定規(guī)范；墨刀同理?！綪S：想了解word如何使用，請(qǐng)?jiān)u論留言哈】

那么，規(guī)范與模板應(yīng)該怎么寫？

本系列將通過“通用、輸入、輸出、反饋”四類約43個(gè)常用組件及3篇頁(yè)面（表單頁(yè)、列表頁(yè)、詳情頁(yè)）寫法，將規(guī)范與模板分享予您

=========強(qiáng)烈建議點(diǎn)個(gè)【關(guān)注】或【收藏】不迷路=========

本期組件：通知

組件概述：全局展示的通知，在界面的右上角顯示和隱藏。常用于以下情況：較復(fù)雜的通知內(nèi)容；帶有交互給出用戶下一步行動(dòng)點(diǎn)的通知；系統(tǒng)主動(dòng)推送

一、 約定基礎(chǔ)規(guī)范

本節(jié)主要與研發(fā)約定默認(rèn)實(shí)現(xiàn)內(nèi)容，通過規(guī)范文檔維護(hù)

1. 樣式及交互

1）樣式說明：區(qū)分信息、成功、警告、錯(cuò)誤四種類型。UI可根據(jù)產(chǎn)品風(fēng)格，定義各類型風(fēng)格，要求與頁(yè)面有明顯層級(jí)差異。

• 尺寸：使用前端組件的默認(rèn)尺寸
• 文本：提示文本需一句話說明白。通過內(nèi)容要求，區(qū)分普通樣式、帶標(biāo)題樣式

2）交互說明：通過事件觸發(fā)，彈出時(shí)不影響界面其他操作，同時(shí)界面操作也不影響顯示時(shí)長(zhǎng)。

• 關(guān)閉：通過關(guān)閉按鈕關(guān)閉，也可設(shè)置自動(dòng)關(guān)閉時(shí)長(zhǎng)
• 多個(gè)：短時(shí)間觸發(fā)多個(gè)則新提示擠下舊提示，確保新提示在最頂部

2. 位置與層級(jí)

1）位置：右上角位置，離頁(yè)面邊緣一定距離，要求不遮擋頂部菜單欄

2）層級(jí)：需明確該組件所在的頁(yè)面層級(jí)，以防出現(xiàn)彈窗將全局提示遮蓋情況

二、約定可控參數(shù)

本節(jié)主要與研發(fā)約定原型中可控制的參數(shù)，也通過規(guī)范文檔維護(hù)。文中會(huì)提供示例參數(shù)，及參數(shù)填寫說明。

1）類型：不填則默認(rèn)為“消息”類型，可選“消息、成功、警告、錯(cuò)誤”

注：此描述一般跟隨在元件名稱后

2）標(biāo)題：不填則默認(rèn)跟隨類型自帶標(biāo)題，如需自定則描述

3）內(nèi)容：描述實(shí)際顯示內(nèi)容，如有動(dòng)態(tài)數(shù)據(jù)或跳轉(zhuǎn)鏈接，則通過大括號(hào){}表示，并另起一行說明數(shù)據(jù)來(lái)源或跳轉(zhuǎn)，如需顯示{創(chuàng)建時(shí)間}

• {創(chuàng)建時(shí)間}：此條記錄的創(chuàng)建時(shí)間
• {任務(wù)名稱}：點(diǎn)擊后新頁(yè)面打開此任務(wù)頁(yè)面

4）關(guān)閉：控制通知的關(guān)閉方式，自動(dòng)關(guān)閉也支持手動(dòng)關(guān)閉。默認(rèn)“僅手動(dòng)”，可選“僅手動(dòng)、4.5秒自動(dòng)關(guān)閉”

5）事件：如關(guān)閉通知時(shí)觸發(fā)的事件，如對(duì)于一些提醒需用戶馬上處理，可增加“二次確認(rèn)”

三、輸出說明模板

組件名稱前加個(gè)“規(guī)范”，便于團(tuán)隊(duì)識(shí)別規(guī)范組件；模板可直接寫入注釋，并存為Axure/墨刀元件庫(kù)。

說明中直接描述比較快，但開發(fā)時(shí)容易忽略，且內(nèi)容較多易讀性差。建議常規(guī)操作的提示，維護(hù)在規(guī)范文檔中。業(yè)務(wù)層面提示，通過流程圖描述。

1.說明中直接描述

2.通過流程圖描述

結(jié)語(yǔ)

本系列持續(xù)更新，喜歡的朋友請(qǐng)點(diǎn)個(gè)【關(guān)注】或【收藏】，您的鼓勵(lì)是我們持續(xù)分享的動(dòng)力。