Axure教學|Axure進階操作:中繼器操作與函數應用

這篇是針對Axure來教學寫。因為,Axure對我來說就是用來寫規格用的主要工具,像是一般的wireframe或是較短的操作流程(prototyping),我都是使用Axure來進行,雖然Axure要付費且學習曲線又高,但是它還是目前產品經理領域最被廣泛使用的工具,所以在資源上也是很容易找到。

以下,是我的Axure操作紀錄,分享給需要的朋友。

Axure的元件推動與拉回效果

Axure中繼器教學

Axure的中繼器(Repeater)是什麼?在英文中意為「重複」,這在Axure中被賦予了特殊的意義,它允許使用者使用同一模板來重複顯示數據,操作類似於一個小型的資料庫,但是,中繼器並沒有儲存數據的功能,因為它只是個原型工具,不具備真正的資料庫功能,但是可以模擬動態的數據展示互動效果。

中繼器的應用時機

在大多數日常的原型設計時,較少有需要動態展示數據的需求,所以中繼器的使用其實不會太頻繁,但在向「沒有想像力」的老闆和客戶展示頁面效果時,中繼器就顯得尤為重要了。這個功能強大的功能能夠直觀地呈現列表的操作,例如:新增、刪除、修改等動態效果,讓你可以炫技一把。

在操作原理上,就是需要在Axure中建立一個中繼器元件,然後專門設計它的模板,而這個模板將決定每條數據如何顯示。接著,將數據綁定到中繼器上,而數據通常以行和列的形式呈現,你可以通過簡單的輸入或導入數據,接著,再利用Axure的動態面板和互動功能,讓中繼器有了數據可以增加、刪除、修改等操作行為。

中繼器標籤效果

中繼器篩選

中繼器增加行

中繼器刪除行

中繼器排序

中繼器修改

Axure函數教學

Axure RP 10的函數涵蓋了各種功能,讓使用者可以在設計互動式原型時有更多的操控。以下是幾個主要的函數類別:

數學函數:這部分介紹如何在原型中執行基本到複雜的數學計算,包括加、減、乘、除等基本運算,以及更進階的如取對數、三角函數等。

文字處理函數:這裡教你怎麼處理文字串,例如如何合併文字、如何截取部分文字、以及如何轉換文字的大小寫,非常適合需要處理大量文字輸入和顯示的原型。

日期和時間函數:如果你的原型需要處理日期和時間,這部分的函數可以幫你計算日期差、增減天數、設定和顯示特定格式的日期等。

邏輯函數:這些函數幫助你在原型中執行條件判斷,例如判斷某個條件是否成立來決定執行某個動作,對於需要複雜交互邏輯的原型非常有用。

下方的影片我將實際的應用範例,讓使用者可以看到這些函數實際操作的情境,學習如何在自己的原型設計中靈活運用這些工具,對於希望提升原型交互質感和功能性的人來說,能夠有所幫助。

Axure滑鼠游標元件函數

Axure元件函數使用

Axure時間函數

返回頂端