一、頁(yè)面設(shè)計(jì)

　　我們看到的app都一個(gè)個(gè)頁(yè)面，每個(gè)頁(yè)面功能不同。首先是產(chǎn)品經(jīng)理通過(guò)調(diào)研整理需求，然后將需求整理成頁(yè)面(可以使用墨刀等網(wǎng)頁(yè)制作)，然后在交給UI人員進(jìn)行專業(yè)設(shè)計(jì)和美化，最后將設(shè)計(jì)圖打包給開(kāi)發(fā)人員。

　　二、開(kāi)發(fā)設(shè)計(jì)

　　拿安卓舉例，開(kāi)發(fā)使用語(yǔ)言也分幾種，具體得根據(jù)實(shí)際情況來(lái)選擇。

　　1、原生開(kāi)發(fā)

　　安卓一般使用java語(yǔ)言開(kāi)發(fā)，當(dāng)然現(xiàn)在也有kotlin語(yǔ)言進(jìn)行開(kāi)發(fā)。如何開(kāi)發(fā)就涉及到具體編程了，這里就不詳說(shuō)了。簡(jiǎn)單描述就是使用安卓提供的一系列控件來(lái)實(shí)現(xiàn)頁(yè)面，復(fù)雜點(diǎn)的頁(yè)面可以通過(guò)自定義控件來(lái)實(shí)現(xiàn)。

　　2、使用H5語(yǔ)言開(kāi)發(fā)

　　使用H5開(kāi)發(fā)的好處有很多，可以多端復(fù)用，比如瀏覽器端，ios端，當(dāng)然H5開(kāi)發(fā)的體驗(yàn)是沒(méi)有原生好的。結(jié)合我做過(guò)的項(xiàng)目來(lái)說(shuō)，一般是這個(gè)頁(yè)面需要分享出去的話，就用H5開(kāi)發(fā)。

　　3、使用flutter開(kāi)發(fā)

　　flutter是近年來(lái)谷歌推出的一款UI框架，

　　使用dart語(yǔ)言進(jìn)行開(kāi)發(fā)，支持跨平臺(tái)，weight渲染直接操作硬件層，體驗(yàn)可媲美原生。但是flutter技術(shù)比較新，生態(tài)還不完善，開(kāi)發(fā)起來(lái)效率相對(duì)偏低。

　　三、頁(yè)面數(shù)據(jù)填充

　　頁(yè)面開(kāi)發(fā)出來(lái)只是空殼子，沒(méi)有數(shù)據(jù)填充，這時(shí)候就需要通過(guò)接口獲取數(shù)據(jù)，然后解析數(shù)據(jù)，顯示在頁(yè)面上。到此，一個(gè)大概的app制作流程就結(jié)束了。