設計做app需要什麼尺寸

① 移動端app設計以什麼尺寸作為視覺稿作為適配

加上android生態中紛繁復雜的各種奇葩尺寸，現在APP設計開發必須考慮適配大、中、小三種屏幕。所以如何做到交付一套設計稿解決適配大中小三屏的問題？設計和開發之間採用什麼協作模式？一個基本思路是：
1、選擇一種尺寸作為設計和開發基準；
2、定義一套適配規則，自動適配剩下兩種尺寸；
3、特殊適配效果給出設計效果。
手機淘寶的iPhone 6/iPhone 6 Plus適配版本即將提交App store審核。先曬一下我們採用的協作模式，再慢慢說明原委。

第一步，視覺設計階段，設計師按寬度750px（iPhone 6）做設計稿，除圖片外所有設計元素用矢量路徑來做。設計定稿後在750px的設計稿上做標注，輸出標注圖。同時等比放大1.5倍生成寬度1125px的設計稿，在1125px的稿子里切圖。

第二步，輸出兩個交付物給開發工程師：一個是程序用到的@3x切圖資源，另一個是寬度750px的設計標注圖。

第三步，開發工程師拿到750px標注圖和@3x切圖資源，完成iPhone 6（375pt）的界面開發。此階段不能用固定寬度的方式開發界面，得用自動布局（auto layout），方便後續適配到其它尺寸。

第四步，適配調試階段，基於iPhone 6的界面效果，分別向上向下調試iPhone 6 plus（414pt）和iPhone 5S及以下（320pt）的界面效果。由此完成大中小三屏適配。

為什麼選擇iPhone 6作為基準尺寸？

當面對大中小三種屏幕需要適配的時候，很容易想到先做好一種屏幕，再去適配剩下兩種屏幕。第一個決定是到底以哪種屏幕作為設計和開發的基準尺寸。我們選擇中間尺寸的iPhone （750px/375pt）作為基準，基於幾個原因：
1、從中間尺寸向上和向下適配的時候界面調整的幅度最小。375pt下的設計效果適配到414pt和320pt偏差不會太大。假設以414pt為基準做出很優雅的設計，到320pt可能元素之間比例就不是那麼回事了，比如圖片和文字之間視覺比例可能失調。

2、iPhone 6 plus有兩種顯示模式，標准模式解析度為1242x2208，放大模式解析度為1125x2001（即iPhone 6的1.5倍）。可見官方系統里iPhone 6和iPhone 6 plus解析度之間就存在1.5倍的倍率關系。很多情況下這兩種尺寸可以用1.5倍直接等比適配。

3、1242x2208這個奇葩的數值是蘋果官方都不願意公開宣傳的一個解析度，不便於記憶和計算柵格。640x1136雖然是廣泛應用的一個解析度，但是大屏時代依然以小尺寸為設計基準顯然不合時宜，設計師會停留在小屏的視角做設計。

② android app 界面設計按什麼尺寸

android app 界面設計是按720*1280的，切圖上可以點9切圖做到所有手機的適配。

狀態欄、導航欄和主菜單欄，以720*1280的尺寸來設計，那麼狀態欄的高度應為50px，導航欄的高度96px，主菜單欄的高度96px，因為是開源的系統，這里的數值也只能作為參考。

Android為了區別於IOS，從4.0開始提出了一套HOLO的UI風格設計風格，鼓勵將底部的主菜單欄放到導航欄下面，從而避免點擊下方材料誤點虛擬按鍵，很多APP的新版中也採用了這一風格。

(2)設計做app需要什麼尺寸擴展閱讀：

注意事項：

1、通常情況要定位一個Icon只需給出 上/下邊距，左/右邊距，標注圖標距離只需標到可點擊范圍外

通用型顏色、字體單獨標明一份，通用型模塊只需單獨標明一份，如導航欄。

2、手機可視區域通常為寬度固定，長度超出邊界可滑動，所以標注物體寬度時可按比例說明，如果要標注內容上下居中，左右居中，或等比可不標注。

3、當交付的是一張完整圖片時，不需做機型適配，只需給高清圖(1920*1080)即可，注意進行壓縮。

4、若圖標在不同頁面重復出現，且尺寸相差不大，直接給出最大一份切圖，並在圓形圖標明尺寸，程序會根據需求縮放。

5、當背景是純色時只需給出色值，Android使用16進制色值。

參考資料來源：網路-Android

參考資料來源：網路-界面設計

參考資料來源：網路-狀態欄

參考資料來源：網路-導航欄

參考資料來源：網路-開源系統

參考資料來源：網路-切圖

參考資料來源：網路-UI設計

③ 安卓/ios中，app設計時常見的尺寸有哪些

大家都知道手機採用的：一個是蘋果的iOS系統，另一個就是谷歌公司的安卓系統。華為的鴻蒙系統雖然早就上線，但是還沒有真正運用在手機移動端上，小阿在這里期待著，希望有一天也能寫「華為『鴻蒙系統』的界面尺寸規范。」
這兩者之間有一個明顯的區別就是iOS系統是非開源的，簡單來說就是不能別隨意改動的，連圖標都是必須帶圓角的，對交互設計師很友好的。

主標題的字體大小設置一般是32-36左右，加粗居中。列表中的文字就要小一些，字體大小為30，不會加粗。輔助性字體大小一般24-26。說明文字一般不會小於22，最小設置為20，再小就看不到啦。

另外需要注意的一點是所有的字型大小設置都必須為偶數，上下級內容字型大小極差關系為2-4號。

④ app界面設計尺寸

app設計尺寸非常多，目前針對各個機型又有各種的推薦方案，首先規范這個東西是一個參考值，也就是所謂的經驗參數具體可以和前端工程師共同商議 下面有繪制的一張圖可以作為參考。
這個過程中請搞清楚倍圖的關系 1倍2倍3倍如何切換，目前已經有iPhone12出來，尺寸又有了新變化，學習一下目前前端使用的適配技術，如何做響應式的 期望對你有所幫助。下圖是以iPhonex最為中間適配搞來做的參數

⑤ 我想請教一下在android設計APP的時候設計稿應該是多大的尺寸啊，480*800還是720*1280的呢，謝謝！！！

android設計APP現在大部分都是用的：720*1280。
480*800的也可以，但是圖標在製作的時候就要單獨加大了

⑥ ios app界面設計用什麼尺寸

界面尺寸規范

1、界面尺寸大小是：750x1334px。

2、狀態欄(status bar)：就是電量條，其高度為：40px;

3、導航欄(navigation)：就是頂部條，其高度為：88px;

4、主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px;

5、內容區域(content)：就是屏幕中間的區域，其高度為：1334px-40px-88px-98px=1108px

⑦ ios app界面設計用什麼尺寸

剛開始接觸UI的時候，碰到的最多的就是尺寸問題，什麼畫布要建多大，文字該用多大才合適，我要做幾套界面才可以?什麼七七八八的也著實讓人有些頭疼。

廢話不多說，希望大家耐心看完後，不要再糾結於尺寸相關的東西了。

一、尺寸及解析度
iPhone界面尺寸：320*480、640*960、640*1136
iPad界面尺寸：1024*768、2048*1536
單位：像素72dpi，在設計的時候並不是每個尺寸都要做一套，尺寸按自己的手機來設計，比較方便預覽效果，一般用640*960或者640*1136的尺寸來設計。
Ps：作圖的時候確保都是用形狀工具(快捷鍵：U)畫的，這樣更方便後期的切圖或者尺寸變更。
二、界面基本組成元素
iPhone的app界面一般由四個元素組成，分別是：狀態欄、導航欄、主菜單欄、內容區域。
這里取用640*960的尺寸設計，那我們就說說在這個尺寸下這些元素的尺寸。
狀態欄：就是我們經常說的信號、運營商、電量等顯示手機狀態的區域，其高度為：40px
導航欄：顯示當前界面的名稱，包含相應的功能或者頁面間的跳轉按鈕，其高度為：88px
主菜單欄：類似於頁面的主菜單，提供整個應用的分類內容的快速跳轉，其高度為：98px
內容區域：展示應用提供的相應內容，整個應用中布局變更最為頻繁，其高度為：734px

⑧ 關於APP設計尺寸的問題

正常來講，對於不是很關鍵的，不需要5個尺寸（個別特別重要的這么做很正常）。
hdpi和xxhdpi是2倍關系，選一個就可以了。mdpi和xhdpi也是2倍關系，選一個足矣。

你說的720，一般是指xhdpi，1080指xxhdpi，也就cover了絕大部分手機。
ldpi設備市面上極少，一般不用覆蓋了。

典型的1080p的手機比如三星Note 3，典型的720p手機如三星Note 2
以上純手打。

⑨ 安卓手機app圖標尺寸和解析度都是多少

應用程序圖標 （Icon）應當是一個 Alpha 通道透明的32位 PNG 圖片。

由於安卓設備眾多，一個應用程序圖標需要設計幾種不同大小，如：

LDPI (Low Density Screen，120 DPI)，其圖標大小為 36 x 36 px。

MDPI (Medium Density Screen, 160 DPI)，其圖標大小為 48 x 48 px。

HDPI (High Density Screen, 240 DPI)，其圖標大小為 72 x 72 px。

xhdpi (Extra-high density screen, 320 DPI)，其圖標大小為 96 x 96 px。

建議在設計過程中，在四周空出幾個像素點使得設計的圖標與其他圖標在視覺上一致，例如:

96 x 96 px 圖標可以畫圖區域大小可以設為 88 x 88 px， 四周留出4個像素用於填充（無底色）。

72 x 72 px 圖標可以畫圖區域大小可以設為 68 x 68 px， 四周留出2個像素用於填充（無底色）。

48 x 48 px 圖標可以畫圖區域大小可以設為 46 x 46 px， 四周留出1個像素用於填充（無底色）。

36 x 36 px 圖標可以畫圖區域大小可以設為 34 x 34 px， 四周留出1個像素用於填充（無底色）。

(9)設計做app需要什麼尺寸擴展閱讀：

手機圖標就像電腦圖標一樣，是一個程序的標記。如：照相機、設置、信箱、通訊錄等。

通常為透明背景的圖片如PNG格式。在手機中一半內置的圖標都是經過美化的，後來安裝的軟體由於是個人製作，一定程度上不是那麼完美，包括大小、 尺寸、比例等等，如果嫌不美觀， 可以到安裝目錄比對標準的圖標尺寸然後替換，用PHOTOSHOP或者其他繪圖軟體工具製作。

注意：一定要名稱一樣，格式一樣或者修改安裝表文件，指向你所更換的圖標文件，起到一定的美化作用。同時手機圖標要有一定的共同性，便於不同品牌的圖標的圖標功能相近性，便於使用。

手機圖標製作：

一、主題風格：

做手機圖標先要定好主題，風格，以及表現方式，如：簡潔大方；古樸厚重；晶瑩剔透；是寫實的3D圖標還是平面化的圖標。這一環是和整個交互界面密不可分的。

二、選定軟體：

根據風格定位，可以確定出是用哪種方法：用max建模>渲染>ps處理；用ps直接表現；用AI繪出>再經ps處理（推薦）易修改大小以及之後的調整。

三、注意要點：

由於AI是矢量軟體，可以很好的表現出畫面圖標的細節，尤其是復雜形體的表現，性能遠遠高於PS去製作，還有一個原因就是在製作手機圖標時圖標的大小都是很明確的，對於一些級小的細節AI很有優勢，如果ps的話不易畫出，如果放大製作，再縮小的話，會模糊掉，顯得邊緣粗糙。

參考資料來源：網路 手機圖標