AxureRP做實(shí)例原型設(shè)計(jì)的文章，已經(jīng)發(fā)布過(guò)好一些，都是針對(duì)一些單獨(dú)的功能點(diǎn)、獨(dú)立的交互效果、獨(dú)立的功能頁(yè)面或者是對(duì)別人做的實(shí)例效果的講解，這里依據(jù)自己當(dāng)時(shí)做實(shí)例設(shè)計(jì)的經(jīng)驗(yàn)，簡(jiǎn)單的介紹一下設(shè)計(jì)的過(guò)程和步驟，這篇算是之前那篇《用AxureRP做整體原型設(shè)計(jì)的步驟》的姊妹篇吧，一般來(lái)說(shuō)都是先有實(shí)例再組合成整體，但是我們的設(shè)計(jì)過(guò)程都需要先從整體的布局考慮，再來(lái)細(xì)化每個(gè)功能點(diǎn)。因此實(shí)例的原型設(shè)計(jì)在一些中高保真度要求的原型里面就尤為重要，再者一般學(xué)習(xí)AxureRP都是從模仿別人的做的實(shí)例開(kāi)始的，因而學(xué)會(huì)實(shí)例原型設(shè)計(jì)，對(duì)自己使用AxureRP的技能的提高也是很有幫助的。
這里對(duì)實(shí)例原型的定義主要是指兩個(gè)方面，一是單獨(dú)的功能點(diǎn)或功能頁(yè)面，如輸入框的鼠標(biāo)單擊可修改功能點(diǎn)，注冊(cè)登錄功能頁(yè)等；二是獨(dú)立的交互效果，可單獨(dú)部署的，如幻燈片效果，微博效果等。前者側(cè)重于功能的實(shí)現(xiàn)，后者側(cè)重于實(shí)現(xiàn)一個(gè)交互單元，兩者其實(shí)都可以封裝成組件，所以可以將自己常用的實(shí)例原型都封裝成一個(gè)組件庫(kù)，那樣在后面的設(shè)計(jì)當(dāng)中調(diào)用即可，非常方便；貧w正題，下面講設(shè)計(jì)實(shí)例原型的步驟。
1、搞清楚實(shí)現(xiàn)原理
每個(gè)實(shí)例原型都是一個(gè)單獨(dú)的功能或交互效果，因此都會(huì)有用AxureRP去實(shí)現(xiàn)的原理。其實(shí)原理就是要讓你自己明白這個(gè)東西到底是怎么做出來(lái)的，要怎么去做。如果這個(gè)都不明白的話，后面就無(wú)從下手了。因此做實(shí)例原型之前，AxureRP的基礎(chǔ)很重要，必須對(duì)AxureRP已經(jīng)有了一定的熟悉和了解，否則對(duì)著一個(gè)實(shí)現(xiàn)要求，沒(méi)有任何想法，腦子一片空白，這樣肯定是做不出東西來(lái)的。這個(gè)需要一個(gè)過(guò)程來(lái)培養(yǎng)，多看看別人設(shè)計(jì)的原型，弄清楚人家是怎么做，然后嘗試著自己做一遍，最后想想有沒(méi)有可以改進(jìn)的地方。實(shí)際動(dòng)手多了，自然而然的就會(huì)有感覺(jué)了，等到你看到一些簡(jiǎn)單的功能要求，只要看一下需求，就知道怎么用AxureRP去畫(huà)原型的時(shí)候，基本上就差不多了，當(dāng)然對(duì)于一些復(fù)雜的功能，還是要好好理清思路的。說(shuō)了這么多，就是要說(shuō)明，在做實(shí)例原型之前，一定要想清楚怎么去做，然后才開(kāi)始動(dòng)工。我在寫(xiě)一些實(shí)例原型設(shè)計(jì)的AxureRP教程的時(shí)候，一般都會(huì)在開(kāi)頭時(shí)候先介紹一下實(shí)現(xiàn)原理，這個(gè)對(duì)整理自己做設(shè)計(jì)的思路是很有幫助的，熟能生巧，開(kāi)始的時(shí)候總歸是有難度的，想得多了，自然就順暢了。
2、搭建設(shè)計(jì)結(jié)構(gòu)
知道了實(shí)現(xiàn)原理之后，就知道在整個(gè)實(shí)例原型設(shè)計(jì)過(guò)程中都需要用到哪些組件，什么組件用來(lái)做什么樣的功能，都會(huì)心里有譜，這個(gè)時(shí)候就可以搭建設(shè)計(jì)結(jié)構(gòu)了。這個(gè)過(guò)程包括：添加組件元素，設(shè)置組件排版布局，設(shè)置組件屬性（命名、大小、方位、顏色、文本等）。這些是為后面的具體設(shè)計(jì)打基礎(chǔ)的，一個(gè)功能實(shí)例設(shè)計(jì)出來(lái)，布局長(zhǎng)相上至少不能太難看，要相對(duì)來(lái)說(shuō)看的過(guò)去，呵呵，就全都在這個(gè)環(huán)節(jié)去完成了。相對(duì)來(lái)說(shuō)這個(gè)環(huán)節(jié)不是很重要，這個(gè)布局在后續(xù)的詳細(xì)設(shè)計(jì)過(guò)程當(dāng)中有可能是需要修改的，但是基本框架式必須要搭的，因此單獨(dú)抽出來(lái)作為一個(gè)步驟。
3、進(jìn)行詳細(xì)的交互設(shè)計(jì)
基礎(chǔ)工作都做完了之后，就可以開(kāi)始做交互設(shè)計(jì)了。這里的設(shè)計(jì)包括組件的自身可變效果，如鼠標(biāo)移入、移出、懸停等，交互的事件，如鼠標(biāo)單擊事件等，邏輯的設(shè)定，包括判斷邏輯，跳轉(zhuǎn)邏輯，反饋邏輯等。這部分是很重要的，實(shí)例原型能否做出來(lái)，就看這一步的設(shè)計(jì)了。這些交互效果的設(shè)計(jì)也取決于個(gè)人的AxureRP技能，一級(jí)一部分的邏輯思維能力，特別是做比較復(fù)雜的交互效果，思路一定要清晰，否則判斷的條件一多，就很容易亂掉。這里特別要說(shuō)明的一點(diǎn)是，慎用變量，不得不用變量的時(shí)候，也最好要取一個(gè)非常簡(jiǎn)單易懂的命名，給變量賦值也盡量簡(jiǎn)單，因?yàn)樽兞繒?huì)讓你的交互設(shè)計(jì)變得更加復(fù)雜。注意，這里只是讓大家慎用，不是不推薦大家用，變量還是一個(gè)很好很強(qiáng)大的功能，用的好，就能變幻出更多的交互效果。
4、反復(fù)的調(diào)試
很多交互效果都不是一次性設(shè)置之后就能成功的，特別是復(fù)雜的交互效果，都需要做多次的效果嘗試，反復(fù)的進(jìn)行修改調(diào)整，最后才達(dá)到最終的效果。這個(gè)過(guò)程一定要有耐心，慢工出細(xì)活，思路是對(duì)的，想法也有可行性，那就一定能把效果做出來(lái)，哪怕最終真的沒(méi)有將效果做出來(lái)，也可以反過(guò)來(lái)思考，是自己對(duì)AxureRP的特性不了解造成的，還是自己的知識(shí)水平局限性。整個(gè)調(diào)試的過(guò)程能讓你學(xué)到很多東西，所以說(shuō)要多動(dòng)手，動(dòng)手就是為了去學(xué)這些個(gè)過(guò)程。這里說(shuō)明一點(diǎn)，有些需要重復(fù)設(shè)置或者類(lèi)似設(shè)置的地方，先調(diào)試一個(gè)點(diǎn)，這個(gè)點(diǎn)調(diào)試通過(guò)了，你就很清楚了，剩下的點(diǎn)設(shè)計(jì)起來(lái)就很快了，如之前我設(shè)計(jì)的模擬淘寶評(píng)價(jià)效果就是這樣的，每個(gè)星星的設(shè)置其實(shí)原理是一樣的，一個(gè)星星調(diào)試通過(guò)了，五個(gè)星星就好做多了，進(jìn)而四組星星就水到渠成了。
基本上一個(gè)實(shí)例原型經(jīng)過(guò)這樣四個(gè)步驟的設(shè)計(jì)打磨，就可以成型了。不過(guò)能不能最終做出來(lái)真的不重要，重要的是從這個(gè)過(guò)程當(dāng)中學(xué)到的東西。建議大家在學(xué)習(xí)的過(guò)程當(dāng)中，先模仿再自己設(shè)計(jì)，多看多學(xué)多動(dòng)手，這樣積累下來(lái)，用AxueRP做實(shí)例原型設(shè)計(jì)就不再是什么難事了。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。