眾所周知，目前國內(nèi)外的原型設(shè)計(jì)工具很多，找一款適合自己的才是最好的。做原型之前頭腦要有自己的思路和框架，包括可以借鑒的產(chǎn)品、需要的素材等。

25學(xué)堂推薦給大家的用的通用的原型工具是Axure，移動(dòng)端可用Justinmind、墨刀。

之前25學(xué)堂的一名網(wǎng)友說道，試了各式各樣的APP原型設(shè)計(jì)工具，最終在墨刀我完成了第一個(gè)完整的APP原型，使用過程中輕便易用，基本上大部分的效果都可以輕松實(shí)現(xiàn)，而且導(dǎo)出的html5原型還原度很不錯(cuò)。這款工具雖然是面向設(shè)計(jì)師的，但是小白用戶也很容易上手，很節(jié)省時(shí)間呀！

移動(dòng)APP設(shè)計(jì)師們特別是交互設(shè)計(jì)師往往需要承擔(dān)制作Demo的工作，而這個(gè)過程從上涉及到產(chǎn)品想法和主要功能、信息架構(gòu)和界面的組織，甚至向下涉及到視覺風(fēng)格和互動(dòng)反饋等各個(gè)環(huán)節(jié);

打交道的人可能包括了產(chǎn)品經(jīng)理(提供原始的產(chǎn)品概念，用戶需求分析或者是功能完整的產(chǎn)品文檔)，視覺設(shè)計(jì)師(提供UI風(fēng)格和設(shè)計(jì)稿)，用戶研究員(提出測(cè)試用例或者研究需求)。

25學(xué)堂特別推薦的視頻教程：

1、justinmind最新版發(fā)布和justinmind視頻教程大全

2、手機(jī)上快速制作APP Demo的交互神器-App.eal

3、用Axure制作APP交互原型的視頻教程【共6節(jié)課】

下面重點(diǎn)介紹高效制作APPDEMO的五個(gè)步驟：

①、腦圖（思維導(dǎo)圖）把討論的結(jié)果理清：

功能模塊，邏輯關(guān)系，信息架構(gòu)，業(yè)務(wù)流程；

25學(xué)堂腦圖制作工具推薦： 百度腦圖（naotu.baidu.com）和思維導(dǎo)圖。

②、流程圖：

產(chǎn)品功能的流程，從注冊(cè)-各功能使用圖表的形式來說明這一過程；

流程圖制作工具也可以用以上工具或者是word。

③、信息框架圖：

這樣比較直觀的顯示這款產(chǎn)品的結(jié)構(gòu)；

功能設(shè)計(jì)是具體而言,一個(gè)用戶如何使用一款產(chǎn)品,可以看做是對(duì)信息結(jié)構(gòu)和流程的具體 ? ? ? ? ? 體現(xiàn)。

④、線框圖：

低保真的設(shè)計(jì)圖（內(nèi)容大綱、信息結(jié)構(gòu)、交互行為）。

⑤、視覺設(shè)計(jì)（有能力有時(shí)間也可以做成交互）：

高保真的產(chǎn)品靜態(tài)設(shè)計(jì)圖（頁面(流程)跳轉(zhuǎn)邏輯和明確的文案設(shè)計(jì)及釋）。

25學(xué)堂還跟大家分享Facebook 的產(chǎn)品原型設(shè)計(jì)工具：Origami — Design Prototyping。

以及尹廣磊的原型設(shè)計(jì)外包服務(wù)。