app開發(fā)的三大技術(shù)框架

1.類型
（1）native app開發(fā)（原生）——一種基于智能移動設(shè)備本地操作系統(tǒng)（如iOS、Android、WP操作系統(tǒng)），并使用對應(yīng)系統(tǒng)所適用的程序語言編寫運行的第三方應(yīng)用程序，由于它是直接與操作系統(tǒng)對接，代碼和界面都是針對所運行的平臺開發(fā)和設(shè)計的，能很好地發(fā)揮出設(shè)備的性能，所以交互體驗會更流暢。

（2）web app開發(fā)（包括html 5）app——一種采用Html語言編寫的，存在于智能移動設(shè)備瀏覽器中的應(yīng)用程序，不需要下載安裝，可以說是觸屏版的網(wǎng)頁應(yīng)用，由于它不依賴于操作系統(tǒng)，因此Web App開發(fā)后，基本能應(yīng)用于各種系統(tǒng)平臺。

（3）hybird app開發(fā)（混合）——一種用Native技術(shù)來搭建App的外殼，殼里的內(nèi)容由Web技術(shù)來提供的移動應(yīng)用，兼具“Native App良好交互體驗的優(yōu)勢”和“Web App跨平臺開發(fā)的優(yōu)勢”。

2.類型特點
（1）Native（原生）

產(chǎn)品特點：偏操作互動多的工具類應(yīng)用；

開發(fā)成本：要為iOS、Android和WP系統(tǒng)各自開發(fā)一套App

維護成本：不僅要維護多個系統(tǒng)版本，還要維護多個歷史版本（如有的用戶在5.0版本，有的用戶在4.0版本等）

版本發(fā)布：需要發(fā)布（用戶安裝）最新版App

資源存儲：本地

網(wǎng)絡(luò)要求：支持離線

開發(fā)時間：耗時最長

人員配比：需要iOS、Android和WP各自系統(tǒng)的開發(fā)人員

（2）Web

產(chǎn)品特點：偏瀏覽內(nèi)容為主的新聞、視頻類應(yīng)用

開發(fā)成本：只需開發(fā)一套App，即可運用到不同系統(tǒng)平臺

維護成本：只維護最新的版本

版本發(fā)布：不需要發(fā)布（用戶安裝）最新的App

資源存儲：服務(wù)器

網(wǎng)絡(luò)要求：依賴網(wǎng)絡(luò)

開發(fā)時間：耗時最少

人員配比：會寫網(wǎng)頁語言的開發(fā)

Hybrid（混合型）

產(chǎn)品特點：偏既要瀏覽內(nèi)容，又有較多操作互動的聊天類、購物類應(yīng)用

開發(fā)成本：native部分需要為iOS、android和WP各自配備開發(fā)人員，web部分只需統(tǒng)一配置

維護成本：native需要為多最新版本和多個歷史版本，web只需維護最新版本

版本發(fā)布：native部分需要發(fā)布（用戶安裝）最新的App，web部分不需要發(fā)布（用戶安裝）最新的App

資源存儲：本地和服務(wù)器

網(wǎng)絡(luò)要求：大部分依賴網(wǎng)絡(luò)

開發(fā)時間：耗時中等

人員配比：大部分工作由寫網(wǎng)頁語言的開發(fā)承擔(dān)，再加上不同系統(tǒng)的開發(fā)

3.hybird app技術(shù)設(shè)計特點
（1）圖像渲染

Native技術(shù)部分由于能直接調(diào)用系統(tǒng)的渲染引擎，所以能實現(xiàn)流暢的復(fù)雜圖像渲染，而不影響設(shè)備的性能。

Web內(nèi)容部分由于是基于內(nèi)置瀏覽器，在圖像渲染的時候要通過瀏覽器訪問系統(tǒng)的渲染引擎或調(diào)用基于瀏覽器的第三方渲染引擎，中間需要在多個層級進行渲染請求，所以渲染的時效性和性能會下降不少，導(dǎo)致較復(fù)雜的圖像渲染或動態(tài)渲染時，會出現(xiàn)機器卡頓。

（2）動效
Html5的Web技術(shù)，對動效的解釋和操作需要消耗大量的CPU性能，在設(shè)計時，要注意以下三個方面：不同動效、不同機型、不同網(wǎng)絡(luò)環(huán)境，否則會很卡~

（3）兼容性
由于Hybrid App的Web內(nèi)容，是不同的平臺共用同一套設(shè)計方案，所以為了更好地讓設(shè)計方案兼容不同的平臺特性和手機分辨率，所以建議文案和圖形采用以下三種方式：a.使用安卓和ios的默認(rèn)字體；b.使用SVG（可縮放矢量圖形）：能夠自由縮放大小來適應(yīng)不同屏幕尺寸和分辨率，不會模糊變形；c.用Iconfont來代替圖標(biāo)：能夠自由變換大小和顏色。

（4）交互方式
H5如果想要和原生保持同一交互方式，會耗費較大的人力成本，所以可以適當(dāng)有差別；

（5）加載方式
A. Native部分：可以根據(jù)需要把常規(guī)內(nèi)容存儲在用戶的手機上，加快加載的時間和減少重復(fù)加載相同內(nèi)容的麻煩。

B. Web部分：Web內(nèi)容區(qū)域是需要從網(wǎng)絡(luò)上加載內(nèi)容的，尤其在網(wǎng)絡(luò)條件不好時，需要設(shè)計友好的等待狀態(tài)，緩和用戶的焦慮情緒。

4.設(shè)計與技術(shù)的權(quán)衡
（1）保證主流程的流暢體驗；

（2）提前溝通產(chǎn)品方案~