ui网页设计稿大小（ui网站设计规范）
本文目录一览：
ui设计网页分辨率
1、网页界面设计中，使用的分辨率的显示密度是72dpi。
2、*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域为1200px以内都可以。在800*600分辨率下，导航栏尺寸规格保持在778px以内；在1024*768分辨率下，网页宽度保持在1002px以内。
4、dppx。1dppx这是标准的屏幕分辨率密度，每英寸有96个像素，这是大多数计算机显示器和笔记本电脑的默认密度。
5、要根据不同手机不同的屏幕分辨率来规定尺寸。一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。
【PS】移动端UI设计尺寸整理
如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhoneX）。
要根据不同手机不同的屏幕分辨率来规定尺寸。一般做效果图主流都是做480*800来测试，iphone4（或s）就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。
所以720 x 1280尺寸的设计稿上，字体大小可选择为 24px 、28px 、32px 、36px ，主要根据文字的重要程度来选择，特殊情况下也可能选择更大或更小的字体。 f、其他尺寸要求 通常把48dp作为可触摸的UI元件的标准。
使用菜单【图像 图像大小】，可看到如下右图的信息。位于上面的像素大小我们都已经熟悉了，指的就是图像在电脑中的大小。其下的文档大小，实际上就是打印大小，指的就是这幅图像打印出来的尺寸。
UI界面设计尺寸应该是多少?
1、界面尺寸大小是：750x1334px。状态栏（statusbar）：就是电量条，其高度为：40px。导航栏（navigation）：就是顶部条，其高度为：88px。主菜单栏（submenu，tab）：就是标签栏，底部条，其高度为：98px。
2、如果以iPhone为设计设备，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计。
3、ui的尺寸是1920-2000px，UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface（用户界面）的简称。
UI设计稿IOS和安卓如何适配
IOS与Android各做两套设计效果图原理跟方案二差不多，但为了追求细节上的完美，可以多做一套设计图，即两套设计图：1242*2208和640*1131242*2208适配6P、Android三种尺寸。
用Sketch设计一套稿可以适用 iOS 和 Android 两个版本的app： 以屏幕渲染像素（Rendered Pixels）尺寸做， iOS iPhone 6，750x1334px 开始设计。
iOS设计尺寸375*812适配安卓可以按照以下标准做参考：设计基准选择指的是挑选当前主流的手机屏幕分辨率作为设计适配标准。摒弃些非主流甚至已经淘汰的手机屏幕尺寸，例如i0S@1x倍率的屏幕尺寸。
ios和安卓适配从系统差异、成本考虑和用户习惯三大原则来考虑。Android后退”按钮对Android物理按钮和屏幕导航按钮的区别更有用，iOS只有home键。随着全屏显示，会打破这个差异。因此，在设计返回操作时必须考虑平台的差异。
iOS基于GPU加速，而Android需要适应不同的手机硬件，需要满足各种差异配置，所以很多图形特效大多都要靠程序本身进行加速和渲染。安卓机制效率低，Android的编程语言是JAVA，而iOS的则为Objective-C。
iOS端的“设计图”是可以适配安卓的。iOS端APP的图需要2倍图和三倍图。但是安卓的需要更多类型的切图用于适配不同的机型。设计师都是出一套以某个iOS机型或者安卓某个机型的矢量图，在这个图的基础上去做iOS安卓的适配。
