Axure教程:這幾個小技巧你一定要知道
編輯導讀:Axure是產(chǎn)品經(jīng)理在工作中最常用到的軟件之一,盡管它的使用范圍非常廣泛,但是有一些小技巧很多人并不知道。本文作者總結(jié)了Axure在使用中的一些小技巧,與你分享。
一、Axure制作頁面,當頁面需要滾動時可以不出現(xiàn)滾動條嗎?
我們有時候做一個頁面很長,一屏或者一個模塊顯示不完全,現(xiàn)在很多設(shè)計為了界面更簡潔舒適不提供分頁,那怎么辦呢?就要做成滾動頁,但是滾動條在有的地方出現(xiàn)影響美觀,例如下方表格需要滾動。
1. 軟件界面
2. 效果展示
我們看到會有一個滾動條
怎么隱藏滾動條?
【方法:動態(tài)面板里再套一層,外層不滾動,內(nèi)層滾動(注: 內(nèi)層是拖到狀態(tài)里), 再將所有東西移入內(nèi)層動態(tài)面板, 最后外層動態(tài)面板縮小, 遮擋滾動條(注:內(nèi)層寬度要拉大點)】
軟件界面:
效果展示:滾動條消失
注:隱藏滾動條可以出現(xiàn)在很多地方,例如:
- 手機端常見購物APP商品瀏覽無限滾動
- 電腦端現(xiàn)在很多企業(yè)網(wǎng)站新聞頁面也拋棄了分頁,因為本身網(wǎng)站新聞不多
二、Axure鼠標移入變小手
我們知道,給文字或圖片添加鏈接時會出現(xiàn)小手,但是我們做原型不是每個都會做鏈接,也不是所有都需要點擊,比如鼠標移入效果,移入狀態(tài)改變同時出現(xiàn)提示,這時候根本沒有鏈接,但是這種情況下我們希望是個小手,因為存在交互,小手比鼠標箭頭更適合。
但是,Axure中給元件添加鼠標移入效果時并不會變成小手,我又不想它被點擊,那怎么辦呢?
解決:添加一個空的單擊事件
1. 軟件界面
三、Axure制作打開頁面頂部加載動效
插入矩形設(shè)置尺寸:40*3(根據(jù)實際頁面定),設(shè)置圓角
1. 交互
首先選中矩形,右鍵“設(shè)為隱藏”,設(shè)置后如下圖:
然后設(shè)置交互:
載入時顯示當前并且至于頂層,因為這個加載一般是在頁面上的,不是獨立的
然后設(shè)置尺寸,高不變,寬根據(jù)頁面尺寸定,線性
等待1000ms
再隱藏當前
本文由 @設(shè)計的產(chǎn)品 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
- 目前還沒評論,等你發(fā)揮!