各位看官若想知道如何做好原型圖，首先得搞明白原型圖的倒底是干啥用的，其實(shí)也沒(méi)多大神秘的，主要目的就是：
“在產(chǎn)品開(kāi)發(fā)前，弄清楚這個(gè)產(chǎn)品具體是個(gè)什么東西。”
次要目的就是：

1. 產(chǎn)品這樣設(shè)計(jì)得讓用戶喜歡
2. 這些功能得讓用戶會(huì)用
3. 這產(chǎn)品能真實(shí)解決用戶的問(wèn)題或滿足用戶的需求
4. 最重要的是這產(chǎn)品得能讓老板賺到錢(qián)

 
過(guò)了一遍用途，咱就要進(jìn)入主題了，能不能做得好原型圖也全看能不能實(shí)現(xiàn)上述的目的了，我們?cè)賮?lái)看看做原型圖的工具，Axure RP

因?yàn)檫@軟件是老外開(kāi)發(fā)的，所以是英文版的，各位都是做產(chǎn)品研發(fā)的，一般都是產(chǎn)品經(jīng)理，應(yīng)該沒(méi)什么障礙。
 
在各位開(kāi)始做產(chǎn)品原型圖前，最好先對(duì)產(chǎn)品做好架構(gòu)圖、拓?fù)鋱D，如果直接上手就做的話，做到一半你可能會(huì)發(fā)現(xiàn)自己做的東西邏輯有問(wèn)題，會(huì)導(dǎo)致無(wú)用功。
拓?fù)鋱D范例如下：

一般做原型圖的都是產(chǎn)品經(jīng)理（PM）所以做拓?fù)鋱D的也必然是產(chǎn)品經(jīng)理，各位大大做拓?fù)鋱D之前當(dāng)然也要和客戶做充分的溝通啊，一定要對(duì)客戶的需求進(jìn)行分析，客戶想要實(shí)現(xiàn)的功能都有哪些、展示方式等等。全都了解清楚了再做拓?fù)鋱D。
只是做拓?fù)鋱D就夠了嗎？哥~~當(dāng)然不夠呀~~~還有很重要的流程圖，如下（我這里盜張圖，嘻嘻~）：
 

對(duì)于比較復(fù)雜的平臺(tái)性網(wǎng)站一定要做些流程圖，來(lái)和客戶反復(fù)確認(rèn)流程是否合適，只有在客戶確認(rèn)了流程正確后，再做原型圖，不然你圖做好了，客戶流程改了，你就傻眼了~~呵呵~
 
等到拓?fù)鋱D和流程圖都和客戶核實(shí)了，你就可以大刀闊斧的做圖啦~~哈哈
 
做原型圖的時(shí)候不要先著急把首頁(yè)做出來(lái)，本人的經(jīng)驗(yàn)是要把所有的頁(yè)面先全部都建立好，再具體做每個(gè)頁(yè)面的內(nèi)容，即全部都是空白頁(yè)面，但先建立好樹(shù)狀的架構(gòu)出來(lái)

等到網(wǎng)站的架構(gòu)都用頁(yè)面展示出來(lái)后，再開(kāi)始動(dòng)手做每個(gè)頁(yè)面中的具體內(nèi)容。
流程中的頁(yè)面也要做出來(lái)，這樣就規(guī)劃清楚了

PS：我這里有個(gè)小技巧，將來(lái)原型圖出來(lái)后，會(huì)要給設(shè)計(jì)師看的，只要是客戶確認(rèn)無(wú)誤的，我就會(huì)在頁(yè)面的后面標(biāo)記（OK），這樣方便與設(shè)計(jì)師溝通。
 
因?yàn)轳R上要開(kāi)始做頁(yè)面布局了，也是包含了一定的設(shè)計(jì)元素的，所以在動(dòng)手之前還要與客戶溝通下設(shè)計(jì)要求，并進(jìn)行審美情態(tài)分析，為客戶做設(shè)計(jì)定位。
以上全都是要在動(dòng)手做頁(yè)面設(shè)計(jì)前要做的工作，可見(jiàn)原型圖做之前還是有許多工作要鋪墊的。
 
現(xiàn)在再來(lái)說(shuō)說(shuō)頁(yè)面的制作，技術(shù)方面的制作方法，我這里就不講了，軟件本來(lái)就很簡(jiǎn)單，如果有操作上的困難，各位看官可以去找一些教程之類的來(lái)看，我這里要講講頁(yè)面的設(shè)計(jì)需要注意的地方。
 
首先，必須要尊重用戶的使用習(xí)慣。如果一個(gè)網(wǎng)站設(shè)計(jì)的過(guò)于復(fù)雜，用戶都看不懂，那這個(gè)網(wǎng)站做的功能再?gòu)?qiáng)大也是空中樓閣。那究竟如何才能符合用戶的習(xí)慣呢？可以去搜索一下頁(yè)面的熱力分析，學(xué)習(xí)一些比較基礎(chǔ)的知識(shí)。

 
其次，要讓頁(yè)面可以引導(dǎo)用戶去使用那些想讓用戶使用的功能。有些功能只能做到比較深層的頁(yè)面中，但又需要讓用戶去訪問(wèn)，所以就要考慮，怎么才能在站內(nèi)的頁(yè)面中實(shí)現(xiàn)導(dǎo)流到這些深層的功能去呢？有時(shí)會(huì)通過(guò)展示位來(lái)引流，有時(shí)還可以通過(guò)浮窗來(lái)引流，更吸引眼球的還可以用一些卡通形象的動(dòng)態(tài)人物來(lái)引流，方式和方法各位可以更有創(chuàng)意。
 
再次，頁(yè)面邏輯合理且策劃的功能可實(shí)現(xiàn)。說(shuō)來(lái)產(chǎn)品經(jīng)理也挺累的，又要考慮頁(yè)面的設(shè)計(jì)布局能否吸引到用戶，還要考慮產(chǎn)品的程序是否符合邏輯，有沒(méi)有存在漏洞，并且策劃的功能還具有可實(shí)現(xiàn)性。這就需要產(chǎn)品經(jīng)理大概要知道程序的一些基礎(chǔ)邏輯，不能頁(yè)面設(shè)計(jì)完了，結(jié)果發(fā)現(xiàn)程序?qū)崿F(xiàn)不了。絕對(duì)要避免設(shè)計(jì)存在邏輯錯(cuò)誤。
 
最后，千萬(wàn)不要想當(dāng)然的做頁(yè)面，高頻且深入與客戶溝通。不要因?yàn)樽龅亩嗔?，就想?dāng)然的開(kāi)始做頁(yè)面，甚至去模仿頁(yè)面、抄襲頁(yè)面。不要以為只是一個(gè)購(gòu)物車的設(shè)計(jì)沒(méi)多大難的，能夠符合客戶真實(shí)需求的購(gòu)物車是需要經(jīng)過(guò)推敲的，一個(gè)好的購(gòu)物車能購(gòu)促進(jìn)用戶產(chǎn)生更多的消費(fèi)，一個(gè)普通的購(gòu)物車只是用來(lái)裝商品，一個(gè)差的購(gòu)物車很難讓用戶產(chǎn)生結(jié)帳的沖動(dòng)。
 
做原型圖是個(gè)主觀活，可以做的很粗糙，也可以做的很精致。無(wú)論大家是做個(gè)草圖、還是高保真圖，都一定要尊重客戶的需求，不要去網(wǎng)上找個(gè)現(xiàn)成的模仿一下敷衍客戶，要從客戶真實(shí)意愿出發(fā)來(lái)考慮頁(yè)面設(shè)計(jì)、功能設(shè)計(jì)。如果現(xiàn)在敷衍了客戶，將來(lái)就會(huì)暴露出這些問(wèn)題來(lái)，最后會(huì)花費(fèi)更多的時(shí)間來(lái)處理這些問(wèn)題。所以還不如前期在設(shè)計(jì)原型圖的時(shí)候認(rèn)真的與客戶溝通好所有的頁(yè)面和功能，以免后期花費(fèi)更大的時(shí)間成本。
祝各位產(chǎn)品經(jīng)理都能順利完成各自的項(xiàng)目~~~