移动端***页面尺寸大小-移动端***页面尺寸大小怎么调

本篇文章给大家谈谈移动端app页面尺寸大小，以及移动端APP页面尺寸大小怎么调对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、移动端布局、手机屏幕尺寸(rem,vw,vh)及分辨率
• 2、安卓/ios中,app设计时常见的尺寸有哪些
• 3、新人必看!移动端尺寸基础知识
• 4、移动端界面设计之尺寸基础常识
• 5、怎样规范设计移动端APP的UI

移动端布局、手机屏幕尺寸(rem,vw,vh)及分辨率

1、移动端屏幕尺寸：屏幕对角线的长度，单位是英寸（1英寸=54厘米）。常见的尺寸有：4，8，5，7，2，0，5，0 什么是屏幕分辨率？屏幕分辨率：指横纵方向上的像素点数，单位为px，1px=1个像素点。

2、Vw（宽）、vh： 把屏幕分为100份，1vw等于屏幕的1 给文件根元素设置font-size值（会影响字体，但可以解决） //以iphone6为例，尺寸375，此时font-size=100px。

3、1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度 比如：浏览器高度900px，宽度为750px， 1 vh = 900px/100 = 9 px，1vw = 750px/100 = 5 px， 很容易实现与同屏幕等高的框。

安卓/ios中,***设计时常见的尺寸有哪些

1、***图标 ***图标指应用图标，图标尺寸为120x120，如果是游戏类应用，这个图标也会被用在Game Center中。

2、目前主流的是以iPhone6为主，设计尺寸是750*1334px，7寸。苹果6s的尺寸750px*1334px，6splus的尺寸就是1242px*2208px。

3、苹果6s 的尺寸750px * 1334px，6s plus的尺寸就是1242px * 2208 px。两者之间的关系就是5倍，怎么说呢，就是6s之类的手机想要变成Plus，我们设计师稍微想要偷懒一下设计，只需要整体扩大5倍，比如图标。

新人必看!移动端尺寸基础知识

1、既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。 下面来看看3个平台各自的画布设置：iPhone iPhone的屏幕尺寸各不相同，我说的是逻辑像素尺寸，这确实是让人很头疼的事情。

2、首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800，480x854，540x960，720x1280，1080x1920，而且还有传说中的2K屏。

3、移动端屏幕尺寸：屏幕对角线的长度，单位是英寸（1英寸=54厘米）。常见的尺寸有：4，8，5，7，2，0，5，0 什么是屏幕分辨率？屏幕分辨率：指横纵方向上的像素点数，单位为px，1px=1个像素点。

4、首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800， 480x854， 540x960， 720x1280， 1080x1920，而且还有传说中的2K屏。

5、按照这两种尺寸来设计，都是比较主流的做法。可以兼顾短一些的iPhone4s，大一点的6plus也不会过于空旷。不过在切图的时候要注意，由于iPhone6plus的3倍图是由2倍图放大而来，所以位图要注意保证清晰。

6、经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了。

移动端界面设计之尺寸基础常识

像素密度 要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480x800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。

Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。而在xxhdpi设备上，则是144x144px。 无论画布设成多大，我们设计的是基准倍率的界面样式，而且开发人员需要的单位都是逻辑像素。

怎样规范设计移动端***的UI 设计尺寸/屏幕支持 1 IOS：宽度640PX 高度1136px 当然还需要自适应模式，以便以后的屏幕扩充需求。IOS系统从iPhone4开始已经进入Retina（视网膜屏）时代，***尺寸比例从原来的1X变为了2X。

iPhone 界面尺寸： iPad 界面尺寸：***×762048×1536 （以上单位都是像素，至于分辨率一般网页UI和移动UI基本上都只要 72 ppi） 单位换算px、pt 这里需要先区分pt、px，pt（磅值）是物理长度单位，指的是72分之一英寸。

从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备。

怎样规范设计移动端***的UI

先构建和改善一种屏幕方向，然后再制作另一种。注意每种布局的利弊，睿智地加以利用和改良。YouToube应用官方版本为不同的方向模式设计了不同的布局，两者都在各自的纵横比下完美地运转。

可以***用扁平化设计、简洁的色彩和字体搭配等方式，让用户在短时间内找到自己需要的信息。

从用户的角度来看，***指导性设计八个规范：充分考虑用户的使用习惯。尽量减少产品层级以及深度。操作栏的设计。必须遵守确保优先展示操作按钮的准则。设计要主次分明。

每个屏幕只提供一个动作主题在***UI设计技术中，每个图像应该有一个单独的主题，这样用户不仅可以真正地使用它，而且还可以使它更容易开始和使用。如果一个屏幕支持两个或更多的主题，它会立即使整个界面看起来很混乱。

所以要求我们移动***设计者必须按照下面的三大准则和八项标准来设计。【手机***UI界面设计】三大准则：（1）不乱用颜色。一个页面内不要超过3种颜色 （2）不乱用大图片当背景。

移动端***页面尺寸大小的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于移动端***页面尺寸大小怎么调、移动端***页面尺寸大小的信息别忘了在本站进行查找喔。