手機ui界面設計尺寸規(guī)范 手機端網頁設計尺寸多少?
手機端網頁設計尺寸多少?iPhone網頁的設計尺寸iPhone 5的尺寸為640x1136px,分辨率為326ppiiPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
手機端網頁設計尺寸多少?
iPhone網頁的設計尺寸
iPhone 5的尺寸為640x1136px,分辨率為326ppi
iPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
第一代、第二代和第三代iPhone和iPod touch的尺寸為320x480px,分辨率為163ppiAndroid網頁的設計尺寸
320dp:普通手機屏幕(240x320320×480x800)
480dp:中屏幕平板電腦圖像(480×800)
600dp:7英寸平板電腦(600×1024)
720dp:10英寸平板電腦(720×1280800×1280)
iPad網頁的設計尺寸
第三層和第三層的尺寸第四代iPad是2048x1536px,分辨率是264ppi
第一代和第二代iPad的尺寸是1024x768px,分辨率是132ppi
iPad的迷你尺寸是1024x768px,分辨率是163ppi
在全屏手機普及之前,大多數手機的屏幕比例都是16:9。當時,手機的主流尺寸仍在5-5.8英寸之間。很多人會覺得拿不下一部大手機。在那個時候,單手拿著一部6英寸的手機是難以想象的。但在全屏幕手機時代,似乎6英寸以上的手機將成為主流尺寸很多人發(fā)現6.3英寸也可以單手拿著。其實,有辦法。
根據對角線計算手機屏幕尺寸。對角線越長,屏幕尺寸越大。因此,在16:9屏幕逐漸退出歷史舞臺后,對角線較長、屏幕較窄的18:9比例出現在全屏手機上。這樣,屏幕尺寸可以更大。其次,手機可以變薄變長,更方便用戶用一只手握住全屏手機的設計理念。
因此,如果按實際可視面積計算,全屏18:9的屏幕一定要比同尺寸的16:9屏幕小,而且會顯得更窄,所以屏幕尺寸的計算方法“欺騙”了我們。不可否認,18:9的設計更適合全屏手機。超窄的邊框允許用一只手握住大屏幕手機。不過,由于手的大小是固定的,即使全屏手機超過6.5英寸,也很難握住。因此,6-6.3英寸左右的屏幕尺寸將成為全屏時代的主流。
最后,我想說的是,很多中高端全屏幕手機的屏幕分辨率還是2160*1080,確實有點低。如果將來升級到1440p分辨率,可以帶來更好的視覺體驗。