產(chǎn)品必會(huì)的6個(gè)Axure使用技巧

7 評(píng)論 5659 瀏覽 44 收藏 7 分鐘

前段時(shí)間整理了《產(chǎn)品必會(huì)的30個(gè)Axure使用技巧》,最近又總結(jié)了下面6個(gè)Axure使用技巧,希望能幫助到你。

1. 事件也可以復(fù)制/剪切/粘貼

只需要選中事件,復(fù)制/剪切,再選擇其它事件,即可粘貼到這個(gè)事件上。同時(shí)支持跨頁面的復(fù)制粘貼。

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

2. Axure支持復(fù)制粘貼Excel里的表格

具體操作

在excel里復(fù)制具體內(nèi)容,如下圖:

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

進(jìn)入axure,Ctrl+V,粘貼后,會(huì)出現(xiàn)提示,如下圖:

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

點(diǎn)擊“是”,粘貼成可編輯的表格,如下圖:

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

由于文字過多,出現(xiàn)折行、重疊現(xiàn)象。不要著急,將鼠標(biāo)放在表格的周邊的小方格上(如下圖),鼠標(biāo)變成擴(kuò)展樣式后,隨便拖動(dòng)一下,表格就會(huì)自動(dòng)調(diào)整為合適的表格大小。

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

自動(dòng)調(diào)整效果如下圖:

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

注意:目前axure里的表格僅支持文字復(fù)制,還不支持樣式復(fù)制。如果強(qiáng)調(diào)表格的樣式,可以將表格粘貼成圖片。

3. 如果想實(shí)現(xiàn)灰底,達(dá)到突出彈窗的目的

如下圖效果:

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

有兩種方式:

  1. 加個(gè)灰底樣式元件,與彈窗一起顯示。多個(gè)元件會(huì)影響效率,不推薦。
  2. 使用“燈箱效果”。

具體操作:在設(shè)置顯示時(shí),更多選項(xiàng)選擇“燈箱效果”,背景色選擇黑色,不透明度設(shè)置成50%。在設(shè)置顯示時(shí),推薦勾選“置于頂層”。

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

4. 對(duì)于Axure8,如何實(shí)現(xiàn)“偽黑暗模式”

Axure9已經(jīng)實(shí)現(xiàn)黑暗模式,喜歡這種模式的同學(xué)可以體驗(yàn)一下。

具體操作

點(diǎn)擊:項(xiàng)目-頁面樣式編輯,進(jìn)入到頁面樣式編輯模式。

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

選擇背景顏色,將背景顏色設(shè)成黑色/灰色,點(diǎn)擊確定即可,我一般設(shè)成色號(hào):333333。(剛畢業(yè)找工作時(shí),某大廠產(chǎn)品面試官告訴我,我的簡(jiǎn)歷并不符合要求,但他還是要面試一下我,因?yàn)樗灿袑㈨撁姹尘霸O(shè)置成黑色的習(xí)慣,哈哈哈。)

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

5. 快速返回上一頁

如果你在畫原型時(shí),涉及到頁面間的跳轉(zhuǎn),想直接返回上一頁,具體操作:進(jìn)入用例編輯頁面,點(diǎn)擊“打開鏈接”,選擇下方的“返回上一頁”就可以了。

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

6. 熱區(qū)的使用

熱區(qū)的好處:你可以對(duì)它添加各種事件,預(yù)覽時(shí)還看不到它。

6.1 幫助多個(gè)元件實(shí)現(xiàn)相同效果

如彈窗,你可以點(diǎn)擊“取消”關(guān)閉彈窗,也可以點(diǎn)擊“X”關(guān)閉彈窗??梢允褂脽釁^(qū),一個(gè)熱區(qū)設(shè)置成關(guān)閉彈窗事件,接著復(fù)制這個(gè)熱區(qū)、分別放在對(duì)應(yīng)的元件上,預(yù)覽時(shí)都能達(dá)到關(guān)閉彈窗效果。

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

6.2 用熱區(qū)規(guī)范間距

因?yàn)闊釁^(qū)演示時(shí)不可見,所以畫原型時(shí)可以用熱區(qū)規(guī)范間距。Antdesign規(guī)定的間距為8px的倍數(shù),如8px、16px、32px、64px等,具體的間距可以根據(jù)自己或者團(tuán)隊(duì)的規(guī)范來設(shè)計(jì)。

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

6.3 在頁面底部添加熱區(qū),預(yù)覽時(shí)與頁面底部一定距離,可以提高瀏覽時(shí)的易讀性

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

放了個(gè)熱區(qū)后:

產(chǎn)品必會(huì)的Axure使用技巧(第二彈-附下載)

總結(jié)

Axure是產(chǎn)品經(jīng)理的利器,目前我的使用總結(jié)里,還沒有難度相對(duì)較大的函數(shù)和中繼器等內(nèi)容,僅僅是圍繞簡(jiǎn)單易學(xué)的小技巧。關(guān)于函數(shù)變量、中繼器那部分,我之后會(huì)盡量通過簡(jiǎn)單化的形式總結(jié)出來。

在原型設(shè)計(jì)中,一定不要陷入“摳細(xì)節(jié)”的怪圈里,否則會(huì)極大的消耗時(shí)間。原型的作用就是準(zhǔn)確地表達(dá)出產(chǎn)品的需求,讓各方通過原型來快速了解產(chǎn)品的功能。我們絕不能為了高保真而做高保真,梳理出產(chǎn)品的邏輯,深入理解產(chǎn)品業(yè)務(wù)才是最重要的。

 

本文由 @王帥帥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 突出彈窗、和復(fù)制excel列表寫的特別好,非常方便

    來自北京 回復(fù)
  2. 熱區(qū)占的那部分,放邊框透明的正方形可以嗎?這個(gè)沒看懂

    來自北京 回復(fù)
    1. 熱區(qū)在預(yù)覽時(shí)不會(huì)顯示出來,在畫原型時(shí)可以直接看出來;用透明的圖形也是可以達(dá)到同樣的效果,能實(shí)現(xiàn)自己想要的效果就行,不過還是推薦熱區(qū)

      來自北京 回復(fù)
    2. 哦哦。我是經(jīng)常用透明的,導(dǎo)致自己都找不到,??

      來自北京 回復(fù)
  3. 產(chǎn)品經(jīng)理在使用axure繪制原型時(shí) 應(yīng)該是以最終的效果為重,還是以axure的實(shí)現(xiàn)邏輯為重呢

    回復(fù)
    1. 最終效果

      來自浙江 回復(fù)
  4. 來自廣西 回復(fù)