在過去的大半年里，我們給大家分享了數十個精心制作的各個行業的優秀app原型，用戶累計下載達到數萬次。這一次，終于可以分享我們自己的app原型了！雖然app還沒上線，但我已經迫不及待地想先來把原型分享給大家，希望能在大家設計同類型或同模式的app時提供參考。

xiaopiu是一個在線原型平臺，可以隨時隨地創作原型，實時保存，實時和他人協同，一鍵分享，并且提供多款各行業項目模板以及豐富的組件庫和頁面庫來幫助用戶快速構建自己的原型。

我們目前正在開發的移動端app，主要用于用戶全屏預覽原型、讓演示效果更真實和流暢，并非讓用戶直接在手機上制作原型。所以相較于網頁版，app的功能非常精簡，只保留了「廣場」、「工作臺」、「我」三個主模塊，并且只保留了「項目」這一個分類。

在這里，我們將內部制作的原型全部分享給大家。 其中有「登錄/注冊」、「微信登錄」、「掃碼訪問」、「修改權限」等流程，同時有「分享彈層」、「權限彈層」、「toast」等等常用組件，還提供了「列表」和「畫廊」兩種項目瀏覽模式。麻雀雖小，五臟俱全，這套原型中包含了我們app的所有頁面和流程，非常完整。

高低保真對比原型展示

部分原型流程預覽

手動預覽更多流程可以點擊這里→ xiaopiu App?高保真原型

組件庫展示

利用組件庫快速搭建頁面

1. 在精選廣場的組件庫里搜索?xiaopiu，在搜索出的組件庫右下角點擊「引用為我的公用庫」

或直接進入 xiaopiu App組件庫 ，然后點擊右上角的引用按鈕~

2.如上圖所示，點擊引用后，組件庫即成為自己的引用資源（庫內的資源也會實時更新），大家可在項目中使用，搭建自己的頁面，比如快速搭建一個「項目列表」頁面：

資源地址

高保真原型地址→ xiaopiu App

低保真原型地址→ xiaopiu App（低保真）

高保真頁面庫地址→ xiaopiu App 高保真頁面庫

低保真頁面庫地址→ xiaopiu App 低保真頁面庫

組件庫地址→ xiaopiu App組件庫

文/Sophia（知乎專欄：xiaopiu工坊）