用AxureRP做實例原型設計的方法

近年來網站如雨後春筍般大批的出現在網絡上,對於網站來説圖形圖樣設計也變得越來越重要。下面就讓我們來了解一下用AxureRP做實例原型設計的方法。

　　1、搞清楚實現原理

每個實例原型都是一個單獨的功能或交互效果，因此都會有用AxureRP去實現的原理。其實原理就是要讓你自己明白這個東西到底是怎麼做出來的，要怎麼去做。如果這個都不明白的話，後面就無從下手了。因此做實例原型之前，AxureRP的基礎很重要，必須對AxureRP已經有了一定的熟悉和了解，否則對着一個實現要求，沒有任何想法，腦子一片空白，這樣肯定是做不出東西來的。這個需要一個過程來培養，多看看別人設計的原型，弄清楚人家是怎麼做，然後嘗試着自己做一遍，最後想想有沒有可以改進的地方。實際動手多了，自然而然的就會有感覺了，等到你看到一些簡單的功能要求，只要看一下需求，就知道怎麼用AxureRP去畫原型的時候，基本上就差不多了，當然對於一些複雜的功能，還是要好好理清思路的`。説了這麼多，就是要説明，在做實例原型之前，一定要想清楚怎麼去做，然後才開始動工。我在寫一些實例原型設計的AxureRP教程的時候，一般都會在開頭時候先介紹一下實現原理，這個對整理自己做設計的思路是很有幫助的，熟能生巧，開始的時候總歸是有難度的，想得多了，自然就順暢了。

　　2、搭建設計結構

知道了實現原理之後，就知道在整個實例原型設計過程中都需要用到哪些組件，什麼組件用來做什麼樣的功能，都會心裏有譜，這個時候就可以搭建設計結構了。這個過程包括：添加組件元素，設置組件排版佈局，設置組件屬性(命名、大小、方位、顏色、文本等)。這些是為後面的具體設計打基礎的，一個功能實例設計出來，佈局長相上至少不能太難看，要相對來説看的過去，呵呵，就全都在這個環節去完成了。相對來説這個環節不是很重要，這個佈局在後續的詳細設計過程當中有可能是需要修改的，但是基本框架式必須要搭的，因此單獨抽出來作為一個步驟。

　　3、進行詳細的交互設計

基礎工作都做完了之後，就可以開始做交互設計了。這裏的設計包括組件的自身可變效果，如鼠標移入、移出、懸停等，交互的事件，如鼠標單擊事件等，邏輯的設定，包括判斷邏輯，跳轉邏輯，反饋邏輯等。這部分是很重要的，實例原型能否做出來，就看這一步的設計了。這些交互效果的設計也取決於個人的AxureRP技能，一級一部分的邏輯思維能力，特別是做比較複雜的交互效果，思路一定要清晰，否則判斷的條件一多，就很容易亂掉。這裏特別要説明的一點是，慎用變量，不得不用變量的時候，也最好要取一個非常簡單易懂的命名，給變量賦值也儘量簡單，因為變量會讓你的交互設計變得更加複雜。注意，這裏只是讓大家慎用，不是不推薦大家用，變量還是一個很好很強大的功能，用的好，就能變幻出更多的交互效果。

　　4、反覆的調試

很多交互效果都不是一次性設置之後就能成功的，特別是複雜的交互效果，都需要做多次的效果嘗試，反覆的進行修改調整，最後才達到最終的效果。這個過程一定要有耐心，慢工出細活，思路是對的，想法也有可行性，那就一定能把效果做出來，哪怕最終真的沒有將效果做出來，也可以反過來思考，是自己對AxureRP的特性不瞭解造成的，還是自己的知識水平侷限性。整個調試的過程能讓你學到很多東西，所以説要多動手，動手就是為了去學這些個過程。這裏説明一點，有些需要重複設置或者類似設置的地方，先調試一個點，這個點調試通過了，你就很清楚了，剩下的點設計起來就很快了，如之前我設計的模擬淘寶評價效果就是這樣的，每個星星的設置其實原理是一樣的，一個星星調試通過了，五個星星就好做多了，進而四組星星就水到渠成了。

基本上一個實例原型經過這樣四個步驟的設計打磨，就可以成型了。不過能不能最終做出來真的不重要，重要的是從這個過程當中學到的東西。建議大家在學習的過程當中，先模仿再自己設計，多看多學多動手，這樣積累下來，用AxueRP做實例原型設計就不再是什麼難事了。