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

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

 
過了一遍用途，咱就要進(jìn)入主題了，能不能做得好原型圖也全看能不能實現(xiàn)上述的目的了，我們再來看看做原型圖的工具，Axure RP

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

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

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

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

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

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