三種app開（kāi）發模式大對比,三種（zhǒng）移（yí）動app開發模式

移動端app設計（jì） 移動端（duān）app設計以什麽尺寸作（zuò）為視覺稿作（zuò）為適配

1.選擇一個尺寸作為設計和開發；的基準

2.定義一組適配規則，自動適配其（qí）餘兩種尺寸；

3.特殊的改編效果賦予了設計效果。先來看看我們采用的合作（zuò）模式，然後慢慢解釋整個故事。

為數不多步，在視覺設計階段（duàn），設計師根據寬度(iphoness6)製作設計稿（gǎo），除了圖片以外的所有（yǒu）設計元素都（dōu）采用矢量路徑製作。設計定稿後（hòu），在設計稿上標注，並輸出標注的圖紙。同時放大1.5倍生成一個寬度的設計（jì）稿（gǎo），在（zài）稿中剪切圖片。

第二步，另（lìng）一個是寬度的設計圖（tú）。

第三步是完成iphoness6的界麵（miàn）開發()。在這個階段，我們不（bú）能使（shǐ）用固（gù）定寬度的開發接口，而是使用自動布局，以方便（biàn）後續適應其他尺寸。

第四步：自適應調試階段，基於iphoness6的界麵效果，分（fèn）別上下調試()和()以下（xià）的界麵效果。從而完成大、中、小屏幕適配。

為什麽選擇iphoness6作為基（jī）準尺寸？

麵對三種需（xū）要適配的屏幕時（shí），很容易想到先做一個屏幕，再適配剩下的兩個屏幕。為數不多個決定是哪個屏幕應該作為設計和（hé）開發的基準尺寸（cùn）我們選擇中型iphoness(/)作為基準有幾個原因：

1.從中間尺寸上下擬（nǐ）合時，界麵（miàn）調整的範圍小（xiǎo）。在設（shè）計效果下的適應性和偏差不會太大。假設為基準做了一個非常（cháng）優雅（yǎ）的（de）設計，可能元素之間的比例就不是這樣了，比如圖片和（hé）文字之間的視覺（jiào）比例可能會失衡。

2.有兩種顯示模式，標準模式分辨率為，放大模式分（fèn）辨率為(即iphoness6的1.5倍)。可（kě）以看出，在官方係統中（zhōng），iphoness6與分辨率之間存在（zài）1.5倍的放大關係。在許多情況下（xià），這兩種尺寸可以以1.5倍的直接等比例（lì）匹配。

3.這個奇妙的數值是蘋（píng）果官方不願意公開宣傳的分辨率，而且不（bú）方（fāng）便記憶和計（jì）算網格。雖然是廣泛使（shǐ）用的分辨率，但在大（dà）屏時代用小尺寸作（zuò）為設計基準顯然已經過時，設計師也會停留在小屏的角度來設計。

【急】基於手機APP產（chǎn）品的UI設計打開報告