Axure教程丨制作自己的Axure元件庫
接觸Axure有一點時間了,每次進行原型設計都需要載入好多個元件庫或打開之前做的原型復制元件,不僅浪費時間而且缺少規(guī)律,所以決定整理一個自己常用的Axure元件庫,以便之后做原型設計時可以快速調取??戳藥灼坛谈杏X講的有些亂,自己研究了一下元件庫的幾個功能,發(fā)現(xiàn)實際操作起來很簡單,在這給大家分享一些心得。
創(chuàng)建元件庫
打開Axure(這里用的是axure8.0),如下圖所示點擊創(chuàng)建元件庫。
保存至任意位置,起一個專屬的元件庫名(我這里叫“測試”庫)。
保存成功后會生成一個元件庫文件,到此已完成創(chuàng)建流程。
添加元件
創(chuàng)建成功后,會自動打開一個新的axure文件(如果沒有打開可以選擇該元件庫,點擊“編輯元件庫”,也會跳出新的文件),打開的新axure文件頁面與操作方式都與正常原型制作頁面相同。
創(chuàng)建元件和編輯方法也與制作原型的操作相同,在左上角創(chuàng)建元件,并給你的元件命名。
在中間設計區(qū)域,制作你要的元件,可以插入文字,可以拖入圖片,可以修改axure自帶的元件,可以直接拖入別人制作的元件(在這我隨意做了一個藍色圖形)。
制作成功后,鼠標停留在元件名稱上會出現(xiàn)元件示意圖,表示你已添加一個元件。
保存整個元件庫文件,回到axure文件,載入你剛剛創(chuàng)建的元件庫,如果已有該元件庫,此時起到刷新該元件庫的作用。
出現(xiàn)了剛剛制作的“我的元件001”元件,到此完成了元件庫的創(chuàng)建和添加。
導入其他元件庫
在設計自己的元行庫時,我們可能會添加或修改他人做好的元件,這里教大家一下如何快速的導入其他的元件庫。
選擇文件下的“從RP文件導入”選項。RP文件就是指元件庫文件。
選擇一個你想要導入的元件庫。
進入“導入向導”選擇你想要導入的元件,點擊“Next”下一步,直到完成元件導入。
導入的元件與你自己新建元件在同一個位置,現(xiàn)在你可以將他們分組整理了,我們可以導入大量的元件庫,修改元件名稱并分組,整理出適合自己的元件庫。
分享一些小心得
整個建立元件庫的操作比較簡單,在這分享幾個在整個過程中一些小心得,希望能幫助大家更好設計自己的元件庫。
創(chuàng)建不如直接編輯
個人認為,創(chuàng)建元件庫,不如直接編輯他人優(yōu)秀的元件庫。自己創(chuàng)建元件庫,然后導入其他元件庫整理,不如直接在好的元件庫中編輯,留下常用的元件,刪去不常用的元件,修改元件名稱變成可快速搜索的名稱。這樣可以大大節(jié)省歸類整理的時間。
活用復制粘貼
我喜歡Axure這個軟件,很大一部分是因為他組件的再用性,可以直接將之前做好的組件復制到新的頁面中,而且連交互方式也能一并粘貼使用。這樣大大節(jié)省了,做重復工作的時間,有些人喜歡在同一個項目中用母版來做拖拽,但是我覺得把自己常用的元件和組件保存到元件庫中反復使用,是較方便的方法。再設計自己的元件庫時,我們可以直接復制我們做好的組件為一個新的元件,然后對它們進行分類整理,再下次設計中,如果用到相同的組件,直接拖拽即可,不用再翻之前的Axure文件進行復制。
重在整理
制作自己的元件庫,最重要的還是整理。我們可能有大量的元件庫,也做個很多交互原型,但每一個人常用的元件是不同的,只有多多整理,找到自己最適用最好用的元件,才能做出最滿意的元件庫。最后,希望大家都能做出適合自己的完美的元件庫。
作者:JiLegw,微博:一個沒有夢想的筑夢者,產(chǎn)品新人,交互設計師,剛開始寫東西,歡迎各位大神提供寶貴建議。
本文由 @JiLegw 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉載。
看來是時候找個時間好好整理下元件庫了
感謝分享,雖然不是很難,但是使用元件的習慣和使用方式很值得學習