摹客
產(chǎn)品
下載
作為一個“年輕”的互聯(lián)網(wǎng)產(chǎn)品經(jīng)理，了解到前輩們經(jīng)歷過的手繪原型時代，無法想象那時候的工作效率，畢竟現(xiàn)在有了各種各樣的高效原型設(shè)計工具，APP原型設(shè)計也變成了分分鐘就能搞定的事情。以原型設(shè)計工具摹客RP為例，我們一起來看看繪制一款A(yù)PP原型究竟有多簡單吧~
打開摹客RP，可以看到摹客RP提供了手機、平板電腦、網(wǎng)頁以及自定義尺寸四種項目類型以及多種畫板尺寸，可以供大家自由選擇。填寫好項目名稱，選擇好適配的項目尺寸，項目就創(chuàng)建完成啦。
當(dāng)然，快速布局的前提是，你已經(jīng)在腦海里有了這個原型的大致框架。有了大致框架以后，我們就可以利用摹客RP預(yù)置的豐富組件和圖標(biāo)，來快速完成頁面搭建啦。摹客RP的操作方式很簡單，把需要的組件拖到畫板中就可以。
首先我們來制作底部導(dǎo)航。如果你的APP原型只需要簡潔的底部導(dǎo)航，那么直接使用摹客RP的“分段控件”組件就可以，將分段控件拖到畫板底部，雙擊修改選項名稱，再將組件兩端拉至與畫板同寬，圓角設(shè)置為0，底部導(dǎo)航就完成啦。摹客RP的分段控件自帶交互屬性，當(dāng)我們完成其它頁面搭建后，可以將三個選項鏈接到不同頁面。
接下來我們在左側(cè)項目樹中，創(chuàng)建兩個新頁面，再在三個頁面中分別進行內(nèi)容填充。創(chuàng)建頁面的步驟過于簡單，在此不加贅述，我們直接來看在這三個頁面中，我用到了哪些組件吧。
“主頁”用到的組件：分段控件、圖片、文本、輸入框、按鈕、圖標(biāo)。
“收藏”用到的組件：分段控件、圖片、文本、輸入框、按鈕、圖標(biāo)。
“我的”用到的組件：分段控件、選項卡、圖片、文本、輸入框、按鈕、圖標(biāo)。
可以看到，我們只用到了摹客預(yù)置的少部分組件，就完成了三個頁面的搭建。對于產(chǎn)品經(jīng)理來說，不需要制作高保真原型，只需要向設(shè)計師交付線框即可。但為了將需求傳達得更加明確，我們也可以為原型增加一些簡單的頁面跳轉(zhuǎn)交互。
在之前的步驟中，我們?yōu)槊總€頁面都添加了底部導(dǎo)航，接下來我們分別在每個頁面雙擊底部導(dǎo)航，進入分段控件的編輯模式，并拖動選項后面的鏈接點，鏈接到左側(cè)項目樹中的對應(yīng)頁面。
在彈出的面板中，設(shè)置好“點擊-頁面跳轉(zhuǎn)”的交互，如果想要更好的交互效果，也可以在下方設(shè)置好對應(yīng)的參數(shù)。這樣我們的交互效果就制作完成啦。
完成原型設(shè)計后，我們可以在摹客RP界面右上角點擊下載離線演示包，在彈出的面板中，我們可以設(shè)置原型的設(shè)備外殼和相關(guān)參數(shù)。打包下載后就可以發(fā)給小伙伴們啦，離線狀態(tài)下也可以查看演示哦。
當(dāng)然，還有更加簡便的方法，就是直接分享在線演示鏈接。點擊界面右上角的演示按鈕，然后點擊浮動工具條最右側(cè)的分享按鈕，我們就可以獲得一個分享鏈接，同樣可以設(shè)置對應(yīng)的參數(shù)。值得一提的是，對項目進行更新后，演示鏈接也會同步更新，不需要重新分享，是不是很方便呢~
對比Axure之類的老牌原型設(shè)計工具，摹客RP的原型設(shè)計流程不能更簡單了，幾乎不需要特意學(xué)習(xí)就能輕松上手。當(dāng)然，簡單并不代表著功能簡陋，如果熟練掌握了摹客RP的各種高階功能，比如矢量繪圖、專業(yè)布局等功能，高保真原型設(shè)計也不在話下。
此外，摹客RP還自帶流程圖模式，繪制完原型，還可以在頁面中增加流程圖，讓邏輯表達更加清晰。
最后（或許也是最重要的），摹客RP是一款完全基于云的原型工具，非常適合團隊多成員進行實時協(xié)同工作。你和你的小伙伴可以同時編輯同一個項目的同一個頁面，輕輕松松效率翻倍。這樣一款上手簡單、功能強悍的原型工具有沒有讓你心動呢，趕緊點擊這里免費開始使用吧。
摹客協(xié)作
摹客RP
摹客DT
摹客超級版