手機端設計尺寸

❶ 有誰知道手機網頁設計尺寸。

iPhone手機網頁的設計尺寸
iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸內是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二容代、第三代尺寸是320x480px解析度是163PPI
安卓網頁的設計尺寸
320dp：一個普通的手機屏幕（240X320，320×480，480X800）
480dp：一個中間平板電腦像（480×800）
600dp：7寸平板電腦（600×1024）
720dp：10寸平板電腦（720×1280，800×1280）
ipad網頁的設計尺寸
iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI
以上是移動端的尺寸，單獨的如果某一個移動的網站的尺寸是沒有的，因為移動網站的一半情況是按照%比的尺寸 來自動適應屏幕的大小，或者也通過設置，iphone執行什麼尺寸，安卓情況執行什麼尺寸的。

❷ 做手機界面設計的尺寸是多少

從設計方面來看，做手機界面設計的尺寸一般分為iPhone和Android兩種設備。

如果以iPhone為設計設備，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208這三種尺寸設計都可以，750x1334是2倍圖設計，1125x2346和1242x2208都是3倍圖來進行設計。

如果是用PS做設計稿就用750*1334，如果是用SKetch或者XD來設計，常見是用1倍尺寸來說，也就是375*667或者375*812（iPhone X）。

如果以Android為設備進行設計，尺寸一般使用720x1280，1080x1920進行設計第一種是2倍圖，第二種是3倍圖。

近年來iPhone和Android的設備增多，各尺寸也逐漸變多，下面有一份安卓屏幕尺寸表：

(2)手機端設計尺寸擴展閱讀：

1、UI界面設計的基本要素：

機界面層級：idle(待機界面) Mainmenu(主菜單) Submenu(二級菜單)Third level menu(三級菜單) 界面除了包括圖標和文字外，比較重要的還有function animation(呼叫，發送信息等) 以及 function interface(計算器，日歷界面等)

明確意義的圖標，風格鮮明的版面設計是手機界面設計的重要工作，較為流行的是以Motorola，Nokia等為代表的歐洲簡單風格，以及韓國的時尚絢麗的風格。

2、設計注意事項：

尺寸問題： 480X800，540X960，720X1280，1080X1920象素尺寸是較常見的手機屏幕尺寸，在設計時可以根據實際產品要求進行設計，更大的屏幕可以有更多的交互表現和視覺元素的支持，較為自由。

色彩問題： 由於手機lcd本身的限制，在色彩的還原程度上沒有pc如此完善，因此在選用色彩時要根據使用的屏幕進行調節。

可實現性問題： 受到硬體運算速度和內存的影響，以及不可預計的後台程序開發難度，過於復雜的效果將很難進行實現，與程序工程師和ui工程師，硬體工程師的溝通顯得尤為重要。

❸ 做手機網頁要考慮哪幾種尺寸呀

1、如果是比較復雜的頁面，我們只需要第一屏撐滿全屏，可以使用此方法。單獨定義html和body的樣式。【html,body{width:100%;height:100%;}】。

❹ HTML5移動網頁的設計稿尺寸應該是多少

HTML5的移動端網來頁設計稿，通常情況下源，內容區為750px或960px或者1080px的，一般不小於750px像素大小（寬度）
設計稿可以比750px大，但是絕對不能比750px小，這個主要是由於當前手機的解析度相對較高（iPhone 6是375物理像素，但實際像素為其兩倍，也就是750，這個750就是這么來的）
如果設計圖稿過小，前端在實現圖稿的時候裡面的圖片大小在高解析度的情況下會顯得模糊不清，所以這也是為何要「大」解析度
此外需要注意的是，要保證頁面的基準字體大小，在320px的設計稿當中，最小字體不宜小於12像素，其他像素的設計稿當中，等比例換算即可（12/320px*設計稿像素值）

❺ 移動端中的設計尺寸標准尺寸是多少

說的是APP的設復計標准么？iphone6的尺寸是制750X1334px的，安卓手機的話，因為品牌比較多，設計規范也沒有具體的定義，只要符合審美美觀就好，ios設計標准還是比較嚴格的，包括狀態欄40px和導航欄88px，標簽欄98px等都是有嚴格要求的

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

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

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

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

(6)手機端設計尺寸擴展閱讀：

注意事項：

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

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

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

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

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

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

參考資料來源：網路-Android

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

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

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

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

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

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

❼ 移動端web在設計時寬度尺寸是多少合適

首先說現象，大家都知道移動端設備屏幕尺寸非常多，碎片化嚴重。尤其是Android，你會聽到版很多種解析度：480x800, 480x854, 540x960, 720x1280, 1080x1920，而且權還有傳說中的2K屏。近年來iPhone的碎片化也加劇了：640x960, 640x1136, 750x1334, 1242x2208。
不要被這些尺寸嚇倒。實際上大部分的app和移動端網頁，在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法，而且有規律可循。
像素密度
要知道，屏幕是由很多像素點組成的。之前提到那麼多種解析度，都是手機屏幕的實際像素尺寸。比如480x800的屏幕，就是由800行、480列的像素點組成的。每個點發出不同顏色的光，構成我們所看到的畫面。而手機屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320x480，iPhone 4s的屏幕像素是640x960。剛好兩倍，然而兩款手機都是3.5英寸的。

❽ 手機網頁UI設計尺寸是多少

這個不同手機尺寸不一樣，比如
iphone3 320*480 iphone4 640 * 960
android 240*320 320* 480 480* 854 這些比較常用，還有一些其他解析度
看你具體是針對什麼手機做的了！

❾ 手機端網頁設計尺寸多少

要根據不同手機不同的屏幕解析度來規定尺寸。

一般做效果圖主流都是做480*800來測試，iphone4（或s)就用640*960，但這個都只是效果圖，真正開發還需要切圖用點9來做屏幕適配。

常見手機顯示屏解析度：96x65，96x96，128x96，128x128，160x128，160x160，176x144，220x176，240x176，320x240，640x480，800x480

蘋果4:960×640 像素，3.5英寸

三星：480×800 解析度

小米：480×854 4英寸TFT屏幕

android手機屏幕尺寸

1280×800 854×480 640×480 480×800 432×240 400×240 320×480 320×512 320×240

(9)手機端設計尺寸擴展閱讀：

手機ui設計是手機軟體的人機交互、操作邏輯、界面美觀的整體設計。置身於手機操作系統中人機交互的窗口，設計界面必須基於手機的物理特性和軟體的應用特性進行合理的設計，界面設計師首先應對手機的系統性能有所了解。手機UI設計一直被業界稱為產品的「臉面」，好的UI設計不僅是讓軟體變得有個性有品味，還要讓軟體的操作變得舒適、簡單、自由，充分體現軟體的定位和特點。

隨著手機移動設備不斷普及，對手機設備的軟體需求越來越多，手機移動操作系統廠商正在不約而同地建立手機設備應用程序市場，如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace，給手機的終端用戶帶來巨量的應用軟體。這些軟體良莠不齊，界面各異，手機的終端用戶在眾多的應用使用中，最終會選擇界面視覺效果良好，且具有良好體驗的應用留在自己的手機上長期使用。

❿ 現在手機移動端的設計尺寸是多少

普遍5吋左右