Axure應用技巧:可復用控件庫制作實操

在現階段的互聯(lián)網產品的設計過程中,我們經常會提到一個詞“敏捷迭代(開發(fā))”,簡而言之就是小步快跑策略弟头。產品的敏捷開發(fā)踊跟,落實到交互設計中就是要在較短的時間內完成設計稿踩验,這就牽涉到設計師的效率問題。

對于設計師效率的提升商玫,有很多方面箕憾,如工作經驗、素材積累拳昌,當然還有可(Yao)愛(Si)的加班了袭异。在素材的積累方面,視覺設計師的素材主要是UI Kit炬藤,和前期版本的視覺稿御铃;而對于交互設計師來說,則是可復用控件沈矿,主要包括控件上真、ICON、注釋元件三部分细睡,它們統(tǒng)一的名稱叫Axure RP元件庫谷羞。

Axure元件庫

Axure RP中的元件庫可以載入他人制作的元件庫,也可以根據自己的需求溜徙,以及所負責的實際項目湃缎,制作出符合自己行業(yè)和產品特點的元件庫。載入他人的元件庫快捷蠢壹、方便嗓违,且比較豐富。目前图贸,Axure RP 8.0版本中蹂季,新增了默認的Icons元件庫,其數量充足疏日、全面偿洁,而且還可以根據自己的需求方便的改變顏色,相較于圖片的ICON方便很多沟优。但缺點也是顯而易見涕滋,他人的元件庫都具有普適性,或者和你的行業(yè)相差甚遠挠阁,即其包含的元件不太適合所在行業(yè)宾肺;另外一點溯饵,你不清楚所載入的元件庫有沒有所需要的元件,以及所需元件的位置锨用,這樣會花費較多的時間來尋找丰刊。

自己制作元件庫可以根據行業(yè)和產品特點篩選風格一致且適合自身產品行業(yè)特點的元件進行集合。同時增拥,也能夠清楚的知道所需原件所在的位置啄巧,節(jié)省尋找的時間。

制作元件庫可以采用Font Awesome圖標字體格式制作并載入跪者,但是其修改較為復雜棵帽。一方面,制作需要花費時間統(tǒng)一整理渣玲,統(tǒng)一載入逗概。假如你需要增加、刪除忘衍、修改一些原件逾苫,就需要重新統(tǒng)一修改、重新載入枚钓,有點類似產品的大版本迭代铅搓。另一方面,其只能制作一些ICON搀捷,不能制作可復用的組件星掰,如時間選擇器、圖標類型等嫩舟,這樣就大大減少了可復用控件的使用范圍氢烘。

基于制作迅速便捷,后期修改維護方便的原則家厌,建議大家采用元件庫中自帶的編輯工具進行制作播玖。下面,就讓我們快來看一看如何用Axure來制作自己的元件庫饭于。

Axure自制元件庫新建


一蜀踏、在Axure的元件庫面板中,選擇菜單掰吕,點擊菜單下的創(chuàng)建元件庫果覆,選擇自制元件庫的保存路徑并命名;

創(chuàng)建元件庫

二殖熟、雙擊頁面面板中的頁面新建第一個元件随静,可以將事先做好的ICON或者組件放到頁面的左上角,并為頁面修改好名稱;

新建控件頁面

同上建立多個控件頁面燎猛,每個頁面只保留一個元件或一個(類)組件。

三照皆、對新建的控件頁面進行分組重绷,點擊頁面面板的新建文件夾按鈕,為新建的文件夾進行分類命名膜毁,并將控件頁面分別拖到相應的文件夾下面昭卓。

控件頁面分組

接著,Ctrl+S保存瘟滨,這樣就完成了自制元件庫雛形的建立候醒。

四、回到任一個Axure頁面中杂瘸,點擊元件庫面板中的刷新元件庫按鈕倒淫,就可以在元件庫面板中查看到自制元件庫。

其中败玉,新建分組會作為不同類型的控件的分類顯示敌土,分類與控件的顯示順序依據新建的控件頁面的順序進行展示。若要調整顯示順序运翼,只需在自制元件庫中調整相應的順序返干,并保存在Axure中刷新即可。

顯示元件庫

新建的控件血淌,可以包含相應的懸浮矩欠、點擊等效果,同時悠夯,控件中動態(tài)面板也可以得到保留癌淮。

Axure自制元件庫添加與修改


在Axure的頁面面板中,選中自制元件庫疗疟,點擊菜單下的的編輯元件庫按鈕该默,進入自制元件庫的編輯頁面。

元件庫修改

元件庫可以進行修改策彤、添加栓袖、刪除、調整順序等店诗,其操作方式與Axure的操作一致裹刮。注意:如果要刪除某個控件需要刪除控件頁面,而不是刪除控件頁面中的元素庞瘸。

Axure自制元件庫應用


Axure元件庫的應用相對來說比較簡單捧弃,與自帶的元件庫的應用方式一致,直接拖到相應的操作區(qū)域即可。

元件庫應用

這種制作元件庫的方法违霞,有較多優(yōu)勢:

第一嘴办,簡潔的可視化編輯方式,比較適合交互設計師使用买鸽;

第二涧郊,元件庫中的控件能夠保留相應的元素特性,包括眼五,動效妆艘、跳轉等,能夠復用到目標文檔中看幼;

第三批旺,容錯性好,控件能夠在文檔中進行編輯诵姜,以適用不同的頁面場景汽煮;

第四,元件庫的修改能夠隨時進行茅诱,不需要統(tǒng)一整理逗物,能夠在項目中進行積累;

第五瑟俭,協(xié)作性好翎卓,能夠將元件庫傳遞給其他設計師,便于項目中的協(xié)作摆寄,保證頁面控件的一致性失暴。

可復用控件不僅能夠在產品后期改版以及版本迭代過程中,減少相應ICON微饥、組件等的制作時間逗扒,提高交互稿的制作效率,而且也是交互設計師的功底與經驗的體現欠橘。

看完之后矩肩,是不是覺得制作自己的Axure元件庫很有必要而且簡單。那就趕快開始自己第一個元件庫的制作吧肃续!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末黍檩,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子始锚,更是在濱河造成了極大的恐慌刽酱,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瞧捌,死亡現場離奇詭異棵里,居然都是意外死亡润文,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門殿怜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來典蝌,“玉大人,你說我怎么就攤上這事稳捆≡ǎ” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵乔夯,是天一觀的道長。 經常有香客問我款侵,道長末荐,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任新锈,我火速辦了婚禮甲脏,結果婚禮上,老公的妹妹穿的比我還像新娘妹笆。我一直安慰自己块请,他們只是感情好,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布拳缠。 她就那樣靜靜地躺著墩新,像睡著了一般。 火紅的嫁衣襯著肌膚如雪窟坐。 梳的紋絲不亂的頭發(fā)上海渊,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天,我揣著相機與錄音哲鸳,去河邊找鬼臣疑。 笑死,一個胖子當著我的面吹牛徙菠,可吹牛的內容都是我干的讯沈。 我是一名探鬼主播,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼婿奔,長吁一口氣:“原來是場噩夢啊……” “哼缺狠!你這毒婦竟也來了?” 一聲冷哼從身側響起脸秽,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤儒老,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后记餐,有當地人在樹林里發(fā)現了一具尸體驮樊,經...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了囚衔。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挖腰。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖练湿,靈堂內的尸體忽然破棺而出猴仑,到底是詐尸還是另有隱情,我是刑警寧澤肥哎,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布辽俗,位于F島的核電站,受9級特大地震影響篡诽,放射性物質發(fā)生泄漏崖飘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一杈女、第九天 我趴在偏房一處隱蔽的房頂上張望朱浴。 院中可真熱鬧,春花似錦达椰、人聲如沸翰蠢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽梁沧。三九已至,卻和暖如春呈枉,著一層夾襖步出監(jiān)牢的瞬間趁尼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工猖辫, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留酥泞,地道東北人。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓啃憎,卻偏偏與公主長得像芝囤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辛萍,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內容