這一節(jié)課程主要是跟大家分享如何選擇合適自己的 APP原型制作工具來快速完成一個(gè)APP原型稿的設(shè)計(jì)。非常適合產(chǎn)品小白童鞋來體驗(yàn)和學(xué)習(xí)。

學(xué)堂君也相信每個(gè)人都有自己的工作方式，但并不是每個(gè)人的工作方式都是科學(xué)的、有效的。我們也要學(xué)會(huì)從人家的工作方式當(dāng)中提煉出符合自己的工作方式的東西。

下面25學(xué)堂的小編就來跟小白同學(xué)一起學(xué)習(xí)下APP初級原型設(shè)計(jì)流程。

第一步：產(chǎn)品原型草圖繪制——同時(shí)也是靈感的迸發(fā)

這一步對于小白來說，必須要經(jīng)歷的一個(gè)過程。因?yàn)檫@樣的過程是最具記憶力的。

這個(gè)時(shí)候，我們所需要用到的工具：白板和記號(hào)筆，甚至就是最簡單的紙筆等。

這一階段要集中時(shí)間進(jìn)行頭腦風(fēng)暴，把所有與主題相關(guān)的想法留紙?jiān)诎装迳?。以便后期篩選。

第二步：篩選拼裝—合理的舍取

這一階段主要是根據(jù)可行性原則 對白板上的想法進(jìn)行篩選和拼接。慎重提煉出來新的觀點(diǎn)。

把真正的亮點(diǎn)拼接到一起，查缺補(bǔ)漏，就可以組合完成一個(gè)初步的設(shè)計(jì)方案了。

比如下圖的APP設(shè)計(jì)方案：

第三步、設(shè)計(jì)原型實(shí)踐過程——強(qiáng)迫癥一般的循環(huán)完善

這個(gè)步驟是一個(gè)好的想法能否照進(jìn)現(xiàn)實(shí)的關(guān)鍵所在。在這里，我們將會(huì)用到Axure、Balsamiq這類原型設(shè)計(jì)工具。

這一節(jié)課主要講解的APP初級原型設(shè)工具是mockplus

選擇mockplus的原因是：

原因一：

Mockplus是更快更簡單的原型設(shè)計(jì)工具。交互快、設(shè)計(jì)快、演示快、上手快。拖一拖鏈接完成交互設(shè)計(jì)，放一放組件完成原型圖，掃一掃二維碼在手機(jī)中演示。支持移動(dòng)App原型設(shè)計(jì)、Web原型設(shè)計(jì)和桌面應(yīng)用原型設(shè)計(jì)。

原因二：

在第一次完成原型的設(shè)計(jì)后，演示給需要接手的同事們，進(jìn)行快速討論，然后對原型修改，再去演示。開啟這樣一個(gè)循環(huán)模式，爭取在最少的循環(huán)內(nèi)做出一個(gè)讓各方都可以接受的設(shè)計(jì)方案。開啟了APP原型圖修改循環(huán)模式。

如下圖：

所以，選擇一個(gè)好的便捷的APP初級原型設(shè)計(jì)工具是非常重要的。

在此，25學(xué)堂推薦使用一下mockplus，比墨刀更具交互的APP原型工具。

mockplus官網(wǎng)：https://www.mockplus.cn/

以上就是三步操作就是整個(gè)完整的APP初級原型設(shè)計(jì)流程。希望小白童鞋可以看得懂?？吹妹靼?。

最后，學(xué)堂君想說每個(gè)公司、每個(gè)團(tuán)隊(duì)、每個(gè)設(shè)計(jì)師都是不一樣的，并沒有所謂的統(tǒng)一標(biāo)準(zhǔn)，更多的是因地制宜。

分享這篇博文的主要的目的是為了拋磚引玉，如果有更加靠譜的方式方法，希望各位大神不吝賜教。小白們也要來一起溝通交流，大家共同進(jìn)步！