一、元件操作基礎

1. 可見性控制

• 隱藏/顯示：可以設置元件的可見性，使元件在特定條件下隱藏或可見

• 應用場景：創建動態交互效果，如點擊按鈕顯示隱藏內容

2. 層級管理

• 層級概念：元件有上下層關系，上層元件會遮蓋下層元件

• 調整方法：可以手動調整元件層級順序

• 應用場景：處理重疊元件的顯示順序

二、交互功能

1. 條件與結果

• 工作原理：對元件設置交互時進行條件判斷，根據不同條件觸發不同結果

• 應用示例：如"當文本框為空時顯示提示，不為空時隱藏提示"

2. 局部變量

• 定義：用于控件間傳遞值的中間變量

• 用途：在不同交互間傳遞數據，實現復雜交互邏輯

三、常用元件詳解

1. 基礎形狀元件

• 矩形：

  • 最常用的多功能元件

  • 可通過樣式變換實現多種效果

  • 操作性強，適合作為按鈕、容器等

2. 媒體元件

• 圖片：

  • 可直接復制粘貼到Axure中

  • 支持多種圖片格式

  • 可作為界面背景或內容元素

• 熱區：

  • 透明可交互區域

  • 覆蓋在希望操作的區域上

  • 用于創建不規則形狀的點擊區域

3. 表單控件

• 單選按鈕：

  • 用于并列選項中只能選擇一項的情況

  • 通常成組使用

• 復選框：

  • 用于并列選項中可多選的情況

  • 每個選項獨立選擇

• 文本框：

  • 允許用戶輸入內容的控件

  • 可設置多種輸入類型（文本、密碼等）

• 列表框：

  • 提供選項篩選功能

  • 可以是下拉式或展開式

4. 高級控件

• 內聯框架：

  • 可嵌入URL鏈接或本地文件

  • 用于在原型中展示外部內容

  • 支持網頁、PDF等多種格式

四、學習心得

1. Axure的交互功能強大，通過條件判斷和局部變量可以實現復雜的邏輯

2. 合理使用層級管理可以使原型更加整潔有序

3. 不同類型的表單控件適用于不同的輸入場景

4. 熱區元件是創建非矩形交互區域的有效工具

5. 內聯框架極大擴展了原型的展示能力

五、后續學習計劃

1. 深入練習條件交互的設置方法

2. 嘗試組合使用多種元件創建完整頁面

3. 學習使用動態面板實現更豐富的交互效果

4. 探索Axure的團隊協作功能