產(chǎn)品必會的6個Axure使用技巧
前段時間整理了《產(chǎn)品必會的30個Axure使用技巧》,最近又總結(jié)了下面6個Axure使用技巧,希望能幫助到你。
1. 事件也可以復(fù)制/剪切/粘貼
只需要選中事件,復(fù)制/剪切,再選擇其它事件,即可粘貼到這個事件上。同時支持跨頁面的復(fù)制粘貼。
2. Axure支持復(fù)制粘貼Excel里的表格
具體操作
在excel里復(fù)制具體內(nèi)容,如下圖:
進(jìn)入axure,Ctrl+V,粘貼后,會出現(xiàn)提示,如下圖:
點擊“是”,粘貼成可編輯的表格,如下圖:
由于文字過多,出現(xiàn)折行、重疊現(xiàn)象。不要著急,將鼠標(biāo)放在表格的周邊的小方格上(如下圖),鼠標(biāo)變成擴(kuò)展樣式后,隨便拖動一下,表格就會自動調(diào)整為合適的表格大小。
自動調(diào)整效果如下圖:
注意:目前axure里的表格僅支持文字復(fù)制,還不支持樣式復(fù)制。如果強調(diào)表格的樣式,可以將表格粘貼成圖片。
3. 如果想實現(xiàn)灰底,達(dá)到突出彈窗的目的
如下圖效果:
有兩種方式:
- 加個灰底樣式元件,與彈窗一起顯示。多個元件會影響效率,不推薦。
- 使用“燈箱效果”。
具體操作:在設(shè)置顯示時,更多選項選擇“燈箱效果”,背景色選擇黑色,不透明度設(shè)置成50%。在設(shè)置顯示時,推薦勾選“置于頂層”。
4. 對于Axure8,如何實現(xiàn)“偽黑暗模式”
Axure9已經(jīng)實現(xiàn)黑暗模式,喜歡這種模式的同學(xué)可以體驗一下。
具體操作
點擊:項目-頁面樣式編輯,進(jìn)入到頁面樣式編輯模式。
選擇背景顏色,將背景顏色設(shè)成黑色/灰色,點擊確定即可,我一般設(shè)成色號:333333。(剛畢業(yè)找工作時,某大廠產(chǎn)品面試官告訴我,我的簡歷并不符合要求,但他還是要面試一下我,因為他也有將頁面背景設(shè)置成黑色的習(xí)慣,哈哈哈。)
5. 快速返回上一頁
如果你在畫原型時,涉及到頁面間的跳轉(zhuǎn),想直接返回上一頁,具體操作:進(jìn)入用例編輯頁面,點擊“打開鏈接”,選擇下方的“返回上一頁”就可以了。
6. 熱區(qū)的使用
熱區(qū)的好處:你可以對它添加各種事件,預(yù)覽時還看不到它。
6.1 幫助多個元件實現(xiàn)相同效果
如彈窗,你可以點擊“取消”關(guān)閉彈窗,也可以點擊“X”關(guān)閉彈窗??梢允褂脽釁^(qū),一個熱區(qū)設(shè)置成關(guān)閉彈窗事件,接著復(fù)制這個熱區(qū)、分別放在對應(yīng)的元件上,預(yù)覽時都能達(dá)到關(guān)閉彈窗效果。
6.2 用熱區(qū)規(guī)范間距
因為熱區(qū)演示時不可見,所以畫原型時可以用熱區(qū)規(guī)范間距。Antdesign規(guī)定的間距為8px的倍數(shù),如8px、16px、32px、64px等,具體的間距可以根據(jù)自己或者團(tuán)隊的規(guī)范來設(shè)計。
6.3 在頁面底部添加熱區(qū),預(yù)覽時與頁面底部一定距離,可以提高瀏覽時的易讀性
放了個熱區(qū)后:
總結(jié)
Axure是產(chǎn)品經(jīng)理的利器,目前我的使用總結(jié)里,還沒有難度相對較大的函數(shù)和中繼器等內(nèi)容,僅僅是圍繞簡單易學(xué)的小技巧。關(guān)于函數(shù)變量、中繼器那部分,我之后會盡量通過簡單化的形式總結(jié)出來。
在原型設(shè)計中,一定不要陷入“摳細(xì)節(jié)”的怪圈里,否則會極大的消耗時間。原型的作用就是準(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é)議
突出彈窗、和復(fù)制excel列表寫的特別好,非常方便
熱區(qū)占的那部分,放邊框透明的正方形可以嗎?這個沒看懂
熱區(qū)在預(yù)覽時不會顯示出來,在畫原型時可以直接看出來;用透明的圖形也是可以達(dá)到同樣的效果,能實現(xiàn)自己想要的效果就行,不過還是推薦熱區(qū)
哦哦。我是經(jīng)常用透明的,導(dǎo)致自己都找不到,??
產(chǎn)品經(jīng)理在使用axure繪制原型時 應(yīng)該是以最終的效果為重,還是以axure的實現(xiàn)邏輯為重呢
最終效果
頂