Axure部件庫 | 部件庫來源與自制部件庫

1 評論 18822 瀏覽 139 收藏 6 分鐘

Axure因其易操作和擴展性,已成為國內絕大數產品經理必備的需求整理工具。通過簡單的線框和部件拖拽就可以快速的產出產品原型圖,極大地降低了溝通成本,提升了整個開發效率,是件很有意思的事兒。本期就Axure 部件庫,談談Axure部件庫的來源與制作方法。

Axure部件庫的來源

Axure部件庫有以下三種來源。

Axure 軟件自帶的部件庫,如下圖所示:

通過搜索引擎,搜索到第三方部件庫網絡資源。下載并導入到library文件夾的部件庫。(具體導入方法,私密度娘)

網絡部件庫

通過Axure、或者圖形編輯軟件自制的部件庫。

自制部件庫

各部件庫來源的利弊分析

  • Axure自帶的部件庫羅列的是最常用的幾種圖形,如矩形,直線等,可擴展性比較強,但是要想滿足web、客戶端、移動端多線產品策劃的需要,還需要比較頻繁復雜的處理和轉換。
  • 搜索引擎搜索的網絡資源很豐富,多種多樣,但是多以圖形為主沒法變換顏色和形狀,沒法靈活地與當前設計的原型文檔保持一致的風格,與線框圖極致簡約的宗旨背道而馳。
  • 自制部件庫,可靈活地自制所需的部件庫,并且顏色形狀可以任意自定義,快速適配任意原型的風格。但是制作成本比較高,需要花費一定的時間積累。

如果您是一個如我一般追求完美,死摳細節的糾結體,請繼續往下看!如過您是大大咧咧漢子可以忽略以下內容,采用第二種方案!

我的原型圖,不容許復制粘貼,只能手繪和原創!

剛入行的時候,進入了一個產品經理的交流群,里面很多的牛人高手在里面思想碰撞,當然也有些大牛拿出自己的作品分享,其中一個牛人(對不起我記不清名字叫什么了)公布了,他從入行到如今,五年的產品原型風格變化歷程。具體的截圖我找了N久也沒找到,記錄過期了。

簡單描述,剛開始他的原型組成部分是Axure自帶部件+網絡搜索部件+圖片復制粘貼。后期他的原型組成部分是Axure自帶部件+自制部件。兩種風格有何區別呢,前者給人的感覺很雜,五顏六色,不夠專業,后者給人的感覺很簡約,渾然一體的藝術品。

從那以后我就堅定了手繪部件庫絕不復制粘貼的目標,并且一直是這么做的。下面就如何使用Axure自制部件庫,通過幾個例子簡單說明一下,如有不妥之處,朋友們莫見怪。

步驟一、尋找常用的部件樣板

什么是部件樣板,就是那些你在使用app或者pc產品過程中,讓你眼前一亮的部件,用QQ截圖截下來保存在電腦桌面,以微信聊天界面為例,我很喜歡右上角管理員頭像,也喜歡發表情的那個笑臉圖標,所以我把這個界面保存下來,作為制作模板。

微信

步驟二、參照模板,分解部件。

點擊部件庫區域,創建部件庫按鈕。上面的人物頭像我們可以分解成原型+半圓形+矩形,笑臉圖標可以分解成,三個圓形+一個半圓形。如下圖所示:

管理員

管理員圖標分解

笑臉

笑臉圖標分解

利用最基本的矩形,通過右鍵變化圖形產生基本的元素。

步驟三、元素組裝和拼接

將分解的元素組裝起來,如果遇到需要隱藏的部分可以通過白色矩形或者白色直線進行遮掩即可。如圖所示:

管理員2

笑臉額

好了,大功告成!如有任何疑問,可與我交流溝通。

本文由 @小蘑菇(微信公眾號:糗事一百) 原創發布于人人都是產品經理?,未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 很詳細很棒,眼前一亮!

    來自廣東 回復