axure商城

用AxureRP做實例原型設計的步驟

因此實例的原型設計在一些中高保真度要求的原型里面就尤為重要,再者一般學習AxureRP都是從模仿別人的做的實例開始的,因而學會實例原型設計,對自己使用AxureRP的技能的提高也是很有幫助的。

AxureRP做實例原型設計的文章,已經發布過好一些,都是針對一些單獨的功能點、獨立的交互效果、獨立的功能頁面或者是對別人做的實例效果的講解,這里依據自己當時做實例設計的經驗,簡單的介紹一下設計的過程和步驟,這篇算是之前那篇《用AxureRP做整體原型設計的步驟》的姊妹篇吧,一般來說都是先有實例再組合成整體,但是我們的設計過程都需要先從整體的布局考慮,再來細化每個功能點。因此實例的原型設計在一些中高保真度要求的原型里面就尤為重要,再者一般學習AxureRP都是從模仿別人的做的實例開始的,因而學會實例原型設計,對自己使用AxureRP的技能的提高也是很有幫助的。

這里對實例原型的定義主要是指兩個方面,一是單獨的功能點或功能頁面,如輸入框的鼠標單擊可修改功能點,注冊登錄功能頁等;二是獨立的交互效果,可單獨部署的,如幻燈片效果,微博效果等。前者側重于功能的實現,后者側重于實現一個交互單元,兩者其實都可以封裝成組件,所以可以將自己常用的實例原型都封裝成一個組件庫,那樣在后面的設計當中調用即可,非常方便。回歸正題,下面講設計實例原型的步驟。

1、搞清楚實現原理

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

2、搭建設計結構

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

3、進行詳細的交互設計

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

4、反復的調試

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

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

給TA買糖
共{{data.count}}人
人已贊賞
高級教程

AXURE教程:如何制作高保真登錄界面

2012-4-8 1:37:24

高級教程

財付通TID分享:Axure心得大法

2012-8-6 16:47:55

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo