¿Qué tamaño debe tener el diseño de la interfaz UI?

01. Tamaño del diseño de la interfaz y altura de la columna

(1) Cuando usamos Photoshop para diseñar, ¿qué tamaño debe tener el nuevo lienzo? Además, ¿cuáles son las alturas de la barra de estado, la barra de navegación, la barra de pestañas, la barra de herramientas y otras columnas en las aplicaciones de iOS? (Nota: iOS estipula estrictamente la altura de cada columna, que debe respetarse) Las siguientes tablas y gráficos le ayudarán a responder las preguntas anteriores.

(2) Los principales dispositivos iOS actuales, iPhone 6s/7/8 Plus y iPhone. La altura del icono, el tamaño de corte proporcionado por el diseñador al desarrollador es siempre 1,5 veces mayor, y en el al final del nombre del archivo @3x y @2x, el programa carga automáticamente el primero según las diferentes alturas de la aplicación, que siempre es 1,5 veces el segundo y @3x y @2x al final del nombre del archivo. Nombre, y el programa carga automáticamente cortes @3x o @2x según la resolución.

(3) Nota: Al diseñar el iPhone x, todavía podemos usar el tamaño de diseño familiar del iPhone 7 como plantilla, pero la altura aumenta en 290 px y el tamaño del diseño es 750*1624 (@2x) . Tenga en cuenta que la altura de la barra de estado ha cambiado de 40 px a 88 px, dejando 68 px en la parte inferior para el indicador de la página de inicio.