收藏按鈕,在很多的產品中都有出現!收藏是為了幫助用戶更好的將商品保存起來!而今天,我們將教大家怎麽使用Axure制作已收藏圖標原型!如果妳打算自學Axure原型設計的話,推薦的Axure自學視頻課,專業講師傳授知識點,可以0基礎學會軟件功能操作以及動手實操~
Axure使用動態面板制作已收藏圖標原型方法:
所需元件壹個矩形轉換為動態面板並命名為“是否收藏”;
兩個面板並分別命名為“收藏”、“已收藏”;
兩個面板下放相同大小的矩形分別命名為“收藏”、“已收藏”;
壹個空心的五角星Icon;
壹個實心的五角星Icon。
操作步驟(1)畫布拉入壹個合適大小的矩形,並轉換為動態面板
(2)動態面板增加壹個狀態,並命好名
(3)在“收藏”面板下的矩形內填入文字“收藏”,並將空心五角星Icon放到合適的位置
(4)在“已收藏”面板下的矩形內填入文字“已收藏”,並將實心五角星Icon放到對應的位置
(5)設置動態面板的交互——鼠標單擊時
(6)完成,按F5預覽原型看看
小記1.這裏可能會有人發現我的元件列表裏並沒有“空心”五角星Icon以及“實心”五角星Icon,這是因為我用FontAwesome字體代替了它們,至於FontAwesome字體究竟是什麽,剛入門Axure的小白可以去網上搜索壹下。它的部分作用是能大大的節省文件所占內存大小以及加快原型預覽加載速度。我這個原型案例較小可能看不出效果,但是等制作壹個大型的原型時,那效果將非常地顯著。
最終效果:收藏->已收藏->以上就是關於“Axure怎樣使用動態面板制作已收藏圖標原型?”的內容分享了,希望能夠幫到妳!更多Axure精彩分享,盡在Axure相關文章!Axure因其能夠快速、高效的創建原型,備受眾多產品設計人員所使用!對於想要快速學會Axure原型設計的小夥伴,就可以選擇精選的Axure自學視頻課!不要猶豫,選擇合適的課程開始學習體驗吧~