Axure教程:這幾個小技巧你一定要知道

0 評論 7176 瀏覽 23 收藏 4 分鐘

編輯導讀: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é)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!