不用再寫需求文檔了！用它你可以自己做一個小程序 Demo 出來！

很多同學應該都有做需求文檔的經驗，但其實對於程序員來說，圖永遠比文字直觀。

如果你需要開發一個小程序，又不巧給了對方一個純文字的文檔，那你要小心開發小哥哥拉你過來跪著講需求了。

今天貓妹就來跟大家介紹一個牛氣哄哄的原型工具——「墨刀」。有了它，你可以將你腦子裡小程序的樣子直接做出來，再去和開發團隊討論細節。

如何從 0 - 1 設計一個小程序？這些模板的復用程度如何？

下面我們就以相對較為複雜的美團外賣為例，為大家介紹使用墨刀來快速設計小程序的方法。

美團外賣：18個核心頁面，涉及到商品列表展示、購物車及訂單管理。

製作小程序第一步：

從用戶觸達開始思考，用最短路徑完成單一任務流程。

製作從核心頁面入手延展至其他相關頁面，如首頁、單品頁、中轉頁，在製作核心頁面時就開始思考哪些部分是可以復用的，哪些是起到導航作用的，將他們製作成母版，保存以供復用。

第二步：使用豐富的內置組件，拖拽製作核心頁面

墨刀的設計面板足夠大，小夥伴們可以把你的草圖、照片或者截圖放在設計面板右側進行參考或臨摹，會大大節省時間。靈活利用輔助線和網格標尺可以讓原型更加精緻。

第三步：擅用組合，完成其他頁面的布局設計。

我們會發現在設計中有些模塊復用次數很多，利用組合（箭頭方向）功能快速複製使用，方便高效。

第四步：頁面邏輯連線，選擇頁面跳轉手勢。

選擇需要點擊的位置，連線到你想跳轉的頁面。想要轉場動畫，直接選擇「從下方彈入」即可。

有的朋友會吐槽說設計的時候連線太多會妨礙設計，墨刀有隱藏鏈接線的功能，就是上圖工具欄中圈中的眼睛 icon ，點擊一下，整個世界都清新了。

第五步：運行，和設計人員及開發人員溝通、改動細節。

此時你已經得到一個可以演示的高模擬原型 Demo 了，有時你需要和運營人員及技術討論一下，你可以把相關人員拉進項目組，在運行頁面就可以和其他成員討論細節了。

打點評論的方式讓你更聚焦設計細節，同事的留言會以通知的方式讓你及時知曉和反饋。

便簽式需求文檔

相信機智的你已經看到了黃色的便簽。

把需要注意的部分用便簽標註出來放置在原型兩側，用最簡潔的方式告知其他協作人員產品邏輯及注意事項，進行敏捷開發。

老式繁複冗長的需求文檔其實並不適用於小程序開發喲。

Get 到如何使用「墨刀」設計或是用「墨刀」模板改造成自己的小程序了嗎？官網送上，趕緊去試試吧！

「墨刀」官網：https://modao.cc/

- END -

後台回復關鍵詞，獲取熱文

文章丨他在英國倫敦做了個小程序，上線10天英國華人用戶量破 5000！

關鍵詞：英國

文章 |萬萬沒想到，這些小程序已經早早地蹭上了中秋節的熱點！

關鍵詞：中秋

文章 |這個模版有點囂張，用了它怕是要承包完你「附近的小程序」了！

關鍵詞：微趨道

如果你是：

a）小程序第三方模版開發者，有精品模版想要尋求報道；

b）如果你希望不用寫代碼／開發，也能擁有一款小程序；

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！

請您繼續閱讀更多來自 造程序 的精彩文章: