不少人認為，在用Axure模擬一些交互時的操作都會很復雜。其實很簡單，就像文章中提到的這種動態(tài)邊框，跟著操作流程很容易就做出來了。

“動態(tài)邊框”是一種設計元素，通常用于網頁設計或應用程序界面中。它指的是一個具有動態(tài)效果的邊框，可以隨著用戶的交互或鼠標懸停而改變樣式、顏色或形狀。

動態(tài)邊框可以增加用戶體驗的趣味性和吸引力，使界面看起來更加生動和互動。

這種設計技術常用于突出重要內容、引導用戶注意力或提供視覺反饋。

一、原理

原理其實非常簡單，就是外面套一個動態(tài)面板，此動態(tài)面板的長寬比內部的大一點點，然后在最底層放一個不斷旋轉的帶顏色的元件即可。

二、教程

假如我們要做一個寬140px，高40px，邊框為1px并且?guī)討B(tài)邊框效果的按鈕。

我們先拖出動態(tài)面板，寬度設為140px，高度設為40px，取消“Fit Content(適應內容)”。

做到这三点挑战，产品经理只会不断升值

好的产品经理是很稀缺的，懂用户、懂商业、懂数据的产品经理走出互联网，依然是抢手货。相反，如果只做简单传话、低效执行、浅层思考的产品经理，恐怕走不过未来3-5年的洪流。

查看详情 >

在動態(tài)面板里再放一個按鈕，寬度設為138px，高度設為38px，x設為1，y設為1。目的是留出4條邊。

在此元件的下放再放一個帶有邊框顏色的元件，寬度比按鈕大設為300px，高度比按鈕小設為30px，與按鈕水平對齊居中對齊（可自行調整，效果千變萬化）。

在邊框元件的交互里加一條“載入時”交互：

這里時間要足夠長，具體角度可自己多預覽幾次慢慢調整。

就這么簡單。

三、最后

如果你想要豐富多彩的邊框，那做為邊框的多個元件可以組合一起，只要旋轉那個組合即可。

如果你的按鈕有圓角，記得外面動態(tài)面板的圓角比按鈕的圓角多加上個邊框的寬度。