開發(fā)吐槽原型說明不清晰，領導催促原型要快細節(jié)再說，真是夾縫中生存的產(chǎn)品。今天教大家一個方法，既快又全。

對原型規(guī)范&說明模板不明白朋友，可查看：如何解決原型說明寫不全？

本期組件：折疊面板

組件概述：對復雜區(qū)域/平級內容進行分組和隱藏，保持頁面整潔，與《標簽頁》有著異曲同工之妙。

一、約定基礎樣式??

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

1.1. 樣式???

1、面板頭名稱需UI固定字邊距

2、面板內裝載內容通常為列表、數(shù)據(jù)詳情、表單

1.2. 異常

1、內容為空：有為空樣式

2、載入中：超過1秒未返回數(shù)據(jù)，需顯示此樣式

3、載入錯誤：有錯誤樣式，并有按鈕重新載入內容

4、內容超出：則內容區(qū)左右上下滾動

二、約定基礎交互

1. 載入時，默認展開第一個面板
2. 點擊面板頭，切換面板展開/收起，不限展開數(shù)量（手風琴式，只允許單個內容區(qū)域展開）
3. 收起折疊頁時，如無特殊說明，不重置頁面內容
4. 頁面展開/收起動效不做限制
5. 打開折疊頁面，會推動/拉起面板之外的內容
6. 一般載入頁面即載入所有內容，當數(shù)據(jù)量大時可考慮做成異步加載，即打開面板才加載
7. 組件支持響應式布局

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

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

B端究竟需要什么样的产品经理？

B端产品经理都是以提升供应侧的工作效率为目的，所以B端需求主要是以业务问题为导向。 这个是B端产品比较重要的一点，B端产品是服务于一个主体 ...

查看详情 >

1. 面板名稱寫在原型中，若有特殊說明則加上
2. 面板具體尺寸由UI決定
3. 面板內容建議單獨拎出畫原型

四、輸出說明模板

組件名稱前加個“規(guī)范”，便于團隊識別規(guī)范組件；模板可直接寫入注釋，并存為Axure/墨刀元件庫。

本期組件無需單獨寫說明，即僅提供組件模板

結語

本系列持續(xù)更新，喜歡的朋友請點個【關注】或【收藏】，您的鼓勵是我們持續(xù)分享的動力。