微信應(yīng)用號(hào)開發(fā)工具如何使用 微信應(yīng)用號(hào)開發(fā)工具使用圖文說(shuō)明教程

　　微信應(yīng)用號(hào)開發(fā)工具使用教程：

　　1、在電腦中先畫好一個(gè)雛形，再選擇功能模板的位置安放，最后一旦確定好總體架構(gòu)，就可以開始設(shè)計(jì)組件布局。

　　第一要做的是畫出頁(yè)面流程圖，流程圖主要用于確定每個(gè)功能模塊的交互細(xì)節(jié)。當(dāng)你把所有的交互場(chǎng)景都畫出來(lái)后，那么應(yīng)用號(hào)所需要的頁(yè)面也就基本上完成了。這時(shí)，你就需要與設(shè)計(jì)師一起，對(duì)所有頁(yè)面進(jìn)行UI設(shè)計(jì)與頁(yè)面美化了。

　　最終生成的Web App的原型：包括所有頁(yè)面設(shè)計(jì)與交互流程�，F(xiàn)在獻(xiàn)上做微商城大概的設(shè)計(jì)頁(yè)面框架，給大家一個(gè)思路。

　　2、登錄賬號(hào)后，選擇空白模板，自己建模板。自己沒UI的，如果你們想省時(shí)間，我覺得可以套用模板，可以比較快的生成自己想要的Web App。

　　3、看不懂組件名稱，不懂組件怎么用?看看《幫助》!《幫助》都已經(jīng)把大致的布局進(jìn)行了粗略的介紹。至少不會(huì)讓自己對(duì)功能模模糊糊。如果對(duì)某個(gè)組件還是不清楚，那么可以點(diǎn)擊那個(gè)組件的右上角的小問(wèn)號(hào)圖標(biāo)，會(huì)有一個(gè)詳細(xì)的介紹。

　　4、先插入一個(gè)頂部導(dǎo)航組件，作為首頁(yè)，頂部導(dǎo)航的標(biāo)題我建議都是大家的公司或者商城名稱

　　5、然后創(chuàng)建一個(gè)輪播圖組件做Banner，因?yàn)槲易龅氖俏⑸坛�，用輪播的方式播放一些我修好的商品圖片。然后在右邊的組件內(nèi)容中對(duì)每個(gè)輪播圖片逐一添加相對(duì)應(yīng)頁(yè)面鏈接去向。