在 axure 設(shè)計(jì)中，利用下拉列表實(shí)現(xiàn)形狀的切換是一個(gè)很實(shí)用的技巧，能為原型增添交互性和趣味性。下面就來(lái)詳細(xì)介紹具體的實(shí)現(xiàn)方法。

準(zhǔn)備工作

首先，在 axure 中創(chuàng)建一個(gè)新的項(xiàng)目。然后，在頁(yè)面上放置一個(gè)下拉列表部件，用于選擇不同的形狀選項(xiàng)。接著，準(zhǔn)備好要切換的各種形狀，比如圓形、方形、三角形等，可以通過(guò)形狀工具分別繪制并放置在不同的圖層上，初始時(shí)將除了第一個(gè)選項(xiàng)對(duì)應(yīng)的形狀外，其他形狀都設(shè)置為隱藏狀態(tài)。

設(shè)置交互

選中下拉列表部件，在交互設(shè)置中添加一個(gè)“選項(xiàng)改變時(shí)”的事件。

條件設(shè)置

在條件設(shè)置中，選擇當(dāng)前選擇的下拉列表選項(xiàng)的值。例如，如果下拉列表的選項(xiàng)值分別為“圓形”“方形”“三角形”，那么這里就根據(jù)所選的值來(lái)判斷。

動(dòng)作設(shè)置

對(duì)于每個(gè)選項(xiàng)值，設(shè)置相應(yīng)的動(dòng)作。當(dāng)選擇“圓形”選項(xiàng)時(shí)，將圓形形狀所在的圖層設(shè)置為可見(jiàn)，同時(shí)將方形和三角形形狀所在的圖層設(shè)置為隱藏。同樣，當(dāng)選擇“方形”選項(xiàng)時(shí)，顯示方形形狀圖層，隱藏圓形和三角形圖層；選擇“三角形”選項(xiàng)時(shí)，顯示三角形形狀圖層，隱藏圓形和方形圖層。

可以通過(guò)“顯示/隱藏”動(dòng)作來(lái)實(shí)現(xiàn)這些操作。在“顯示/隱藏”對(duì)話框中，選擇要顯示或隱藏的圖層，然后根據(jù)條件設(shè)置為顯示或隱藏狀態(tài)。

效果測(cè)試

完成上述設(shè)置后，預(yù)覽原型。當(dāng)在下拉列表中選擇不同的選項(xiàng)時(shí)，就能看到相應(yīng)的形狀按照設(shè)置進(jìn)行切換。

通過(guò)這樣的方式，利用 axure 的下拉列表和交互設(shè)置，輕松實(shí)現(xiàn)了形狀的切換效果。這不僅可以應(yīng)用在簡(jiǎn)單的形狀展示場(chǎng)景中，比如產(chǎn)品介紹中不同模塊的示意形狀切換，還可以用于更復(fù)雜的交互原型設(shè)計(jì)，如根據(jù)用戶選擇不同的功能選項(xiàng)，展示對(duì)應(yīng)的操作流程示意形狀等。axure 的這種交互功能為設(shè)計(jì)師提供了豐富的創(chuàng)意空間，能打造出更具吸引力和實(shí)用性的原型作品，讓用戶在體驗(yàn)原型時(shí)更直觀地理解產(chǎn)品的功能和流程。