開發吐槽原型說明不清晰，上司催促原型要快細節再說，真是夾縫中生存的産品。今天教大家一個方法，既快又全。
對原型規範&說明模闆不明白朋友，可檢視：如何解決原型說明寫不全？
本期元件：描述清單
元件概述：展示多個隻讀字段的組合，通常用于描述詳情内容
一、約定基礎樣式
本節主要與研發約定預設實作内容，通過規範文檔維護。
1、文字樣式：注意文字邊距，居左排版，标題淺色文字、内容深色文字
2、有框清單排版樣式：比較适用結構複雜的描述清單，實際應用中可三列、兩列、一列混搭，因無論如何搭配要保持清單完整性，區分為水準、垂直樣式：
3、無框清單排版樣式:因為沒有邊框劃分内容區域，是以适用于結構規則但内容量大的描述清單，區分為水準、垂直樣式。
- 水準清單：标題與内容往中間對其，且用冒号隔開
- 垂直清單：标題與内容左側對齊
4、異常情況：内容超出（拓展/省略，點選彈窗顯示）、内容為空，可參照《文本元件-基礎互動》
二、約定基礎互動
1、響應式布局
- 視窗大小變化，需按比例調整寬高
- 展開溢出内容，高度需跟随變化
三、約定可控參數
本節主要與研發約定原型中可控制的參數，也通過規範文檔維護。文中會提供示例參數，及參數填寫說明。
1、整體無需可控參數，如确需對整體進行說明，可切換為“動态面闆”進行描述
2、“内容”中放置的不止文本，還可能是标簽、圖像等，依據放置的元件，使用對應說明模闆
3、建議每個資料都做描述，再簡單的資料也寫一遍，以防團隊了解不一緻
四、輸出說明模闆
元件名稱前加個“規範”，便于團隊識别規範元件；模闆可直接寫入注釋，并存為Axure/墨刀元件庫。
原型元件可從“約定基礎樣式”中取。
本節以水準有框為例，“内容”使用元件以“文本”為例：
- 元件名稱：規範-文本
- 資料來源：
- 顯示行數：3
- 溢出方案：末尾省略/末尾省略
- 是否标記：無需标記/見原型标記方式/子項列出
結語
本系列持續更新，喜歡的朋友請點個【關注】或，您的鼓勵是我們持續分享的動力。
本文由 @産品工具庫 原創釋出于人人都是産品經理。未經許可，禁止轉載
題圖來自Unsplash，基于 CC0 協定
該文觀點僅代表作者本人，人人都是産品經理平台僅提供資訊存儲空間服務。