了解 UI 设计规范，从多大开始

尺寸应根据不同手机的不同屏幕分辨率指定。

一般来说，渲染的主流是做480*800来测试，iPhone4（或者S）用的是640*960，但这只是渲染，真正的开发还需要切画面，用第9点做屏幕适配。

常见手机显示分辨率：96x65、96x96、128x96、128x128、160x128、160x160、176x144、220x176、240x176、320x240、640x480、800x480

Apple 4：960 640 像素，英寸。

三星：源分辨率为 480 800 点。

小米：480 854 4英寸TFT屏幕。

Android手机屏幕尺寸。

01.接口设计的尺寸和立柱的高度。

1） 我们应该用 Photoshop 设置多大的新画布进行设计？另外，iOS应用中的栏高度是多少，包括状态栏、导航栏、标签栏、工具栏等？ （注意：。

2）目前主流的iOS设备iPhone 6S 7 8 Plus和iPhone X使用3倍的分辨率，其他的都是2倍的分辨率，无论是列的高度还是应用图标，设计师提供给开发者的切片大小， 前者始终是后者的双倍，并在文件名末尾分别用@3x和@2x命名，程序根据不同的分辨率自动加载@3x或@2x的切片。

3）注意：在设计iPhone X时，我们仍然可以使用熟悉的iPhone 7的设计尺寸作为模板，但高度增加了290px，设计尺寸为750*1624（@2x）。请注意，状态栏的高度已从 40px 更改为 88px，首页指示器的底部应保留为 68px。

YouAreed界面取决于您使用的产品或软件的性能，一般与计算机的屏幕一样大。

UI界面有多大，可以根据使用说明书调整大小，根据个人喜好。

接口有多大？ 这取决于你想显示多大吗？ 如果你能得到一个公里宽的界面，你就可以显示它。

首先确认设计草稿是1920x1080，其实应该减去标题栏、滚动条，甚至工具栏和制表符之间的距离，才能得到实际的页面大小。

桥接指示器或屏幕，保证页面效果至少可以达到1920x1980的分辨率级别（当然没有必要，但至少会更方便。 小屏幕，比如1366x768，也可以通过响应式设计模式设置到更大的分辨率，但看起来总是很麻烦，不是吗？ ），DPR 保持在 1（缩放在系统显示设置中为 100%，浏览器缩放为 100%，如果不确定，请转到控制台打印下一个窗口。

让我们看看它是否是 1）。

确保带注释的组件确实是 100x50，最好去 ps 并使用标尺工具实际测量它。

如果不确定 3，则为浏览器安装一个设计比较插件，然后将预览拖出并拖放，看看是否可以重叠。