開發吐槽原型說明不清晰，領導催促原型要快細節再說，真是夾縫中生存的產品。今天教大家一個方法，既快又全。文末提供模板，可直接用
開發吐槽原型說明不清晰，領導催促原型要快細節再說，真是夾縫中生存的產品。今天教大家一個方法，既快又全。文末提供模板，可直接用
步驟一：約定規範
如圖，與開發、UI約定組件規範，並維護在獨立文檔中
步驟二：使用模板
如圖，Axure可將帶說明的通用組件置入元件庫，出原型時使用；開發看到組件，則使用約定規範；墨刀同理。【PS：想了解word如何使用，請評論留言哈】
那麼，規範與模板應該怎麼寫？
本系列將通過「通用、輸入、輸出、反饋」四類約43個常用組件及3篇頁面（表單頁、列表頁、詳情頁）寫法，將規範與模板分享予您
=========強烈建議點個【關注】或【收藏】不迷路=========
本期組件：按鈕
組件概述：按鈕用於開始一個即時操作，響應用戶點擊行為，觸發相應的業務邏輯。按鈕樣式千變萬化，但這屬於設計師工作範疇，產品經理僅需將按鈕的基本意思表達到位即可。
一、 約定基礎規範
本節主要與研發約定默認實現內容，通過規範文檔維護。
1.基礎交互
1）按鈕類型
- 主按鈕：用於主操作，一個操作區域只能有一個主按鈕。
- 默認按鈕：可用於次按鈕，也可用於沒有主次之分的一組操作。
- 連結按鈕：一般用於連結，即導航至某位置。
2）基礎交互
滑鼠懸停與單擊都要有對應交互：
2. 基礎狀態
三種狀態與按鈕類型配合使用：
3. 尺寸
原型按鈕尺寸默認為中，產品無需決定按鈕尺寸，一般由UI根據不同場景選擇合適的按鈕尺寸，建議如下：
- 大：一般用於表單頁的頁面級操作，如下一步、提交按鈕等
- 中：一般用於信息頁的頁面級操作，如新建、編輯按鈕等
- 小：一般用於頁面內各信息模塊的操作，如導出某個表格信息
本節主要與研發約定原型中可控制的參數，也通過規範文檔維護。文中會提供示例參數，及參數填寫說明。
1）按鈕狀態：啟用/禁用，如果會互相切換，需說明切換條件
2）氣泡提示：無需/有，有就填寫文案。
- 複雜操作建議增加提示
- 禁用態，一定要提示用戶為何禁用及如何啟用。
3）點擊事件：一般指單擊後的響應事件，如果有判斷邏輯，超過三個判斷建議通過流程圖維護。
三、輸出說明模板
組件名稱前加個「規範」，便於團隊識別規範組件；模板可直接寫入注釋，並存為Axure/墨刀元件庫。
- 組件名稱：規範-按鈕
- 按鈕狀態：啟用
- 氣泡提示：無需
- 點擊事件：點擊後提交頁面信息，並跳轉至XX頁
結語
本系列持續更新，喜歡的朋友請點個【關注】或【收藏】，您的鼓勵是我們持續分享的動力。
本文由 @產品工具庫 原創發布於人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基於 CC0 協議