尺寸规范在分辨率1024px*768px的情况下，满屏宽度为1003px，通常定义可视范围为920px~1000px之间常见宽960px980px1000px，一屏高度650pxUI方面 iOS iphone字体字号标准 字体中文苹方英文旧金山 字号正文最小24px常驻栏icon20px Andriod字体中文思源黑体英文roboto 字号。

1如果是比较复杂的页面，我们只需要第一屏撑满全屏，可以使用此方法单独定义html和body的样式html，bodywidth100%height100%2然后给DIV添加嵌套样式bgwidth 100%height 100%background #ff0000并在DIV中引入bgCSS保存页面后可以看到此时div也撑满屏幕了3。

iPhone手机网页的设计尺寸iPhone5尺寸是640x1136px分辨率是326PPIiPhone4和iPhone4S尺寸是640x960px分辨率是326PPIiPhone和iPodTouch第一代第二代第三代尺寸是320x480px分辨率是163PPI 安卓网页的设计尺寸320dp一个普通的手机屏幕240X320，320×480，480X800480dp一个中间平板电脑像480×8。

当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域为1200px以内都可以在800*600分辨率下，导航栏尺寸规格保持在778px以内在1024*768分辨率下，网页宽度保持在1002px以内如果没有指定的要求，以1920尺寸设计就好这是目前最普遍的尺寸大小，前端开发人员会自行适配其他的分辨率。

实际上大部分的app UI设计和移动端网页，在各种尺寸的屏幕上都能正常显示说明尺寸的问题一定有解决方法，而且有规律可循 像素密度 要知道，屏幕是由很多像素点组成的之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸比如480×800的屏幕，就是由800行480列的像素点组成的每个点发出不同颜色的光，构成。

程序再根据不同分辨率自动加载@3x或者@2x的切片3注意在进行iphonex设计的时候我们依然可以采用熟悉的iphone7的设计尺寸作为模板，只是高度增加了290px，设计尺寸为750*1624@2x注意状态栏的高度由原来的40px变成了88px，另外底部要预留68px的主页指示器的位置。

从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备如果以iPhone为设计设备，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来。

iPhone4s的屏幕像素是640x960刚好两倍，然而两款手机都是35英寸的所以，我们要引入最重要的一个概念像素密度，也就是PPIpixelsperinch这项指标是连接数字世界与物理世界的桥梁以上文章就是小编为大家带来的关于移动端界面设计之尺寸基础常识的全部内容了，这些你都学会了吗移动端。

ui设计小程序商城尺寸最好是多少1设计小程序上的轮播图的图片是169的宽高比例，所以商家在给小程序商城设计轮播图的时候，尽量按照这个尺寸来选择如果有多张轮播图，建议几张的轮播图的尺寸大小保持一致，这样整体的视觉上看起来就非常美观整洁2设计商品图尺寸，建议详情图尺寸宽度800，高度。