如何快速制作app首頁原型 app原型圖怎么做

如何快速制作app首頁原型 app原型圖怎么做

很多人都離不開手機,這其中重要的原因就是手機中的APP功能越來越強大 。使很多人對其產生了依賴 。APP的廣泛使用使很多人都想開發自己的app 。那么如何快速制作App首頁原型呢?
一、創建應用
首先打開制作軟件,新建一個應用,選擇應用類型,輸入應用名稱,設備類型和應用尺寸,點擊創建按鈕,完成應用創建 。
二、制作底部導航欄
新建應用的標題欄會自動顯示應用的名稱 , 標題欄文字可以自行修改 。

制作里布導航欄 , 從左側“組件”欄目中找到底部組件,拖入應用之中,大小和樣式可以自行修改,然后拖入三個導航標簽 , 修改標簽的位置和名稱,至此完成底部導航欄的制作 。
三、制作原型頁面
然后我們開始簡單的制作下的首頁原型,在左側的“組件”欄目中找到搜索組件 , 拖入App首頁中 , 在“母版”欄目中找到輪播圖模版,拖入應用之中 。然后回到“組件”欄目,為首頁插入圖片和文字 。圖片調節在右邊的設置欄 , 然后用鼠標調節大小這樣會比較方便 。文字的調節在左邊的主題欄目,可調節文字的大小和樣式,然后用鼠標擺至合適的位置 。

四、創建頁面
在軟件右上角點擊“+新頁面”即可生成新的頁面 , 每一個頁面有復制、刪除、添加子頁面的功能 。在新的頁面中添加標題欄,復制首頁的底部導航 , 粘貼至新的頁面,注意粘貼時用于粘貼至“原位置” 。按如此方式制作“發現”頁面和“我的”頁面 。

五、頁面跳轉
通過連線的方式進行頁面之間的跳轉,在應用中選擇任何一個控件,圖片或者文字都可以通過添加手勢和頁面切換方式實現頁面跳轉 。優點在于操作方便,且比較直觀 。缺點是如果頁面復雜,跳轉比較多,會有非常多交叉在一起的線,容易連接出錯 。
利用連線的方式即可快速的實現底部導航的切換,設置完成后選擇右上角運行按鈕,即可查看實際效果 。
六、添加全局手勢
在移動端有一個比較重要的功能 , 應用全局手勢的添加,在左側“組件”欄目找到全局手勢組件,拖入至應用的任意位置,然后選擇你要發動手勢后跳轉的頁面 , 選擇手勢方式和動畫效果即可 。
利用全局手勢組件,在應用添加滑動的頁面切換效果 。
七、手機預覽
手機預覽功能,可以直接將原型導到手機上查看 。只需要在運行界面,點擊分享 , 用手機瀏覽器掃描二維碼即可直接在手機上查看原型 。
【如何快速制作app首頁原型 app原型圖怎么做】

相關經驗推薦