1. Axure 介紹
Axure 是一款專業(yè)的快速原型設(shè)計工具,它能幫助團(tuán)隊創(chuàng)建交互式產(chǎn)品原型,從簡單的線框圖到復(fù)雜的動態(tài)交互原型都能涵蓋。產(chǎn)品經(jīng)理可用它將腦海中的產(chǎn)品概念快速可視化、包括界面布局、功能流程等。Axure的厲害之處在于,它不僅能創(chuàng)建靜態(tài)頁面展示,還能通過設(shè)置交互效果,如點(diǎn)擊、滑動、跳轉(zhuǎn)等,模擬用戶使用產(chǎn)品的實(shí)際體驗(yàn),讓團(tuán)隊成員和客戶更直觀地感受產(chǎn)品。
Axure 誕生于2003年,由 Axure Software Solution 公司開發(fā)。最初的設(shè)計功能比較基礎(chǔ),主要幫設(shè)計師創(chuàng)建簡單的網(wǎng)站線框圖。隨著互聯(lián)網(wǎng)產(chǎn)品設(shè)計復(fù)雜性增加,Axure 不斷進(jìn)化,后續(xù)版本更新加入交互功能和元件庫,逐漸滿足各種復(fù)雜產(chǎn)品原型設(shè)計需求,如今在全球產(chǎn)品設(shè)計領(lǐng)域廣為人知且應(yīng)用廣泛。
2. Axure 能做什么
Axure 作為一款功能強(qiáng)大的原型設(shè)計工具,憑借其強(qiáng)大的功能和靈活的操作,成為產(chǎn)品經(jīng)理、設(shè)計師們手中的一把“瑞士軍刀”,廣泛應(yīng)用于各類設(shè)計場景。
網(wǎng)站原型設(shè)計
產(chǎn)品經(jīng)理、設(shè)計師可以使用 Axure 創(chuàng)建高保真度的網(wǎng)站原型,快速搭建頁面結(jié)構(gòu),添加交互效果,如點(diǎn)擊、懸停等,用 Axure 制作的原型不僅能展示網(wǎng)站的布局和視覺效果,還可以模擬真實(shí)網(wǎng)站的操作體驗(yàn),從而讓團(tuán)隊成員和客戶更好地理解網(wǎng)站的設(shè)計意圖和用戶體驗(yàn)。
移動應(yīng)用原型設(shè)計
Axure 提供了豐富的移動設(shè)備模板和控件庫,支持 iOS、Android 等主流系統(tǒng)。產(chǎn)品經(jīng)理可以利用這些模板和控件,快速設(shè)計出移動應(yīng)用的原型,并添加各種交互效果,如滑動、點(diǎn)擊等,模擬真實(shí)的應(yīng)用操作體驗(yàn),有助于在開發(fā)前驗(yàn)證設(shè)計的可行性。
用戶流程圖
流程圖可以幫助團(tuán)隊成員更好地理解產(chǎn)品的操作流程和用戶路徑,產(chǎn)品經(jīng)理可以用 Axure 快速創(chuàng)建流程圖來表達(dá)復(fù)雜的業(yè)務(wù)邏輯和用戶行為從而優(yōu)化用戶體驗(yàn)和業(yè)務(wù)流程。例如,可以創(chuàng)建用戶注冊流程圖、購物流程圖等,清晰地展示每個步驟和決策點(diǎn)。
數(shù)據(jù)可視化
雖然 Axure 主要用于原型設(shè)計,但也可以用于簡單的數(shù)據(jù)可視化。產(chǎn)品經(jīng)理、設(shè)計師們可以利用 Axure 的圖表和圖形工具,創(chuàng)建數(shù)據(jù)可視化圖表,展示數(shù)據(jù)的分布和趨勢,幫助團(tuán)隊成員更好地理解數(shù)據(jù)和做出決策。
用戶研究
設(shè)計師可以通過 Axure 制作能夠與用戶互動的原型,以收集用戶的反饋和意見。這是一個非常有效的用戶研究工具。通過讓用戶實(shí)際操作原型,設(shè)計師可以觀察用戶的行為和反應(yīng),了解用戶的需求和痛點(diǎn),從而對設(shè)計進(jìn)行優(yōu)化和改進(jìn)。
文檔管理
Axure 還可以用于文檔管理,設(shè)計師可以在原型中添加注釋和說明,生成詳細(xì)的文檔,方便團(tuán)隊成員和客戶查閱和理解設(shè)計細(xì)節(jié)。這有助于提高團(tuán)隊的溝通效率和項(xiàng)目的透明度。
3. Axure 入門教程
Axure 擁有豐富的設(shè)計功能,操作也相對復(fù)雜一些,對于初學(xué)者來說,需要花費(fèi)一定的時間和精力學(xué)習(xí)掌握基礎(chǔ)功能和操作技巧,入門 Axure 需要從了解它的界面、基礎(chǔ)操作和常用技巧入手,以便更快掌握并高效使用。
(1) Axure 的界面介紹
·??頁面結(jié)構(gòu)區(qū)
頁面結(jié)構(gòu)區(qū)是 Axure 的核心區(qū)域之一,用于規(guī)劃頁面的層級關(guān)系。你可以在這里添加、刪除、重命名頁面,以及組織頁面層次。通過面板工具欄上的新增按鈕添加頁面,點(diǎn)擊刪除按鈕刪除頁面,右鍵單擊選擇“重命名”菜單項(xiàng)修改頁面名稱。頁面順序的排列和組織則通過拖動頁面或點(diǎn)擊工具欄上的排序按鈕完成。
·??元件庫
元件庫包含了 Axure 的所有元件,是設(shè)計原型的基礎(chǔ)。你可以從元件庫中拖動元件到畫布上,進(jìn)行布局和設(shè)計。Axure 的元件庫不僅支持載入已有的部件庫,還可以創(chuàng)建自己的部件庫,甚至對系統(tǒng)自帶的默認(rèn)元件庫進(jìn)行修改和刪除。
·??畫布
畫布是展示原型的部分,通過鼠標(biāo)雙擊頁面,就可以在畫布區(qū)打開頁面以進(jìn)行原型的設(shè)計。在畫布中,你可以進(jìn)行放大、縮小、移動等操作,以調(diào)整畫布的顯示。
·??元件屬性頁面
元件屬性頁面用于添加和編輯交互效果,以及設(shè)置元件的樣式。在這里,你可以對元件的顏色、邊框、注釋等進(jìn)行詳細(xì)設(shè)置,是實(shí)現(xiàn)復(fù)雜交互和美觀設(shè)計的關(guān)鍵區(qū)域。
(2) Axure 的基礎(chǔ)操作
·??新建項(xiàng)目
原型設(shè)計的第一步就是新建項(xiàng)目,通過 Axure 的 “文件” 菜單選擇 “新建”,可以根據(jù)項(xiàng)目需求選擇合適的頁面尺寸類型,無論是 Web 端的頁面,還是 APP 的界面,Axure 都提供了相應(yīng)的預(yù)設(shè)選項(xiàng),當(dāng)然,也支持自定義尺寸。
·??添加元件到頁面
從元件庫中選取合適的元件,將它們拖動到頁面工作區(qū)。例如,設(shè)計一個登錄頁面,就可以拖動一個矩形作為頁面的主體背景區(qū)域,再添加一個文本框用于用戶輸入賬號,一個按鈕用于觸發(fā)登錄操作,通過這些簡單的元件組合,初步搭建起頁面的框架。
·??設(shè)置元件屬性
選中添加到頁面的元件后,在樣式面板中對其屬性進(jìn)行細(xì)致調(diào)整。比如,將矩形的填充顏色設(shè)置為淡藍(lán)色,營造出清爽的視覺氛圍;把文本框的字體設(shè)置為宋體,字號調(diào)整為 14px,讓文字顯示更加清晰易讀,通過這些屬性設(shè)置,頁面元素開始有了獨(dú)特的風(fēng)格。
·??創(chuàng)建交互效果
為頁面或組件增添交互效果,能讓用戶在操作原型時獲得更真實(shí)的體驗(yàn)。以登錄按鈕為例,選中按鈕元件,在交互面板中添加 “鼠標(biāo)單擊” 事件。接著,在動作設(shè)置中選擇 “打開鏈接”,如果是在多頁面項(xiàng)目中,可以指定跳轉(zhuǎn)到登錄成功后的頁面;如果是模擬外部鏈接,也可以輸入相應(yīng)的網(wǎng)址。這樣,一個簡單的交互效果就創(chuàng)建完成了。
(3) Axure 的進(jìn)階教程
·??動態(tài)面板
通過 “插入” 菜單選擇 “動態(tài)面板”,可將這個強(qiáng)大的功能組件添加到頁面中。動態(tài)面板就像是一個多功能的舞臺,能夠呈現(xiàn)出多種不同的狀態(tài)。
狀態(tài)管理:在動態(tài)面板的屬性設(shè)置中可以靈活地添加、刪除、重命名狀態(tài)。以設(shè)計一個圖片輪播效果為例,你可以將不同的圖片分別放置在動態(tài)面板的不同狀態(tài)中,通過切換狀態(tài)來實(shí)現(xiàn)圖片的輪播展示。
交互設(shè)置:為動態(tài)面板添加交互,可以設(shè)置定時切換狀態(tài),讓圖片自動輪播;也可以通過添加按鈕,設(shè)置按鈕的單擊事件來手動切換動態(tài)面板的狀態(tài),實(shí)現(xiàn)用戶自主控制圖片切換。
·??中繼器
中繼器是處理重復(fù)數(shù)據(jù)展示和交互的利器,比如在設(shè)計商品列表、聯(lián)系人列表等需要展示大量重復(fù)數(shù)據(jù)的場景時,中繼器就能發(fā)揮巨大作用。
數(shù)據(jù)集設(shè)置:在中繼器的數(shù)據(jù)集面板中可以定義數(shù)據(jù)列和數(shù)據(jù)行。對于商品列表,用戶可以定義 “商品名稱”“價格”“圖片” 等數(shù)據(jù)列,并根據(jù)實(shí)際情況添加相應(yīng)的數(shù)據(jù)行,將商品信息一一錄入。
數(shù)據(jù)綁定:在中繼器的每個項(xiàng)目中,通過綁定數(shù)據(jù)的方式,將數(shù)據(jù)集中的數(shù)據(jù)顯示在元件上。例如,將 “商品名稱” 列的數(shù)據(jù)綁定到一個文本元件上,這樣每個商品項(xiàng)就能準(zhǔn)確顯示對應(yīng)的商品名稱。
交互設(shè)置:中繼器的交互設(shè)置可以讓列表更加靈活。比如,可以為中繼器中的每個商品項(xiàng)添加單擊事件,單擊某個商品項(xiàng)時,就可以跳轉(zhuǎn)到該商品的詳細(xì)介紹頁面,實(shí)現(xiàn)從列表到詳情的交互跳轉(zhuǎn)。
4. Axure 的常用快捷鍵
Axure 設(shè)置了諸多常用操作的快捷鍵,在掌握了 Axure 入門教程之后,用戶可以根據(jù)自己的操作習(xí)慣使用這些快捷鍵,能幫助提升設(shè)計效率,成為原型設(shè)計的高手。
文件基礎(chǔ)操作
Ctrl + N(Windows)/Command + N(Mac):快速新建項(xiàng)目。
Ctrl + O(Windows)/Command + O(Mac):打開已有的項(xiàng)目文件。
Ctrl + S(Windows)/Command + S(Mac):保存項(xiàng)目。
選擇與編輯元件
Ctrl + A(Windows)/Command + A(Mac):一鍵全選頁面上的元件,可統(tǒng)一設(shè)置屬性或移動位置。
Ctrl + C(Windows)/Command + C(Mac):復(fù)制選中的元件。
Ctrl + V(Windows)/Command + V(Mac):粘貼復(fù)制的元件。
Delete(Windows)/Command + Delete(Mac):刪除選中的元件,清理頁面上不需要的元素。
Ctrl + Z(Windows)/Command + Z(Mac):撤銷上一步操作,回到上一個狀態(tài)。
Ctrl + Y(Windows)/Command + Y(Mac):恢復(fù)上一步撤銷的操作。
元件對齊與分布
Ctrl + L(Windows)/Command + L(Mac):元件左對齊,提升頁面的整體美觀度。
Ctrl + R(Windows)/Command + R(Mac):右對齊元件,適用于特定的布局需求。
Ctrl + T(Windows)/Command + T(Mac):頂對齊元件,使多個元件在頂部保持整齊一致。
Ctrl + B(Windows)/Command + B(Mac):底對齊元件。
Ctrl + H(Windows)/Command + H(Mac):水平居中對齊元件,增強(qiáng)頁面的視覺平衡感。
Ctrl + K(Windows)/Command + K(Mac):垂直居中對齊元件,提升頁面的整體協(xié)調(diào)性。
F8(Windows 和 Mac):平均分布元件(水平方向),使多個元件在水平方向上間隔均勻。
F9(Windows 和 Mac):平均分布元件(垂直方向),實(shí)現(xiàn)元件在垂直方向上的均勻分布。
交互設(shè)計
Ctrl + /(Windows 和 Mac):快速打開或關(guān)閉交互面板,方便在設(shè)計過程中隨時切換到交互設(shè)計模式。
Ctrl + E(Windows)/Command + E(Mac):編輯交互事件,對已設(shè)置的交互進(jìn)行修改和完善。
5. Axure 如何免費(fèi)使用
Axure 作為一款商業(yè)軟件,目前并沒有完全免費(fèi)的版本可供長期使用。不過,Axure 官方為用戶提供了 30 天的免費(fèi)試用版,在試用期間,用戶可以盡情體驗(yàn) Axure 的全部功能,無論是基礎(chǔ)的頁面設(shè)計,還是高級的交互設(shè)計、動態(tài)面板和中繼器等功能,都能使用。如需訂閱 Axure RP Pro,個人用戶每月繳費(fèi)29美金,團(tuán)隊版每月費(fèi)用49美元。
同時, Axure 沒有提供在線版本供用戶直接在瀏覽器中使用,需要下載桌面客戶端才能使用,不同版本的 Axure 對操作系統(tǒng)有不同的要求,如 Windows 系統(tǒng)需確認(rèn)是否為 Windows 7、Windows 10 或更高版本,Mac 系統(tǒng)需確認(rèn)是否為 macOS 10.10 及以上版本等,以免安裝后無法正常運(yùn)行。
由于 Axure 未在國內(nèi)部署服務(wù)器,無法支持團(tuán)隊成員通過 Axure Cloud 進(jìn)行在線協(xié)作,如需與團(tuán)隊成員協(xié)作或共享文件,要確保下載的版本與團(tuán)隊其他成員使用的版本兼容,避免因版本差異導(dǎo)致文件無法正常打開或出現(xiàn)兼容性問題。一般來說,高版本的 Axure 可以打開低版本的文件,但低版本無法打開高版本文件。
如果你不想下載客戶端,同時有和他人進(jìn)行在線協(xié)作的需求,如產(chǎn)品經(jīng)理需要和 UI設(shè)計師、開發(fā)溝通協(xié)作,或向領(lǐng)導(dǎo)、客戶在線演示,推薦您使用集成功能更強(qiáng)大、一站式完成產(chǎn)品需求梳理與規(guī)劃、原型、UI設(shè)計和交付的在線產(chǎn)品設(shè)計工具——墨刀。
簡易上手,降低學(xué)習(xí)門檻
墨刀作為國內(nèi)有廣泛知名度的專業(yè)級產(chǎn)品原型設(shè)計工具,具有簡潔直觀的設(shè)計界面,操作流程清晰易懂,新手產(chǎn)品經(jīng)理、設(shè)計師能快速熟悉并上手使用,例如創(chuàng)建一些基本頁面元素或設(shè)置簡單交互事件時,墨刀用墨刀直接拖拽即可完成,大大縮短了初學(xué)者的學(xué)習(xí)周期,讓團(tuán)隊更快開展產(chǎn)品設(shè)計工作。
在線使用,不懼異地辦公
墨刀最大的優(yōu)勢之一就是支持在線使用,無需繁瑣的下載和安裝過程,對操作設(shè)備、系統(tǒng)或地點(diǎn)都沒有任何限制,無論你是在辦公室、家中還是外出途中,只要有網(wǎng)絡(luò)連接,都能通過瀏覽器輕松訪問墨刀官網(wǎng),隨時隨地開展工作,真正實(shí)現(xiàn)了工作場景的無縫切換。
對于遠(yuǎn)程辦公的團(tuán)隊而言,溝通與協(xié)作的順暢至關(guān)重要。墨刀提供了豐富的團(tuán)隊協(xié)作功能,團(tuán)隊成員可以共同編輯和管理項(xiàng)目,實(shí)時查看彼此的操作和修改,高效地進(jìn)行頭腦風(fēng)暴和創(chuàng)意交流。同時,通過設(shè)置不同的權(quán)限,確保每個成員都能在自己的職責(zé)范圍內(nèi)進(jìn)行操作,保障項(xiàng)目的安全性和有序性。
不僅如此,墨刀還支持鏈接分享和預(yù)覽功能,團(tuán)隊成員可以隨時將自己的設(shè)計成果分享給其他成員或客戶,及時獲取反饋和建議,大大提高了工作效率,共同推動項(xiàng)目的順利進(jìn)行。
功能實(shí)用,滿足多元需求
與 Axure 一樣,墨刀也擁有豐富的組件庫資源,涵蓋APP、網(wǎng)頁、后臺系統(tǒng)、小程序、H5、工業(yè) HMI 等常見場景設(shè)計元素,方便快速搭建原型。在交互設(shè)計方面,墨刀支持創(chuàng)建逼真交互效果,像頁面跳轉(zhuǎn)、元素動態(tài)顯示隱藏等常見交互都能輕松實(shí)現(xiàn),滿足大多數(shù)復(fù)雜項(xiàng)目需求。
墨刀的獨(dú)特之處還在于它集成了白板、原型、UI設(shè)計和交付的多元功能,全面覆蓋產(chǎn)品經(jīng)理的全流程,在前期市場調(diào)研階段,用戶可以利用墨刀白板進(jìn)行用戶需求收集和整理,初步勾勒產(chǎn)品的草圖,撰寫產(chǎn)品prd文檔;在原型設(shè)計階段,你可以用墨刀原型進(jìn)行產(chǎn)品原型圖繪制,快速呈現(xiàn)產(chǎn)品的demo,與團(tuán)隊成員、客戶進(jìn)行演示操作,確定產(chǎn)品的設(shè)計方向;在產(chǎn)品UI設(shè)計階段,設(shè)計師可以用墨刀設(shè)計工具完成產(chǎn)品UI設(shè)計并交付給下游,形成工作流的閉環(huán)。
為了避免用戶切換不同工具,造成使用不便的難題,墨刀提供了 Axure、Sketch、Ps、Adobe XD 的插件,用戶可以將自己的設(shè)計文件上傳至墨刀,實(shí)現(xiàn)工作進(jìn)度無縫銜接,更加方便產(chǎn)、設(shè)、研云端在線協(xié)同。
成本優(yōu)勢,契合不同預(yù)算
Axure 的收費(fèi)策略對個人用戶和小型團(tuán)隊來說,軟件采購成本是一筆不小的開支。墨刀提供了多種靈活收費(fèi)模式,包括免費(fèi)版和不同等級付費(fèi)套餐。免費(fèi)版能滿足基礎(chǔ)原型設(shè)計需求,而且承諾永久免費(fèi),如果你有更高級的權(quán)益需求或需要定制服務(wù),墨刀也提供了付費(fèi)套餐,價格親民,功能更加豐富。這種成本優(yōu)勢使墨刀對預(yù)算有限團(tuán)隊或個人是更具性價比選擇,在不影響設(shè)計質(zhì)量前提下,有效控制成本。
墨刀在易用性、功能實(shí)用性、團(tuán)隊協(xié)作便利性以及成本控制等方面優(yōu)勢明顯,如果你正在尋找一款便捷易用、可以免費(fèi)在線使用的產(chǎn)品原型設(shè)計軟件,不妨來墨刀官網(wǎng)看看吧,立即開始你的產(chǎn)品設(shè)計之旅!