03.05 產品必會的6個Axure使用技巧

前段時間整理了《產品必會的30個Axure使用技巧》,最近又總結了下面6個Axure使用技巧,希望能幫助到你。

产品必会的6个Axure使用技巧

1. 事件也可以複製/剪切/粘貼

只需要選中事件,複製/剪切,再選擇其它事件,即可粘貼到這個事件上。同時支持跨頁面的複製粘貼。

产品必会的6个Axure使用技巧

2. Axure支持複製粘貼Excel裡的表格

具體操作

在excel裡複製具體內容,如下圖:

产品必会的6个Axure使用技巧

進入axure,Ctrl+V,粘貼後,會出現提示,如下圖:

产品必会的6个Axure使用技巧

點擊“是”,粘貼成可編輯的表格,如下圖:

产品必会的6个Axure使用技巧

由於文字過多,出現折行、重疊現象。不要著急,將鼠標放在表格的周邊的小方格上(如下圖),鼠標變成擴展樣式後,隨便拖動一下,表格就會自動調整為合適的表格大小。

产品必会的6个Axure使用技巧

自動調整效果如下圖:

产品必会的6个Axure使用技巧

注意:目前axure裡的表格僅支持文字複製,還不支持樣式複製。如果強調錶格的樣式,可以將表格粘貼成圖片。

3. 如果想實現灰底,達到突出彈窗的目的

如下圖效果:

产品必会的6个Axure使用技巧

有兩種方式:

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

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

产品必会的6个Axure使用技巧

4. 對於Axure8,如何實現“偽黑暗模式”

Axure9已經實現黑暗模式,喜歡這種模式的同學可以體驗一下。

具體操作

點擊:項目-頁面樣式編輯,進入到頁面樣式編輯模式。

产品必会的6个Axure使用技巧

選擇背景顏色,將背景顏色設成黑色/灰色,點擊確定即可,我一般設成色號:333333。(剛畢業找工作時,某大廠產品面試官告訴我,我的簡歷並不符合要求,但他還是要面試一下我,因為他也有將頁面背景設置成黑色的習慣,哈哈哈。)

产品必会的6个Axure使用技巧

5. 快速返回上一頁

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

产品必会的6个Axure使用技巧

6. 熱區的使用

熱區的好處:你可以對它添加各種事件,預覽時還看不到它。

6.1 幫助多個元件實現相同效果

如彈窗,你可以點擊“取消”關閉彈窗,也可以點擊“X”關閉彈窗。可以使用熱區,一個熱區設置成關閉彈窗事件,接著複製這個熱區、分別放在對應的元件上,預覽時都能達到關閉彈窗效果。

产品必会的6个Axure使用技巧

6.2 用熱區規範間距

因為熱區演示時不可見,所以畫原型時可以用熱區規範間距。Antdesign規定的間距為8px的倍數,如8px、16px、32px、64px等,具體的間距可以根據自己或者團隊的規範來設計。

产品必会的6个Axure使用技巧

6.3 在頁面底部添加熱區,預覽時與頁面底部一定距離,可以提高瀏覽時的易讀性

产品必会的6个Axure使用技巧

放了個熱區後:

产品必会的6个Axure使用技巧

總結

Axure是產品經理的利器,目前我的使用總結裡,還沒有難度相對較大的函數和中繼器等內容,僅僅是圍繞簡單易學的小技巧。關於函數變量、中繼器那部分,我之後會盡量通過簡單化的形式總結出來。

在原型設計中,一定不要陷入“摳細節”的怪圈裡,否則會極大的消耗時間。原型的作用就是準確地表達出產品的需求,讓各方通過原型來快速瞭解產品的功能。我們絕不能為了高保真而做高保真,梳理出產品的邏輯,深入理解產品業務才是最重要的。

題圖來自Unsplash,基於CC0協議


分享到:


相關文章: