可以先設(shè)計(jì)一個(gè)大概，后期不斷豐富 第四步APP功能的開(kāi)發(fā)制作 APP功能的開(kāi)發(fā)直接使用應(yīng)用公園就可以了應(yīng)用公園把市場(chǎng)上常見(jiàn)的APP功能進(jìn)行拆分組合，你不需要懂任何編程技術(shù)，只需喲安把需要的功能挑選出，組合搭配一個(gè)，就能迅速組建出。

目前我做設(shè)計(jì)稿的設(shè)計(jì)尺寸，IPhone6的尺寸，向下可以適配4，5，向上可以適配6 plus我記得IP6推出后，我問(wèn)總監(jiān)應(yīng)該用什么尺寸設(shè)計(jì)，他說(shuō)用IP6的吧，好適配，切出來(lái)就是@2x了，改一改上下都能照顧到推薦做設(shè)計(jì)稿的時(shí)。

這種布局方式在Web前端開(kāi)發(fā)的早期歷史上，用來(lái)應(yīng)對(duì)不同尺寸的PC屏幕那時(shí)屏幕尺寸的差異不會(huì)太大，在當(dāng)今的移動(dòng)端開(kāi)發(fā)也是常用布局方式，但缺點(diǎn)明顯主要的問(wèn)題是如果屏幕尺度跨度太大，那么在相對(duì)其原始設(shè)計(jì)而言過(guò)小或過(guò)大。

開(kāi)發(fā) WebApp 時(shí)，我們通常只會(huì)從設(shè)計(jì)師那邊拿到一個(gè)尺寸的項(xiàng)目設(shè)計(jì)圖，比如是按照 iphone 6 為基礎(chǔ)設(shè)計(jì)的，因此前端需要讓這一套設(shè)計(jì)稿能夠通用在不同的設(shè)備型號(hào)中，本文介紹的方式是采用 hotcssjs 插件在 vue。

2Web網(wǎng)站因?yàn)g覽器分辨率差異較大且窗口尺寸可變化，設(shè)計(jì)時(shí)需要確定好不同分辨率的內(nèi)容展示和布局，也因?yàn)檫@一點(diǎn)加上webapp的瀏覽需求，近幾年來(lái)響應(yīng)式設(shè)計(jì)更為普遍3因設(shè)備分辨率dpi大小不一，所以移動(dòng)App在界面布局。

比較獨(dú)特的是Macaw可以創(chuàng)建響應(yīng)式設(shè)計(jì)，內(nèi)置的斷點(diǎn)編輯器可以幫你輕松地在不同尺寸的屏幕上實(shí)現(xiàn)完美的響應(yīng)式顯示盡管Macow中的代碼編輯功能并沒(méi)有太大必要，但是最新版的Macaw在HTML和CSS代碼編輯上體驗(yàn)還是蠻好的UXPin是。

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的大部分技術(shù)，是可用在WebApp開(kāi)發(fā)中的移動(dòng)端WebApp和WAP有什么不同最直接的區(qū)別就是功能層面WAP更側(cè)重使用網(wǎng)頁(yè)技術(shù)在移動(dòng)端做展示，包括文字媒體文件等而WebApp更側(cè)重“功能”，是使用網(wǎng)頁(yè)技術(shù)實(shí)現(xiàn)的。

自適應(yīng)設(shè)計(jì)根據(jù)不同的設(shè)備提供不同的HTML頁(yè)面比如，一款獨(dú)立的Web應(yīng)用可能需要3個(gè)獨(dú)立的表示層HTML一個(gè)是PC端，一個(gè)是平板電腦，另一個(gè)則是智能手機(jī)例如，在不同的設(shè)備上訪問(wèn)Web App，外觀和行為顯示的均各不。

對(duì)于web開(kāi)發(fā)者來(lái)說(shuō)，不同的不僅僅是尺子上的大小還包括默認(rèn) #x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0尺寸 #x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A047” #x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0。

三功能不同 移動(dòng)WebApp跨平臺(tái)開(kāi)發(fā)，用戶不需要去賣場(chǎng)來(lái)下載安裝App，任何時(shí)候都可以發(fā)布App，因?yàn)楦静恍枰俜劫u場(chǎng)的審核web直接下載到設(shè)備，以獨(dú)立的應(yīng)用程序運(yùn)行并不需要瀏覽器，用戶必須手動(dòng)去下載并安裝這些原生App。

響應(yīng)式網(wǎng)站的優(yōu)點(diǎn)就是不管pcpad還是手機(jī)都是采用一套代碼，不需要申請(qǐng)不同的域名，也不需要幾套后臺(tái)管理系統(tǒng)，響應(yīng)式設(shè)計(jì)的精髓就在于它能很好地適配不同屏幕的設(shè)備現(xiàn)在，響應(yīng)式設(shè)計(jì)在webapp也應(yīng)用很廣泛，當(dāng)然使用rem之后。

其實(shí)開(kāi)發(fā)不同的App，所需要的技術(shù)也是不一樣的1比如WebAppiOSAndroid的內(nèi)置瀏覽器是基于webkit內(nèi)核的，所以在開(kāi)發(fā)webApp時(shí)，多數(shù)使用html或html5CSS3JavaScript技術(shù)做UI布局，使其在網(wǎng)站頁(yè)面上實(shí)現(xiàn)傳統(tǒng)的CS架構(gòu)軟件。

因?yàn)槭謾C(jī)的性能問(wèn)題，一些App上的特效并不能在移動(dòng)網(wǎng)頁(yè)上復(fù)現(xiàn)，即使能復(fù)現(xiàn)，特效也不會(huì)平滑，用戶體驗(yàn)比較差所以，這就決定了移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)需要不同的交互方式，也有不同的關(guān)注點(diǎn)根據(jù)以上四個(gè)特點(diǎn)，我總結(jié)出了做移動(dòng)網(wǎng)頁(yè)。

考慮到視網(wǎng)膜顯示器和許多移動(dòng)設(shè)備的分辨率是不同的，設(shè)計(jì)者應(yīng)該提供多套設(shè)計(jì)嗎從網(wǎng)易和淘寶的做法，應(yīng)該用不到的，我們可以根據(jù)設(shè)計(jì)稿制作一套布局web適用于開(kāi)發(fā)如果要開(kāi)發(fā)的 WebApp 對(duì)用戶體驗(yàn)細(xì)節(jié)有高要求，又是一個(gè)。

2開(kāi)發(fā)成本高開(kāi)發(fā)速度慢維護(hù)成本高三個(gè)平臺(tái)IOS安卓windows的規(guī)則推廣運(yùn)營(yíng)都不相同官方應(yīng)用商店對(duì)APP上線審核流程比較復(fù)雜而且很慢，會(huì)嚴(yán)重影響APP的發(fā)布上線3Web App 因?yàn)檫\(yùn)行在移動(dòng)設(shè)備的。

2webappwebapp是由html5所做的網(wǎng)站通過(guò)一些打包平臺(tái)或者使用工具打包而成的軟件二開(kāi)發(fā)成本不同 1原生app原生app開(kāi)發(fā)成本高，需要使用單獨(dú)的開(kāi)發(fā)工具進(jìn)行開(kāi)發(fā)2webappwebapp開(kāi)發(fā)成本低，不需要使用單獨(dú)的開(kāi)發(fā)。