提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠?huì)在第一時(shí)間與您聯(lián)系!
閱讀這篇文章你可以得到哪些?
1.iOS和Material Design(簡稱MD)元件庫下載
2.通過源文件學(xué)習(xí)iOS和MD兩大設(shè)計(jì)規(guī)范的組件控件體系
3.如何通過Axure元件庫提高效率
文章大綱:
1.統(tǒng)一可復(fù)用元件庫價(jià)值
2.iOS和MD元件庫使用范圍及下載地址
3.如何制作統(tǒng)一可復(fù)用的Axure元件庫
4.如何使用統(tǒng)一可復(fù)用的Axure元件庫
5.通過源文件,學(xué)習(xí)iOS和MD兩大設(shè)計(jì)規(guī)范的組件控件體系
1.統(tǒng)一可復(fù)用元件庫價(jià)值
a.統(tǒng)一產(chǎn)品的用戶體驗(yàn):涉及到多個(gè)交互設(shè)計(jì)師/PM協(xié)同時(shí),如果各個(gè)交互設(shè)計(jì)師/PM沒有使用統(tǒng)一的元件時(shí),會(huì)出現(xiàn)同一種類型不同的組件設(shè)計(jì)。視覺設(shè)計(jì)師最終沒有強(qiáng)行統(tǒng)一,那么實(shí)現(xiàn)稿就會(huì)出現(xiàn)各個(gè)各樣相似的組件。
b.提升工作效率:有了統(tǒng)一的axure元件庫,交互設(shè)計(jì)師/PM可以快速根據(jù)元件庫搭建界面,從整體的產(chǎn)品設(shè)計(jì)到開發(fā)流程環(huán)節(jié)提升效率,避免重新性工作。
c.提升設(shè)計(jì)綜合能力:由于減少了做組件重復(fù)性勞動(dòng),交互設(shè)計(jì)師/PM 可以將更多時(shí)間和精力放在討論業(yè)務(wù)、設(shè)計(jì)方法、設(shè)計(jì)思維、定義產(chǎn)品等綜合能力方面。從而驅(qū)動(dòng)業(yè)務(wù)產(chǎn)品創(chuàng)新。
2.iOS和MD元件庫使用范圍及下載地址
作者制作的元件庫基本包含了兩個(gè)系統(tǒng)的所有常用組件控件,適用于移動(dòng)端絕大部分設(shè)計(jì)場景。同時(shí)所有元件都可再修改,方便大家使用。
由于我制作的元件庫是將一個(gè)組件多種類型全部羅列出來(保證組件的全面完整性),設(shè)計(jì)團(tuán)隊(duì)為了統(tǒng)一性可定義某種使用場景用某種組件中的某一類。
1.百度網(wǎng)盤:https://pan.baidu.com/s/1jIACRHW ? ?提取碼 8des
2.微云:https://share.weiyun.com/f8bad9b61f5b042bc2820da6f173020c? ? 提取碼 4UnbpN
3.如何制作移動(dòng)端統(tǒng)一可復(fù)用的axure元件庫
1.打開Axure軟件,在元件庫面板中,點(diǎn)擊快捷菜單按鈕,選擇“創(chuàng)建元件庫”,如下圖所示:
2. 選擇了“創(chuàng)建元件庫”后,就會(huì)彈出一個(gè)界面,你需要選擇一下元件庫的保存路徑。注意元件庫的格式為:rplib
3. 在元件庫創(chuàng)建頁面中,操作跟平時(shí)使用Axure沒什么區(qū)別,一個(gè)頁面就是一種類型的元件,不要把所有元件都創(chuàng)建在一個(gè)頁面里。
4.制作一套元整的MD和iOS元件庫,需要熟知MD和iOS設(shè)計(jì)規(guī)范,然后綜合設(shè)計(jì)經(jīng)驗(yàn)來制作一套全面和可復(fù)用的元件。以下為元件庫的部分內(nèi)容:
MD的菜單(Menu)
MD的底部動(dòng)作條(bottom sheets)和iOS的操作列表(action sheet)
iOS 的toast和MD的snackbar
iOS 的搜索欄和MD的搜索欄
ios版本的導(dǎo)航欄和Android的導(dǎo)航欄
ios版本的對話框和安卓版的對話框
4.如何使用統(tǒng)一可復(fù)用的Axure元件
打開Axure軟件,在元件庫面板中,點(diǎn)擊快捷菜單按鈕,選擇“載入元件庫”,選擇對應(yīng)的元件庫即可。
5.通過源文件,學(xué)習(xí)iOS和MD兩大設(shè)計(jì)規(guī)范的組件控件體系
通過iOS和MD的元件庫的源文件的站點(diǎn)地圖,即可掌握兩大系統(tǒng)的組件控件目錄體系,查看每個(gè)組件控件樣式可快速掌握兩大設(shè)計(jì)規(guī)范的組件控件使用方法。
例如查看源文件的iOS的警告對話框(alert)和MD的對話框(dialog)的組件細(xì)節(jié)可快速掌握兩大規(guī)范的兩種組件的用法等。
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊