工具類App「xiaopiu」 原型分享

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

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

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

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

高低保真對比原型展示

部分原型動態預覽

完整原型預覽：

xiaopiu App高保真原型www.xiaopiu.com

組件庫展示

利用組件庫快速搭建頁面

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

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

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

資源地址

高保真原型地址→ xiaopiu App

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

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

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

組件庫地址→ xiaopiu App組件庫

其他資源分享

更多資源詳見專欄：xiaopiu工坊

或直接訪問我們的網站：xiaopiu-精選廣場

歡迎大家對我們的原型提出建議，對後面分享內容有哪些期待和想法也可以跟我們交流喲！

如果你覺得還不錯，就點個贊吧！哈哈，給我們一點更下去的動力！～動力！～動力！～