¿De qué partes consta la aplicación?

1. Página de inicio en frío

La página de inicio al abrir una aplicación generalmente se compone de una combinación simple de logotipo, eslogan, número de versión, nombre del producto, nombre de la empresa, derechos de autor y otros. información La duración de la ocurrencia es generalmente de 3 segundos;

El inicio de la aplicación se divide en dos tipos:

Arranque en frío y arranque en caliente;

Arranque en frío: al iniciar la aplicación Cuando se inicia la aplicación, no hay ningún proceso de solicitud en segundo plano;

Inicio en caliente: cuando se inicia la aplicación, ya hay un proceso en segundo plano.

2. Página de orientación

Generalmente se utiliza para guiar las funciones del producto, lo que permite a los usuarios comprender rápidamente las características del producto. El número de páginas suele ser de 1 a 5 páginas (3 páginas es; el más común); El contenido consta de temas, introducciones gráficas/texto, indicadores de página, botones de salto, etc.

Escenarios comunes: activación de nuevos usuarios, regreso de usuarios antiguos, actualizaciones de funciones de versiones principales

Notas de diseño: no debe haber demasiada información de texto, el tema del contenido debe ser destacado y Las imágenes deben ajustarse al tono de la marca y el número de páginas no debe ser demasiado.

3. Inicio de sesión y registro

Las aplicaciones generales tendrán sus propios sistemas de usuario. Una pequeña cantidad de aplicaciones de terceros con funciones simples no lo tienen, como las calculadoras en las herramientas del sistema. , Despertador, clima, etc.

Inicio de sesión de cuentas de terceros, los usuarios no necesitan ingresar información directamente para iniciar sesión con una cuenta de terceros. El proceso se simplifica y se mejora la tasa de retención;

E. -registro por correo, generalmente este es el comienzo del registro de la versión web;

El registro del número de teléfono móvil generalmente se combina con una contraseña o un código de verificación dinámica.

Los tres métodos anteriores se suelen utilizar en combinación.

4. Página de contenido

Barra de estado: se utiliza para presentar información como señal, hora, potencia, etc., ubicada en la parte superior de la interfaz de la APLICACIÓN y puede cambiar el fondo. color y uniformidad de la aplicación;

Barra de navegación: desempeña una función de navegación y está ubicada en la parte inferior de la barra de estado. Generalmente muestra el contenido de navegación y los títulos de las páginas, y también se puede colocar con controles de búsqueda;

Barra de pestañas: permite a los usuarios cambiar entre diferentes páginas. : Permite a los usuarios cambiar entre diferentes páginas. Está ubicado en la parte inferior de la APLICACIÓN. Generalmente, se colocan de 3 a 5 piezas de contenido, íconos y texto.

¿Barra de herramientas?: Se usa comúnmente para la visualización de operaciones. de la página actual, ubicada en la parte inferior de la APLICACIÓN. La forma de los gráficos y el texto depende del escenario de uso y generalmente se usa para páginas secundarias;

SearchBar?SearchBar: se usa para búsqueda, el ancho. y la altura se pueden personalizar y se pueden ubicar en la navegación o debajo de la navegación.

5. Formato de contenido

Formato de lista: la información de cada lista puede ser una imagen o texto separado, o una combinación de imágenes y texto, la mayoría de los cuales se separarán mediante división. líneas distintivas;

Formato de tarjeta: muestra contenido similar en forma de rectángulo o rectángulo redondeado;

Vista de colección: muestra información similar en forma de mosaico, generalmente en forma de imágenes Principalmente. , texto como complemento;

Formato de imagen: visualización de imagen pura;

Formato de texto: visualización de texto puro;

6. > El diseño de lista es muy común en las aplicaciones. Su característica es que puede mostrar múltiples datos en una pantalla pequeña y los usuarios pueden obtener más información deslizándose hacia arriba y hacia abajo.

Para una experiencia de lista cómoda, la altura mínima es 80 px y la altura debe basarse en la cantidad de contenido.

Los ejemplos de diseño de lista son los siguientes:

La lista de mensajes de Weibo es de 126 px, la lista de mensajes de WeChat es de 136 px, la lista de mensajes de QQ es de 132 px, la lista de NetEase Cloud Music es de 110 px Y la lista del centro personal de WeChat es de 88 px.

7. Tarjeta

Una tarjeta es un pequeño módulo rectangular que contiene imágenes y texto.

Facilita la visualización clara de información del mismo tipo, como el flujo de información.

En el mismo diseño de página, el ancho de la tarjeta debe permanecer sin cambios, pero la altura se puede ajustar; en consecuencia, la altura máxima se basa en el espacio disponible en la plataforma.

En términos generales, las tarjetas o botones en plataformas móviles tendrán esquinas redondeadas de al menos 2 píxeles. Sin esquinas redondeadas, serán nítidas y se sentirán mal.

La composición horizontal de la tarjeta suele tener una proporción de 16:9, 4:3 o 2:1, 3:2.