Axure教程_移動(dòng)端APP原型動(dòng)效庫2_彈框提示語1(附源文件下載地址)

3 評(píng)論 19409 瀏覽 71 收藏 4 分鐘

Axure高保真原型,移動(dòng)端APP底部導(dǎo)航搭建。移動(dòng)端高保真原型、原型動(dòng)效庫、原型元件庫,Axure元件庫、Axure元件庫、Axure原型設(shè)計(jì)。

源文件下載地址:https://pan.baidu.com/s/1qYOBATu(百度網(wǎng)盤)

原型屏幕尺寸:375*667px(iphone6/iphone6s/iphone7)

一、功能點(diǎn)

1、新建元件庫,通過元件庫反復(fù)調(diào)用提示彈框;

2、同一個(gè)提示框,在同一個(gè)界面,可以分別調(diào)取多條提示語;

3、通過提示語的類型,自動(dòng)顯示對(duì)應(yīng)的圖標(biāo)。

二、準(zhǔn)備工作

1、素材:導(dǎo)航圖標(biāo)、各個(gè)界面所需圖片,下載文件中已包含所有素材;

2、新建【index】、【登錄】、【購物車】等原型中的界面,將手機(jī)殼導(dǎo)入【index】界面;

3、新建元件庫【動(dòng)效庫】,在元件庫中拖入一個(gè)【動(dòng)態(tài)面板】(Box1,231*90px),動(dòng)態(tài)面板中拖入一個(gè)【中繼器】(Rpt_Box1,231*90px);

4、在中繼器中,在拖入一個(gè)【動(dòng)態(tài)面板】(Icon_Rpt_Box1,38*38px);拖入一個(gè)【圖片元件】(Background_Rpt_Box1,231*90px),拖入一個(gè)【文字編輯元件】(Words_Rpt_Box1,231*30px)。

三、實(shí)現(xiàn)步驟

1、創(chuàng)建元件庫,取名【動(dòng)效庫】:

2、【動(dòng)效庫】中設(shè)計(jì)提示彈框:

3、在需要的界面中調(diào)用彈框提示語:

原型在線地址:http://u.pmdaniu.com/gLB3

源文件下載地址:https://pan.baidu.com/s/1qYOBATu(百度網(wǎng)盤)

相關(guān)閱讀

第1篇:移動(dòng)端高保真原型框架搭建(附源文件下載地址)

第2篇:移動(dòng)端APP高保真原型框架搭建_底部導(dǎo)航(附源文件下載地址)

 

本文由 @亮亮?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 動(dòng)態(tài)面板顯示隱藏就可以實(shí)現(xiàn)了啊 根本沒必要弄得這么復(fù)雜..

    來自廣東 回復(fù)
  2. 就這還高保真。我就呵呵了。

    來自云南 回復(fù)
  3. 就是隱藏與顯示的功能,為什么這么復(fù)雜

    來自浙江 回復(fù)