Especificaciones del tamaño del iPhone
Método/Pasos
Especificación del tamaño de la interfaz
1. El tamaño de la interfaz es: 750x1334px.
2. Barra de estado (status bar): Es la barra de encendido, su altura es: 40px
3. la altura es: 88px;
4. Barra de menú principal (submenú, pestaña): es la barra de pestañas, barra inferior, su altura es: 98px;
5. contenido): es el medio del área de la pantalla, su altura es: 1334px-40px-88px-98px=1108px
Especificación estándar del tamaño del diseño de la interfaz IOS
Especificación del tamaño del icono
1. Tamaño de la barra de navegación y de herramientas 44x44px;
2. Tamaño de la barra de pestañas 75x75px
3. 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.
Establezca la altura del icono de la interfaz y la altura del botón deslizante del interruptor: 58px
Especificación estándar del tamaño del diseño de la interfaz IOS
Especificación de altura en la que se puede hacer clic
En el prototipo del iPhone 6, está unificado a 88px. En el borrador del diseño del iPhone6, 88px es un tamaño de diseño comúnmente utilizado.
Especificación estándar del tamaño del diseño de la interfaz IOS
Especificación de altura de la barra de búsqueda
La altura de la barra de búsqueda está unificada a 58 píxeles en el prototipo del iPhone 6.
Especificación estándar del tamaño del diseño de la interfaz IOS
Especificación de distancia entre elementos de la interfaz
En el borrador del diseño del iPhone6, la distancia común entre los elementos de la interfaz, distancia íntima: 20px; Distancia: 30p x.
A. Distancia: Por ejemplo, la distancia de todos los elementos desde el extremo 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.
Especificaciones estándar del tamaño del diseño de la interfaz IOS
En el diseño del prototipo, es necesario considerar la adaptación de los teléfonos Apple con diferentes tamaños de pantalla a @1x.
1. El tamaño de la pantalla del iPhone5 en @2x es 640x1136px; en consecuencia, el tamaño de la pantalla en @1x es 320x568px;
2. es: 750x1334px; correspondientemente @1x, el tamaño de la pantalla es 375x667px;
3. El tamaño de la pantalla del iPhone6Plus en @3x es: 750x1334px correspondientemente @1x, el tamaño de la pantalla es 414x736px;
@3x de iPhone6Plus, iPhone6 @2x, introducción a @2x de iPhone5
1 iPhone6Plus tiene una pantalla de 5,5 pulgadas, una resolución de píxeles de 1242x2208px-@3x y una resolución lógica de 414x981px-. @1x. El tamaño físico es 1080x1920px. Este tamaño físico es también el tamaño de borrador de diseño de pantalla grande más popular para teléfonos Android.
2. El iPhone6 tiene una pantalla de 4,7 pulgadas, una resolución de píxeles de 750x1334px-@2x y una resolución lógica de 375x889px-@1x.
3. El iPhone5 tiene una pantalla de 4 pulgadas, una resolución de píxeles de 640x1135px-@2x y una resolución lógica de 320x757px-@1x.