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