在現階段的互聯(lián)網產品的設計過程中,我們經常會提到一個詞“敏捷迭代(開發(fā))”,簡而言之就是小步快跑策略弟头。產品的敏捷開發(fā)踊跟,落實到交互設計中就是要在較短的時間內完成設計稿踩验,這就牽涉到設計師的效率問題。
對于設計師效率的提升商玫,有很多方面箕憾,如工作經驗、素材積累拳昌,當然還有可(Yao)愛(Si)的加班了袭异。在素材的積累方面,視覺設計師的素材主要是UI Kit炬藤,和前期版本的視覺稿御铃;而對于交互設計師來說,則是可復用控件沈矿,主要包括控件上真、ICON、注釋元件三部分细睡,它們統(tǒng)一的名稱叫Axure RP元件庫谷羞。
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)建元件庫果覆,選擇自制元件庫的保存路徑并命名;
二殖熟、雙擊頁面面板中的頁面新建第一個元件随静,可以將事先做好的ICON或者組件放到頁面的左上角,并為頁面修改好名稱;
同上建立多個控件頁面燎猛,每個頁面只保留一個元件或一個(類)組件。
三照皆、對新建的控件頁面進行分組重绷,點擊頁面面板的新建文件夾按鈕,為新建的文件夾進行分類命名膜毁,并將控件頁面分別拖到相應的文件夾下面昭卓。
接著,Ctrl+S保存瘟滨,這樣就完成了自制元件庫雛形的建立候醒。
四、回到任一個Axure頁面中杂瘸,點擊元件庫面板中的刷新元件庫按鈕倒淫,就可以在元件庫面板中查看到自制元件庫。
其中败玉,新建分組會作為不同類型的控件的分類顯示敌土,分類與控件的顯示順序依據新建的控件頁面的順序進行展示。若要調整顯示順序运翼,只需在自制元件庫中調整相應的順序返干,并保存在Axure中刷新即可。
新建的控件血淌,可以包含相應的懸浮矩欠、點擊等效果,同時悠夯,控件中動態(tài)面板也可以得到保留癌淮。
Axure自制元件庫添加與修改
在Axure的頁面面板中,選中自制元件庫疗疟,點擊菜單下的的編輯元件庫按鈕该默,進入自制元件庫的編輯頁面。
元件庫可以進行修改策彤、添加栓袖、刪除、調整順序等店诗,其操作方式與Axure的操作一致裹刮。注意:如果要刪除某個控件需要刪除控件頁面,而不是刪除控件頁面中的元素庞瘸。
Axure自制元件庫應用
Axure元件庫的應用相對來說比較簡單捧弃,與自帶的元件庫的應用方式一致,直接拖到相應的操作區(qū)域即可。
這種制作元件庫的方法违霞,有較多優(yōu)勢:
第一嘴办,簡潔的可視化編輯方式,比較適合交互設計師使用买鸽;
第二涧郊,元件庫中的控件能夠保留相應的元素特性,包括眼五,動效妆艘、跳轉等,能夠復用到目標文檔中看幼;
第三批旺,容錯性好,控件能夠在文檔中進行編輯诵姜,以適用不同的頁面場景汽煮;
第四,元件庫的修改能夠隨時進行茅诱,不需要統(tǒng)一整理逗物,能夠在項目中進行積累;
第五瑟俭,協(xié)作性好翎卓,能夠將元件庫傳遞給其他設計師,便于項目中的協(xié)作摆寄,保證頁面控件的一致性失暴。
可復用控件不僅能夠在產品后期改版以及版本迭代過程中,減少相應ICON微饥、組件等的制作時間逗扒,提高交互稿的制作效率,而且也是交互設計師的功底與經驗的體現欠橘。
看完之后矩肩,是不是覺得制作自己的Axure元件庫很有必要而且簡單。那就趕快開始自己第一個元件庫的制作吧肃续!