很多人都離不開手機(jī)，這其中重要的原因就是手機(jī)中的APP功能越來(lái)越強(qiáng)大 。使很多人對(duì)其產(chǎn)生了依賴 。APP的廣泛使用使很多人都想開發(fā)自己的app 。那么如何快速制作App首頁(yè)原型呢？
一、創(chuàng)建應(yīng)用
首先打開制作軟件，新建一個(gè)應(yīng)用，選擇應(yīng)用類型，輸入應(yīng)用名稱，設(shè)備類型和應(yīng)用尺寸，點(diǎn)擊創(chuàng)建按鈕，完成應(yīng)用創(chuàng)建 。
二、制作底部導(dǎo)航欄
新建應(yīng)用的標(biāo)題欄會(huì)自動(dòng)顯示應(yīng)用的名稱 ， 標(biāo)題欄文字可以自行修改 。
制作里布導(dǎo)航欄 ， 從左側(cè)“組件”欄目中找到底部組件，拖入應(yīng)用之中，大小和樣式可以自行修改，然后拖入三個(gè)導(dǎo)航標(biāo)簽 ， 修改標(biāo)簽的位置和名稱，至此完成底部導(dǎo)航欄的制作 。
三、制作原型頁(yè)面
然后我們開始簡(jiǎn)單的制作下的首頁(yè)原型，在左側(cè)的“組件”欄目中找到搜索組件 ， 拖入App首頁(yè)中 ， 在“母版”欄目中找到輪播圖模版，拖入應(yīng)用之中 。然后回到“組件”欄目，為首頁(yè)插入圖片和文字 。圖片調(diào)節(jié)在右邊的設(shè)置欄 ， 然后用鼠標(biāo)調(diào)節(jié)大小這樣會(huì)比較方便 。文字的調(diào)節(jié)在左邊的主題欄目，可調(diào)節(jié)文字的大小和樣式，然后用鼠標(biāo)擺至合適的位置 。
四、創(chuàng)建頁(yè)面
在軟件右上角點(diǎn)擊“+新頁(yè)面”即可生成新的頁(yè)面 ， 每一個(gè)頁(yè)面有復(fù)制、刪除、添加子頁(yè)面的功能 。在新的頁(yè)面中添加標(biāo)題欄，復(fù)制首頁(yè)的底部導(dǎo)航 ， 粘貼至新的頁(yè)面，注意粘貼時(shí)用于粘貼至“原位置” 。按如此方式制作“發(fā)現(xiàn)”頁(yè)面和“我的”頁(yè)面 。
五、頁(yè)面跳轉(zhuǎn)
通過(guò)連線的方式進(jìn)行頁(yè)面之間的跳轉(zhuǎn)，在應(yīng)用中選擇任何一個(gè)控件，圖片或者文字都可以通過(guò)添加手勢(shì)和頁(yè)面切換方式實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn) 。優(yōu)點(diǎn)在于操作方便，且比較直觀 。缺點(diǎn)是如果頁(yè)面復(fù)雜，跳轉(zhuǎn)比較多，會(huì)有非常多交叉在一起的線，容易連接出錯(cuò) 。
利用連線的方式即可快速的實(shí)現(xiàn)底部導(dǎo)航的切換，設(shè)置完成后選擇右上角運(yùn)行按鈕，即可查看實(shí)際效果 。
六、添加全局手勢(shì)
在移動(dòng)端有一個(gè)比較重要的功能 ， 應(yīng)用全局手勢(shì)的添加，在左側(cè)“組件”欄目找到全局手勢(shì)組件，拖入至應(yīng)用的任意位置，然后選擇你要發(fā)動(dòng)手勢(shì)后跳轉(zhuǎn)的頁(yè)面 ， 選擇手勢(shì)方式和動(dòng)畫效果即可 。
利用全局手勢(shì)組件，在應(yīng)用添加滑動(dòng)的頁(yè)面切換效果 。
七、手機(jī)預(yù)覽
手機(jī)預(yù)覽功能，可以直接將原型導(dǎo)到手機(jī)上查看 。只需要在運(yùn)行界面，點(diǎn)擊分享 ， 用手機(jī)瀏覽器掃描二維碼即可直接在手機(jī)上查看原型 。
【如何快速制作app首頁(yè)原型 app原型圖怎么做】
