亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠?huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
附源文件| 如何制作統(tǒng)一可復(fù)用iOS/MD元件庫
0.0°

閱讀這篇文章你可以得到哪些?

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)一性可定義某種使用場景用某種組件中的某一類。

Image title

Image title

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)建元件庫”,如下圖所示:

Image title


2. 選擇了“創(chuàng)建元件庫”后,就會(huì)彈出一個(gè)界面,你需要選擇一下元件庫的保存路徑。注意元件庫的格式為:rplib

Image title


3. 在元件庫創(chuàng)建頁面中,操作跟平時(shí)使用Axure沒什么區(qū)別,一個(gè)頁面就是一種類型的元件,不要把所有元件都創(chuàng)建在一個(gè)頁面里。

Image title


4.制作一套元整的MD和iOS元件庫,需要熟知MD和iOS設(shè)計(jì)規(guī)范,然后綜合設(shè)計(jì)經(jīng)驗(yàn)來制作一套全面和可復(fù)用的元件。以下為元件庫的部分內(nèi)容:

MD的菜單(Menu)

Image title

MD的底部動(dòng)作條(bottom sheets)和iOS的操作列表(action sheet)

Image title

Image title


iOS 的toast和MD的snackbar

Image title

Image title

iOS 的搜索欄和MD的搜索欄

Image title

Image title

ios版本的導(dǎo)航欄和Android的導(dǎo)航欄

Image title

Image title

ios版本的對話框和安卓版的對話框

Image title


Image title

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ī)范的兩種組件的用法等。







更新:2017-11-10

收藏

323人已收藏

UEDC

歡迎大家關(guān)注交流

  • 7

    作品

  • 301

    粉絲

  • 19

    關(guān)注

  • APP設(shè)計(jì)中,6組常見組件的區(qū)別與用法
  • 以手機(jī)淘寶為例,看原型圖易缺失的交互場景
  • 我在ITUX做交互設(shè)計(jì)的經(jīng)驗(yàn)感悟
  • 案例講解 | 移動(dòng)端的長表單應(yīng)該如何設(shè)計(jì)?

    猜你喜歡

      附源文件| 如何制作統(tǒng)一可復(fù)用iOS/MD元件庫

      0.0°

      你確定要舉報(bào)附源文件| 如何制作統(tǒng)一可復(fù)用iOS/MD元件庫?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2017年11月09日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      355
      323
      10

      賬號(hào)或密碼錯(cuò)誤,請重新輸入

      賬號(hào)或密碼錯(cuò)誤,請重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄