手机页面尺寸布局设计图？ 手机页面尺寸布局设计图片？

京东移动端首页主图设计尺寸

主图尺寸：800*800像素（6张）详情页：PC端750px ，移动端640px。PC端首页宽度默认是990px，侧边栏790px、150px选项。全屏通栏是1920px。店招尺寸为1920*120px（也可以1920*150px）。详情页宽度默认为990px，也可以做成750px和790px（以前是这个尺寸）。手机端首页宽度为640px，每一个小方格是85px。店招尺寸为640*200像素。

首页Banner：仅支持jpg，png和GIF，默认风格模板内 banner大小为980*250。一．主图大小800*800 像素 （必须800*800像素），图片质量要清晰不能虚化，并且满画布显示，照片要保证亮度充足。二．VI图大小为740*800 店铺LOGO：仅支持jpg，png和gif，默认风格模板内。三． logo大小为180*60。

主图尺寸需为800*800像素，建议提供6张图片。 详情页设计上，PC端的宽度建议为750px，而移动端则为640px，适应不同设备的浏览需求。在PC端首页，常规宽度为990px，其中侧边栏分为790px和150px两部分。全屏展示时，宽度为1920px。

手机app界面设计尺寸

宽度：通常在360px到412px之间。这个范围涵盖了大多数android智能手机的屏幕宽度。高度：通常在640px到720px之间。这个范围反映了大多数Android手机的高度尺寸。 平板电脑屏幕 宽度：通常在768px到1024px之间。这个范围适用于大多数Android平板电脑和iPad（尤其是较旧的型号）。

界面尺寸：iOS平台：通常基于750*1344尺寸设计，转换后得到的手机原型尺寸为375x667。Android平台：原型尺寸调整为360*640。字体大小和样式：iOS系统：采用苹方/PingFang SC和San Francisco Pro字体。Android x以上版本：推荐使用思源黑体/Noto Sans Han，0以下版本使用Droid Sans Fallback。

Android界面尺寸：480*800、720*1280、1080*1920。由于安卓设备众多，一个应用程序图标需要设计几种不同大小，如：LDPI（LowDensityScreen，120DPI），其图标大小为36x36px。MDPI（MediumDensityScreen，160DPI），其图标大小为48x48px。

小屏手机：设计尺寸为320x480像素（@2x）。 普通屏手机：设计尺寸为375x667像素（@2x）。 大屏手机：设计尺寸为414x736像素（@3x）。为了确保手机app界面在各种设备型号和屏幕大小上的显示效果一致，我们需要采取一定的适配方案。

在Android设计中，以160 DPI屏幕的1倍图为基础，常用尺寸有720 * 1280（2倍图）和1080 * 1920（3倍图）。字体方面，iOS中推荐使用PingFang SC、Helvetica、SF UI Text 和 SF UI Display，而Android则倾向于思源黑体/ Noto和Roboto字体。

androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。状态栏、导航栏和主菜单栏，以720*1280的尺寸来设计，那么状态栏的高度应为50px，导航栏的高度96px，主菜单栏的高度96px，因为是开源的系统，这里的数值也只能作为参考。

IOS界面设计尺寸标准规范

iosUI设计尺寸规范如下：界面尺寸大小为750乘以1334px；电量条高度为40px；导航栏高度为88px；主菜单栏高度为98px；内容区域高度为1108px；设置界面的图标高度和开关滑动按钮高度为58px；内容区域的文字大小为20px24px，26px，28px，30px，32px，34px。

iOS界面设计常用的尺寸和分辨率如下：iPhone SE （第3代）：7英寸，分辨率1334 x 750。iPhone 8/8 Plus：iPhone 8：7英寸，分辨率1334 x 750。iPhone 8 Plus：5英寸，分辨率1920 x 1080。

iPhone6是7英寸屏幕，750x1334px-@2x的像素分辨率，逻辑分辨率是375x889px-@1x。iPhone5是4英寸屏幕，640x1135px-@2x的像素分辨率，逻辑分辨率是320x757px-@1x。

iOS系统的尺寸规范包括了iPhone和iPad，其中iPhone的界面尺寸有320*480、640*960、640*113750*1331080*1920等，iPad的界面尺寸则有1024*762048*1536等。这些尺寸基于像素72dpi的单位，在设计时并非每一种尺寸都需要制作一套界面，设计师们可以依据自己的需求选择合适的尺寸，便于预览效果。

移动端H5页面的设计稿尺寸(上)

1、经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了。这是一个历史遗留问题，这里提到的屏宽，更确切的说，是将viewport设置为width=device-width时的宽度，习惯称这个宽度为屏宽，也就是设备独立像素的宽度。

2、H5页面设计尺寸的规范是根据手机屏幕尺寸来制定的，主要目的是确保页面内容在不同手机上都能完整呈现。手机屏幕尺寸和比例不一，因此设计时需要考虑内容的优先级，将重要的元素放在安全区内，比如背景图和关键文字信息。而边缘部分则划分为出血区，这部分内容可以被裁剪或用于遮挡手机背景。

3、你好 手机像素尺寸，现在市场上大部分是：720*1280px，当然，还有680*1008；苹果的不知道。五六尺寸是：360*640 建议以：720*1280px为准来设计手机版面，ps：避免做到手机上以后图片失真。