原型是產(chǎn)品的最初形態(tài)，確認用戶(hù)對產(chǎn)品界面和操作功能可用性的需求，高保真的原型接近于產(chǎn)品的最終形態(tài)，但仍只是原型。產(chǎn)品原型簡(jiǎn)單的說(shuō)就是產(chǎn)品設計成形之前的一個(gè)大體框架，對網(wǎng)站來(lái)講，就是將頁(yè)面模塊、元素進(jìn)行粗放式的排版和布局，深入一些，還會(huì )加入一些交互性的元素，使其更加具體、形象和生動(dòng)。

一般在進(jìn)行主要頁(yè)面原型設計之前，設計師需要了解設計需求，如果身兼了需求分析或產(chǎn)品分析等角色，設計過(guò)程就會(huì )稍微簡(jiǎn)單一些，因為已經(jīng)了解了從用戶(hù)需求到轉化成可實(shí)現需求的整個(gè)過(guò)程，否則的話(huà)至少需要產(chǎn)品負責人員提供一份功能清單才能開(kāi)始設計，最好就是能參與到用戶(hù)需求的調研里面，這樣在設計的過(guò)程當中就不容易出現設計人員和需求人員對需求理解上的偏差，減少一些溝通的成本。

用AxureRP來(lái)做原型設計的優(yōu)點(diǎn)應該看的很多了，快速，可交互等等，這里主要結合AxureRP自身的一些功能說(shuō)明其在原型設計過(guò)程當中的應用。借用別人的一張圖，主要從交互設計中涉及的三個(gè)主要步驟進(jìn)行說(shuō)明：就是先設計一個(gè)初始的主要頁(yè)面原型，定義頁(yè)面流程圖，最后再完善原型的過(guò)程。

一、 主要頁(yè)面原型

個(gè)人建議在開(kāi)始設計之前，先手繪一份草圖，用來(lái)確認上面提到的與需求人員之間的理解差異，這份草圖應有一個(gè)大致的輪廓，列出主要的功能，有一個(gè)很粗的頁(yè)面布局等等，另外前期的時(shí)候不要加入太多的視覺(jué)設計，因為這個(gè)只是初始化方案，后面應該還會(huì )有比較大的改動(dòng)，且不應該讓視覺(jué)效果搶了原本要說(shuō)明演示的交互效果的風(fēng)頭；再者我認為畢竟設計師和專(zhuān)業(yè)的美工還是有差異，視覺(jué)設計再好看，到后期美工制作的時(shí)候可能根本不按這個(gè)風(fēng)格來(lái)設計，就浪費時(shí)間，還不如省下時(shí)間用在以一些交互設計和設計方案的推敲上，達到一個(gè)最優(yōu)方案的狀態(tài)。

開(kāi)始設計之后就要注意重復頁(yè)面的重用了，這個(gè)AxureRP的模板管理（Master）功能能夠滿(mǎn)足，就是將某一部分頁(yè)面，預計后面其他頁(yè)面會(huì )用到的，就先做好模板，這個(gè)越早做越好，可以省掉很大一部分設計時(shí)間，例如頁(yè)首，頁(yè)尾，標記，ICON等。之前也有介紹過(guò)使用模板管理的好處，就不再重復介紹。如果只是簡(jiǎn)單的兩三個(gè)小頁(yè)面的功能，可以不用這個(gè)功能，但如果頁(yè)面上的交互比較復雜，且頁(yè)面數量，元素數量較多的情況下，個(gè)人建議還是使用模板管理功能，基本上如果是設計網(wǎng)站或者一個(gè)完整的產(chǎn)品的話(huà)，肯定都是比較復雜的，如果能在前期就引入模板，后面的設計速度會(huì )大大加快，且頁(yè)面的結構也會(huì )更優(yōu)化，能夠提高頁(yè)面加載速度。

二、 頁(yè)面流程圖

在確定主要頁(yè)面之后，就可以定義頁(yè)面流程了。頁(yè)面流程圖有利于向大家展示自己的想法，也有利于思路的整理?？蓞⒓又敖榻BAxureRP案例時(shí)提供的一共以流程圖方式來(lái)說(shuō)明登錄注冊功能的例子。通過(guò)頁(yè)面流程圖，可以整理頁(yè)面的交互行為，在向他人展示的時(shí)候，也可以一目了然的看出需要的操作步驟是多少步。

頁(yè)面與頁(yè)面間的流程圖可以用AxureRP的站點(diǎn)地圖面板里面的自動(dòng)生成流程的圖的功能，要使用這個(gè)功能，就需要在設計之初就建立好頁(yè)面的層級結構，比如一般都有首頁(yè)，然后在首頁(yè)下面按主要功能?？炜赡軙?huì )分成幾個(gè)頁(yè)面，再在這些頁(yè)面下建立各自的功能子頁(yè)面，這樣就是三層結構，自動(dòng)生成出來(lái)的頁(yè)面流程圖結構也會(huì )很清晰，但前提就是要設計好結構，例如按頁(yè)面分層次，按功能分層次等。

頁(yè)面的流程圖就復雜一些，涉及到一些操作的業(yè)務(wù)規范和要求，這個(gè)就要求設計人員要熟悉用戶(hù)需求的，并且還要熟悉一些常見(jiàn)的操作流程，一般都是遞進(jìn)式的設計，就是第一步是怎樣的，第二步是怎樣的，每個(gè)步驟之間按順序從上到下或者從左往右，可以設計成一個(gè)頁(yè)面，也可以設計成一個(gè)頁(yè)面內的多個(gè)標簽，在設計前要先有構思和大體布局的想法，這樣在設計時(shí)就不會(huì )出錯，可以在頁(yè)面內或者定義一個(gè)流程圖頁(yè)面把流程圖單獨畫(huà)出來(lái)，可以在設計的過(guò)程當中做參照。

三、 完善原型

頁(yè)面的主要頁(yè)面和頁(yè)面流程確定之后，就可以完善原型了。這時(shí)主要是一些細節的工作，包括前期設計頁(yè)面的完善，以及一些交互功能的定義等等，也可以適當的加入一些視覺(jué)的東西，但還是不宜加入太多。

至于如何去完善原型，可以參照之前的一些介紹AxureRP的文章，參照里面做示例應用時(shí)的方式，完善頁(yè)面上的提示，注釋?zhuān)换ゲ僮鞯?，可能用到得AxureRP的功能也會(huì )很多，也會(huì )用到一些高級技巧，這里不做過(guò)多介紹，可參考實(shí)例。需要注意的就是AxureRP的主旨是快速的原型設計，因此在設計過(guò)程當中不必太過(guò)追求技術(shù)效果，一些復雜的交互效果，如果有現成的實(shí)例可以用的就借用一下，如果沒(méi)用，建議就畫(huà)一個(gè)簡(jiǎn)單的，然后做一下詳細的說(shuō)明，畢竟做復雜的設計會(huì )耗掉相當多的時(shí)間。

AxureRP只是一種原型設計工具而已，做交互設計最重要的還是想法，工具只是用來(lái)幫實(shí)現想法的。不必過(guò)于追求技術(shù)，不必過(guò)于追求視覺(jué)表現。把握好整個(gè)產(chǎn)品方向的同時(shí)，應專(zhuān)注于交互流程、頁(yè)面內交互、布局結構的創(chuàng )新和優(yōu)化。