axureRP是壹款快速原型設計工具,它不需要任何編程或寫代碼基礎,就可以設計出交互效果良好的產品原型,常用於互聯網產品設計、網頁設計、UI設計等領域。
作為壹款熱門的原型設計工具,它可以完成很多紙和筆畫不出來的事情,特別是高交互的頁面,用動畫效果展現讓人瞬間清楚妳要表達的內容。
原型:用線條、圖形描繪出的產品框架,也稱線框圖。
原型設計在整個產品流程中處於最重要的位置,有著承上啟下的作用。何出此言?原型設計之前需求或是功能信息都相對抽象,原型設計的過程就是將抽象信息轉化為具象信息的過程,之後的產品需求文檔(PRD)是對原型設計中的版塊、界面、元素及它們之間的執行邏輯進行描述和說明。所以說,原型設計的重要性無可替代,產品經理應當要對此有絕對的控制和駕馭能力。
話說回來,原型設計雖然很重要也應當是有限度的,原型設計的作用有以下幾點:
1、因為是原型是需求和功能的具象化表達,所以原型可以輔助產品經理與領導、交互、UI和技術的溝通產品思路。
2、因為原型相較於UI稿來說修改更方便,所以原型能提高產品經理的功能設計沒通過評審時返工的工作效率。那axure和騰訊cdc的uiddesigner,還有在線的fluidui也可以考慮。其他好像沒有了吧。但除了axure,後兩者所謂的交互其實都是不同的界面截圖之間的切換,說白了就是多節點式結構的ppt,不是真正的交互。axure的思想更接近實際開發,比如通過master實現界面元素的封裝復用,條件判斷,函數,變量。這些功能除了開發工具,原型工具還有誰能比得上axure嗎?
app原型相比網頁,界面結構簡單,但交互復雜得多。界面上的div也不是平鋪的,為了有效利用空間會用到很多層疊,卡片式之類的展示方式。要做這類高保真可交互原型,我覺得非auxre莫屬。比如壹個tableview滑動到頂部刷新,底部回彈,不借助開發只有axure能做出來。
我從07年開始用axure,曾經壹度認為做網站原型,axure已經不需要再怎麽改進了。自從做app之後,覺得axure有點根不上時代,但試了其他工具,還是覺得auxre最合適。仔細做過幾個以後,我覺得axure還是完全適合做app原型的。做好以後分享也方便。放到內網,或者axshare上,或者有壹個htmlruntime的app,可以在設備上直接瀏覽axure輸出的html。
當然axure作為壹個工具,不可能每個環節都是最好的。比如我希望axure能借鑒壹下其他工具和開發思想,把ui和素材分離出來,就像換皮膚壹樣,壹個控件可以隨便更換圖片素材。這樣pm或者交互用最簡單的線框設計,確定交互以後,可以把設計師的圖貼上去,這樣就100%保真了。
axure對app設計不友好或者說最落伍的地方,就是支持的事件類型太少。交互上無法模擬出多點觸摸,無法模擬設備運動,無法模擬各類傳感器或許對壹個原型工具來說,要求太高了。AxureRP是美國AxureSoftware
Solution公司旗艦產品,是壹個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理
產品原型是將抽象的想法、需求轉化為具象產品的過程。同時它可以直觀的呈現給團隊中的其他成員,甚至早期用戶,用於驗證產品的合理性,通過高效、低成本的方式來表達、測試並驗證產品。Axure:發展較早的壹款原型設計軟件,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。功能很多,也讓學習起來有點難度,網上有很多axure教程就不多說了。本地型軟件,可以下載html文檔預覽,手機預覽不方便。
產品原型的定義:
1.用線條、圖形描繪出的產品框架,也稱線框圖。
2.交互設計的結果輸出,可能是壹張紙上的幾張圖;原型代表著交互設計的結果,當最終實現的時候,交互流程會和原型保持壹致;可以理解為草稿或者叫做參照物
3.原型是壹種讓用戶提前體驗產品、交流設計構想、展示復雜系統的方式。就本質而言,原型是壹種溝通工具。
另外,目前比較好用的在線原型設計工具有Marvel,Invision,墨刀等等。
希望對您有幫助!有疑問歡迎追問~在界面設計初級或中期,為了能夠方便和其他設計師討論、測試產品相關的設計想法,需要利用各種原型工具將產品模型做出來,壹個個界面修改和叠代,必要的時候,還可以制作成動態的模型,直接測試,看看可能會有哪些問題或不足等。
Axure是壹款老牌原型設計工具,是目前為止,市面上使用比較普遍的工具,全面支持原型、交互和分享功能。但是,對壹些原型設計小白來說,學習難度還是蠻大的,上手較慢。目前國內也有許多優秀的原型設計工具,比如摹客Mockplus,可以說是壹款簡化版的Axure。原型制作快速、簡單、高效。原型項目類型全面、交互豐富、拖拽即可實現、團隊分享、協作和評論功能也能實現。適合初期快速繪制原型圖,中期和後期快速協作、叠代和測試。
AxureRP在原型設計上有什麽特別的優勢？雖然現在的原型設計軟件有很多,大多數都可以快速繪制線框圖,也就是靜態頁面部分,但是如果比較誰的交互更強大、更豐富,自主設計性更高,我想壹定是非經典交互原型設計工具Axure不可。
學習Axure重點在於學習他的交互設計,根據觸發交互的對象不同,可以將Axure的交互事件分為頁面交互和元件交互。下面我們來看看Axure所提供的交互事件:
頁面交互事件
頁面載入時:當頁面啟動加載時。
窗口尺寸改變時:當瀏覽器窗口大小改變時。
窗口向上滾動時:當瀏覽器窗口向上滾動時。
窗口向下滾動時:當瀏覽器窗口向下滾動時。
頁面單擊時:頁面任意位置被鼠標點擊時。
頁面雙擊時:頁面中任意位置被鼠標雙擊時。
頁面鼠標右擊時:頁面中任意位置被鼠標雙擊時。
頁面鼠標移動時:當鼠標在頁面任意位置移動時。
頁面按鍵按下時:當鍵盤上的按鍵被按下時。
頁面按鍵松開時:當鍵盤的按鍵釋放時。
自適應視圖改變時:當自適應視圖更改時。
元件交互事件
單擊時:當元件被點擊時。
雙擊時:元件被鼠標雙擊時。
右擊時:當元件被鼠標右鍵單擊時。
按下時:當鼠標按下左鍵沒有被釋放時。
松開時:當元件被鼠標點擊,這個事件由鼠標按鍵釋放觸發。
鼠標移動時:當光標在壹個元件上移動時。
鼠標移入時:當光標移入元件範圍時。
鼠標移出時:當光標移出元件範圍時。
鼠標停放時:當光標在元件上方懸停時。
鼠標長按時:當鼠標按下超過2秒沒有被釋放時。
按鍵按下時:鍵盤上的按鍵被按下時。
按鍵松開時:當鍵盤上的按鍵彈起時。
移動時:當元件移動時,在頁面中的坐標位發生了變化。
旋轉時:當元件旋轉時。
尺寸改變時:當元件寬度或高度發生改變時。
顯示時:當元件通過交互動作顯示時。
隱藏時:當元件通過交互動作隱藏時。
獲取焦點時:當壹個輸入項獲取焦點時。
失去焦點時:當壹個輸入項失去焦點時。
選中改變時:適用於下拉框,當下拉框被選中的項發生了改變時,通常作為事件的壹個邏輯條件。
選中時:當復選框或單選按鈕被選中時。
取消選中時:當復選框或單選按鈕取消選中時。
載入時:當元件從壹個頁面的加載中載入時。
文字改變時:當單行文本框或多行文本框中的文字發生改變時。
狀態改變時:當動態面板被設置了“設置面板狀態”動作時。
拖動開始時:當壹個拖動動作開始時。
拖動時:當壹個動態面板正在被拖動時。
拖動結束時:當壹個拖動動作結束時。
向左拖動結束時:當壹個面板向左拖動結束時。
向右拖動結束時:當壹個面板向右拖動結束時。
向上拖動結束時:當壹個面板向上拖動結束時。
向下拖動結束時:當壹個面板向下拖動結束時。
滾動時:當壹個有滾動的面板上下滾動時。
向上滾動時:當壹個有滾動的面板,向上滾動時。
向下滾動時:當壹個有滾動的面板,向下滾動時。
每個交互事件下面可以搭配豐富的動作,通過這些千變萬化的組合,我們可以自動動手DTY豐富多彩交互效果,沒有做不到的交互,只有妳想不到的交互。利用變量與函數,搭配中繼器,甚至可以制作小型的前端本地數據庫。
如何使用AXURE進行產品原型設計AxureRP(AxureRapidPrototyping)是壹款快速實現、準確表達、帶有交互效果且易於上手的原型設計工具。本人在曾參與某系統需求分析時開始接觸AxureRP,初步掌握了壹定的開發基礎,成功制作出系統需求原型,對需求分析工作產生了積極效應。在此經驗的基礎上,後續又在其他項目中進行了較為成功的運用,並獲得了良好的效果。就個人的經驗而言,使用AxureRP進行原型開發,壹旦掌握了壹定的開發技巧後,加上壹個良好的規劃,那麽很多東西都可以信手拈來。好的東西需要分享並使人獲益,給實際工作帶來效益,這樣才能得以體現其價值。對此,本人在此分享使用AxureRP進行原型開發的壹些經驗,與各位壹起探討,也希望人能夠分享自身使用AxureRP的相關經驗。AxureRP就其本身而言,其實僅是壹個工具,大部分人都可以很快學習並掌握之,但要做出好的原型,會用只是壹個最基本要求,關鍵是要有壹套良好的原型開發思想,這套開發思想除了要有整體規劃之外,還需要充分結合實