Axure怎么使用熱區? axure熱區的使用方法

Axure怎么使用熱區?Axure設計原型的時候,熱區不是很常用,但是我們也需要了解一下,下面我們就來看看axure熱區的使用方法,需要的朋友可以參考下。

Axure中有很多功能不是很常用,今天我們就來介紹Axure中熱區的使用方法。文章源自四五設計網-http://www.133122.cn/37115.html

1、熱區鄙人暫時還沒有太深入研究,但是還是感覺有些有點,比如圖例中,并排橫向有三個名片,若是要求點擊郵箱,進入聯系頁面(鏈接跳轉),那么熱區就能較好的減少工作量。文章源自四五設計網-http://www.133122.cn/37115.html

Axure怎么使用熱區? axure熱區的使用方法-1文章源自四五設計網-http://www.133122.cn/37115.html

2、將一個熱區拉長,長度足夠覆蓋三個名片中的郵箱長度即可文章源自四五設計網-http://www.133122.cn/37115.html

Axure怎么使用熱區? axure熱區的使用方法-2文章源自四五設計網-http://www.133122.cn/37115.html

3、對熱區添加點擊跳轉事件文章源自四五設計網-http://www.133122.cn/37115.html

Axure怎么使用熱區? axure熱區的使用方法-3文章源自四五設計網-http://www.133122.cn/37115.html

4、此時運行頁面,可發現鼠標移入后,三個郵箱同時可以點擊,點擊后均可觸發點擊事件,跳轉至指定頁面文章源自四五設計網-http://www.133122.cn/37115.html

Axure怎么使用熱區? axure熱區的使用方法-4文章源自四五設計網-http://www.133122.cn/37115.html

5、當然,除了應用熱區外,我們直接在指定的文字上添加點擊跳轉事件,也是可以的,但是若是文本過多,不斷的復制也蠻麻煩的,相比之下反倒是應用熱區+中繼器來實現重復性較多的工作,速度更快些。文章源自四五設計網-http://www.133122.cn/37115.html

Axure怎么使用熱區? axure熱區的使用方法-5

6、當然,熱區的使用也是各有利弊的,首先,熱區在默認情況下是透明的,使用與否并不影響頁面的美觀程度,而且在原型文件中一般都是置頂的,修改起來也方便,但是它的缺點也挺明顯的,若熱區過大,它所包含的每一個區域都可以出發已經添加的事件,以上圖為例,點擊名片間的空白處,只要是處于熱區范圍內的地方,均能導致跳轉事件的發生。

Axure怎么使用熱區? axure熱區的使用方法-6

以上就是Axure中熱區的使用方法,希望大家喜歡。

我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號
 
  • 本文由 四五設計網小助手 發表于 2023年12月5日09:56:03
  • 轉載請務必保留本文鏈接:http://www.133122.cn/37115.html

發表評論

匿名網友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖動滑塊以完成驗證