制作頁面并為頁面添加注釋棠绘，大致思路如下：
- 按照頁面模塊進(jìn)行劃分避咆，這是為了把內(nèi)容進(jìn)行分組擂煞，便于理解桨踪。
- 羅列數(shù)據(jù)紧索。所有的頁面都是由數(shù)據(jù)內(nèi)容組成的筒溃，視覺與交互根據(jù)數(shù)據(jù)內(nèi)容思考數(shù)據(jù)的表現(xiàn)形式嗜憔。開發(fā)根據(jù)這些表現(xiàn)形式選擇合適的控件（如果希望給設(shè)計(jì)師傳遞這樣的信息杜跷，某些內(nèi)容必須突出顯示或隱藏碾篡，就補(bǔ)充內(nèi)容優(yōu)先級(jí)或高亮這些內(nèi)容）虱而；
- 操作。首先描述操作的結(jié)果开泽，設(shè)計(jì)師根據(jù)這些考慮操作的形式牡拇、過程、結(jié)果等具體的人機(jī)交互方法穆律。
- 規(guī)則惠呼。包括：頁面的不同狀態(tài)，內(nèi)容的初始峦耘、正常剔蹋、異常狀態(tài)，列表的排序優(yōu)先規(guī)則辅髓。
- 如有設(shè)計(jì)師泣崩、程序員、運(yùn)營等需要特別注意的地方洛口，需要特別標(biāo)注矫付。
- 靜態(tài)的注釋如果描述的不夠清楚，可以做一些操作的動(dòng)效幫助理解第焰。
一些原型相關(guān)的經(jīng)驗(yàn)：
- 不同功能之間盡量少掛鉤买优，功能與功能之間相互獨(dú)立。（后期運(yùn)營為實(shí)際工作考慮會(huì)有更多別的想法，但在前期杀赢，盡量只做單獨(dú)的功能）烘跺；
- 流程大而全。減功能遠(yuǎn)比加功能簡(jiǎn)單的多脂崔，功能越簡(jiǎn)單滤淳，需求方越想加?xùn)|西，所以不如一開始就考慮全面砌左，研發(fā)評(píng)估時(shí)間時(shí)再砍掉細(xì)枝末節(jié)娇钱；
- 模塊少，頁面少绊困。
只保留主要內(nèi)容在外面，把其它雜物都丟在一起适刀，能一個(gè)頁面操作就一個(gè)頁面操作秤朗。
這個(gè)方法不符合“拆分任務(wù)”的原則，但它可以一定程度保證協(xié)作方便笔喉。因?yàn)槲覀冏钤缭O(shè)計(jì)的表單與運(yùn)營最終需要的表單肯定會(huì)有極大的不同取视，有些元素的重要性也會(huì)發(fā)生改變，所以我們一開始不要把表單拆分成幾個(gè)頁面常挚，盡量把同一個(gè)任務(wù)放在一個(gè)頁面中作谭。
