產(chǎn)品小白不迷路02:這樣使用Axure效率更高(1)

0 評論 601 瀏覽 5 收藏 6 分鐘

在產(chǎn)品經(jīng)理的日常工作中,畫原型是必然要經(jīng)歷的環(huán)節(jié)之一,其中,Axure就是比較常見的一款用來畫原型的工具了。如何使用這款工具呢?本文分享了一些技巧,一起來看一下。

工欲善其事必先利其器,很多產(chǎn)品日常中都需要畫原型來演示項目或者表達需求的實現(xiàn)效果,而Axure是比較常見的一款用來畫原型的工具,上手也不難,今天給大家分享幾個高效的使用Axure畫原型的技巧。

當前截圖是基于Axure RP 9的版本。

一、防范于未然,設(shè)置默認備份間隔

為避免我們勤勤懇懇畫了半天的圖,因為一些不可控的突發(fā)情況,例如系統(tǒng)崩潰、軟件報錯等,導致從零開始,我們可以設(shè)置文件自動備份時間,設(shè)置后,可通過【文件-從備份中恢復】找到各時間段備份的版本。

二、整合母版

Axure中的母版概念可以理解為原型頁面設(shè)計中的一個模板或模板的一部分,主要用于存儲和復用頁面元素。

每次的項目需求在清晰需求范圍和內(nèi)容后,需要評估涉及到哪些頁面,這時就可以將重復出現(xiàn)的元素做成母版,快速搭建原型頁面。

例如:頁面的尺寸背景、頭部信息欄、尾部信息欄、導航欄等固定出現(xiàn)且每個頁面信息一致。將這些元素做成母版,當需要修改時,不需要單個頁面一個一個調(diào)整,不僅快速還不會遺漏。使用時只需要直接從母版中拖到畫板即可使用。

這里建議母版盡量是可組合化的,例如不要將頭部信息欄和尾部信息欄放在同一個母版中,這樣會導致頁面的高度一樣,當頁面中的信息展示不一樣時,母版反而成為了阻礙。

另外,實際工作中,肯定存在同個母版不同交互,這時可以“點擊鼠標右鍵->脫離母版”,頁面中的母版組件可以獨立編輯,然后對這個元件單獨操作,其編輯內(nèi)容不會影響其他使用該母版的頁面。

三、建立屬于自己的組件庫

工作中,不同公司、不同產(chǎn)品的設(shè)計規(guī)范、UI規(guī)范都不一樣,我們可以整理好屬于自己負責的產(chǎn)品的組件庫,可以快速的出保真度高的原型。建議PC端、移動端各備一套,這里可以參考一下這幾中類行來收集組件:

1. 信息輸入類

各種按鈕狀態(tài)(默認、選中、失效、主/次按鈕、文字按鈕、下拉按鈕)、圖片選擇效果、時間日期控件、穿梭框、輸入框、地址控件。

2. 溝通提示類

輕提示、對話彈窗、下拉菜單、加載、狀態(tài)提示欄(警告、提示、成功/失敗、說明)。

3. 導航類

開關(guān)、樹狀導航、分頁、標簽、步驟條。

4. 信息顯示類

列表(表單、帶tab、空狀態(tài)等)、各種詳情頁。

5. 特殊

登錄、注冊、移動端背景。

四、統(tǒng)一每個使用端的原型頁面尺寸

使用剛剛說的母版或組件,快速建立一套統(tǒng)一的頁面尺寸,可以讓整個原型看上去更統(tǒng)一、更專業(yè)、更美觀。

目前兼容性使用較多的尺寸:

web 原型大?。?440×900/1920×1080

移動端 原型尺寸:750×1334

五、總結(jié)

Axuer是產(chǎn)品工作中一個協(xié)助我們完成工作的工具之一,其目的是為了更好的表述產(chǎn)品的設(shè)計思路和呈現(xiàn)效果。只要能滿足這個目的,就不要在保真度上花費過多的時間,為保真而保真,產(chǎn)品需要保證的是最終落地的效果能滿足我們的需求。

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

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

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!