ui设计手机网页尺寸规范（ui设计手机网页尺寸规范图）
本文目录一览：
ui界面设计尺寸?
界面尺寸大小是：750x1334px。状态栏（statusbar）：就是电量条，其高度为：40px。导航栏（navigation）：就是顶部条，其高度为：88px。主菜单栏（submenu，tab）：就是标签栏，底部条，其高度为：98px。
如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。
ui的尺寸是1920-2000px，UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface（用户界面）的简称。
UI界面设计尺寸具体如下：一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。
Android设计尺寸360X640，IOS设计尺寸375X812，电脑设计尺寸1920X1080。ui的尺寸是1920到2000px，iOS和Android平台都定义了各自的像素计量单位，iOS的尺寸单位为pt，Android的尺寸单位为dp。
【PS】移动端UI设计尺寸整理
如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。
要根据不同手机不同的屏幕分辨率来规定尺寸。一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。
UI界面设计尺寸具体如下：一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。
使用菜单【图像 图像大小】，可看到如下右图的信息。位于上面的像素大小我们都已经熟悉了，指的就是图像在电脑中的大小。其下的文档大小，实际上就是打印大小，指的就是这幅图像打印出来的尺寸。
就是让同一套APP的UI设计，在不同尺寸分辨率比例的「移动终端设备」上都能正常显示。为此需要根据不同机型对构成界面的组件进行的一系列调整。 为什么要适配？为了在多样性的设备环境中追求体验的一致，保持理想的展示效果。
移动端UI设计文件，目前以ihone6，750X1334px为基准可向上向下适配，@2X图基本可以与安卓系统2倍图相适配。分辨率为72像素。
UI尺寸规范
一般情况下，图片的尺寸是需要告诉比例的，而不是固定的大小，这样开发才能更好的适配，常用的图片比例有4：16：9等。
来分析一下界面的尺寸规范：首先是状态栏，就是信号电池栏的高度为40px。导航栏部分，就是“设置”栏高度为88px。而下边的底部栏（导航栏）高度则为98px。注意这三种尺寸是规定比较死的。
要根据不同手机不同的屏幕分辨率来规定尺寸。一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。
对于刚入行的UI设计师，最容易犯的错就是在设计移动APP时，不懂什么尺寸或者用哪种屏幕的尺寸是最适当的？为了解决这个问题，今天我们就简单的为大家整理做UI时最基础的尺寸规范。
移动端UI设计的PPI,逻辑像素,作图尺寸及适配
说明：本章涉及的概念有：逻辑像素、倍率、逻辑像素密度。 假如我们在界面A（1英寸，4x4 px）上放一个1×1像素的红方格，然后把它移动到同样尺寸、2倍像素密度的界面B（1英寸，8x8 px）上，如下图所示。
倍率与逻辑像素 再用iPhone3gs和4s来举例。假设有个邮件列表界面，我们不妨按照PC端网页设计的思维来想象。3gs上大概只能显示4-5行，4s就能显示9-10行，而且每行会变得特别宽。但两款手机其实是一样大的。
ppi计算公式：ppi=屏幕对角线像素数/屏幕对角线英寸数，通过勾股定理计算屏幕对角线像素数。 ScreenSize（屏幕尺寸）：手机屏幕尺寸大小，如3英寸、4英寸、3英寸、7英寸，指的是对角线的长度。
iPhone1为例，因为这个设计规范提出来的时候，苹果还没有适应retina屏，苹果是在iPh而用户在one4的时候才开始采用retina屏。当时的屏幕ppi是163px。屏幕中可点击的物理尺寸是7mm-9mm。
手机UI设计的基本规范 大家都知道手机采用的：一个是苹果的iOS系统，另一个就是谷歌公司的安卓系统。
