¿Tamaño del diseño de la interfaz UI?

(1) Especificaciones del tamaño de la interfaz

1. El tamaño de la interfaz es: 750x1334px.

2. Barra de estado (statusbar): Es la barra de energía, su altura es: 40px.

3. Barra de navegación (navegación): Es la barra superior, su altura es: 88px.

4. Barra de menú principal (submenú, pestaña): Es la barra de pestañas, barra inferior, y su altura es: 98px.

5. Área de contenido (content): Es el área en el medio de la pantalla, su altura es: 1334px-40px-88px-98px=1108px.

(2) Especificaciones del tamaño de los iconos

1. El tamaño de la barra de navegación y de herramientas es 44x44px.

2. El tamaño de la barra de etiquetas es 75x75px.

3. El tamaño máximo del texto de la barra de navegación es de 34-36 píxeles y el tamaño del texto debajo del icono de la barra de pestañas es de 20 píxeles.

4. El tamaño del texto del área de contenido es: 20px, 24px, 26px, 28px, 30px, 32px, 34px.

5. Establezca la altura del icono de la interfaz y la altura del botón deslizante del interruptor: 58px

(3) Especificación de altura en la que se puede hacer clic

Unificar a 88px. 88px es un tamaño de diseño comúnmente utilizado.

(4) Especificación de la altura de la barra de búsqueda

La altura de la barra de búsqueda está unificada a 58px.

(5) Especificación de distancia entre elementos de la interfaz

Distancia común entre elementos de la interfaz, distancia cercana: 20px distancia de distancia: 30px;

A. Distancia: Por ejemplo, la distancia de todos los elementos desde el lado izquierdo de la pantalla del teléfono móvil.

B. Distancia íntima: Por ejemplo, la distancia entre el icono de la izquierda y el texto de la derecha.

Pantalla de 5,5 pulgadas, resolución de píxeles de 1242x2208px-@3x, resolución lógica de 414x981px-@1x. El tamaño físico es 1080x1920px. Este tamaño físico es actualmente el tamaño más popular para borradores de diseño en pantalla grande.