導航:首頁 > 萬維百科 > 網頁手機屏幕設計尺寸是多少合適

網頁手機屏幕設計尺寸是多少合適

發布時間:2020-08-26 18:36:08

1、設計手機網站時,一般寬度設計為多少像素?

手機網站最好是用百分比全屏自適用的方式做,那樣不管手機是什麼解析度都可以使用。

一般android系統設計的時候可以使用320x480的解析度進行設計。

蘋果手機使用:640x960解析度進行設計。

2、設計手機網站, 一般寬度設計為多少像素?

手機網站最好是用百分比全屏自適用的方式做,那樣不管手機是什麼解析度都可以使用。

一般android系統設計的時候可以使用320x480的解析度進行設計。

蘋果手機使用:640x960解析度進行設計。

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

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

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

從設計方面來看,做手機界面設計的尺寸一般分為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的設備增多,各尺寸也逐漸變多,下面有一份安卓屏幕尺寸表:

以及一份iOS屏幕解析度和尺寸表:

(4)網頁手機屏幕設計尺寸是多少合適擴展資料:

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

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

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

2、設計注意事項:

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

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

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

5、移動端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英寸的。

6、手機端網頁設計尺寸多少

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

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

基本上都是640吧,高度由於是專題,可以不受限制的

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

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

2、然後給DIV添加嵌套樣式【.bg{width: 100%;height: 100%;background: #ff0000;}】並在DIV中引入bgCSS【<div class="bg"></div>】保存頁面後可以看到此時div也撐滿屏幕了。

3、為了方便觀察,我們在添加一個不同顏色的DIV【<div class="content"></div>】並定義CSS【width: 10rem;height: 5rem;background: #ffea00;】。保存後網上滑屏,可以看到後添加的DIV也可以正常顯示啦。

4、在瀏覽器開發者模式下,可以切換手機的型號,不同型號手機屏幕比例是不一樣的哦,可以看到,從普通的16:9的屏幕切換到iphone7時,屏幕雖然變長了,但是下面的黃色div是不會顯示出來的。

5、切換到最新的全面屏iphoneX時,依然是紅色的div撐滿全屏的。

6、上滑屏幕後才會看到下面的其他div模塊,這樣就可以實現想要的效果了。

9、手機網站建設一般網頁尺寸是多少

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

10、手機網頁設計多大好?

wap頁面設計一般都是寬度自適應的,最窄以兼容320px為標准,最寬1280px為標准,
一般的智能手機寬度都是320,480,640這些,
其中iPhone就不用說了吧,必須是480px,
其他三星啊,htc啊什麼的,各類解析度都有,基本不會比480低,
但是之前剛開始的一些智能手機大部分都是320,所有要兼容320哦~~~

與網頁手機屏幕設計尺寸是多少合適相關的知識