Navegación de la aplicación y estilo de diseño de página.
La distribución de la navegación de la página es la siguiente
? Coloque la entrada en la parte inferior de la página para formar la navegación por pestañas. En la actualidad, este tipo de método de diseño de navegación es muy común en el diseño de aplicaciones y su ventaja es muy obvia, es decir, los usuarios pueden ver la estructura funcional de la aplicación de manera muy directa. La desventaja es que estas funciones no tienen una relación primaria y secundaria muy clara y la escalabilidad es pobre. Por lo tanto, actualmente se recomienda que la navegación de etiquetas no tenga más de 5 etiquetas en la parte inferior. Si hay más de 5 etiquetas, se recomienda utilizar otros métodos.
Este tipo de navegación es similar a la navegación por etiquetas, excepto que la etiqueta de navegación del medio contiene más opciones de operación, es decir, la etiqueta contiene más navegación secundaria. Tomando a Xiaohongshu como ejemplo, la navegación inferior es una navegación de timón típica. Al hacer clic en la etiqueta " ", se activará directamente la cámara e importará imágenes/videos y otro contenido.
Para las etiquetas secundarias extendidas en la navegación del timón. , estas etiquetas secundarias pueden formar una navegación separada: Navegación Dianju. Como se puede ver en la navegación inferior de Bilibili, al hacer clic en la navegación central aparecerán 4 etiquetas secundarias: transmisión en vivo, filmación, carga y creación de plantillas. Los métodos de navegación estilo timón y punto a punto suelen ser adecuados para escenarios en los que los productos requieren orientación especial o resaltan funciones principales. Sus deficiencias son que no hay prioridad entre funciones y una escalabilidad deficiente, lo que no favorece una expansión posterior de funciones.
Al colocar la etiqueta en la parte superior de la interfaz se formará una navegación de etiqueta de pestaña. Este tipo de navegación es adecuada para aplicaciones con muchas categorías como navegación secundaria para ordenar la lógica de la página y tener un diseño claro. Como navegación secundaria, la navegación por pestañas superiores se utiliza en una variedad de situaciones y puede mostrar una cantidad fija de pestañas. También puede expandir una cierta cantidad y deslizar hacia la izquierda para mostrar más pestañas, lo cual es muy flexible. Sin embargo, debido a que deslizar hacia la izquierda y hacia la derecha en un teléfono móvil no es tan conveniente como deslizar hacia arriba y hacia abajo, personalmente creo que es mejor no expandir. demasiadas pestañas. Tomemos como ejemplos Weibo y Xiachuchishi. Ambas aplicaciones utilizan la navegación por páginas con pestañas.
La navegación del cajón oculta el menú en la página actual. Haga clic en la entrada de navegación para abrir el menú como si fuera un cajón. La navegación por cajón se utiliza generalmente para colocar funciones que los usuarios utilizan con menos frecuencia o que no son fundamentales para el producto. La ventaja es que puede ahorrar espacio en la página y es más adecuada para aplicaciones que no requieren un cambio frecuente de contenido, como. configuración, acerca de y personal. Ocultación de información y otros contenidos. Tomemos como ejemplo NetEase Cloud Music. Utiliza una navegación de cajón muy estándar. Actualmente, más aplicaciones adoptarán la variante de navegación de cajón, es decir, después de hacer clic en la entrada de navegación y deslizarse hacia la derecha, toda la página del cajón se deslizará y ocupará. La pantalla completa, como el cajón de navegación de la aplicación Xiaohongshu.
Generalmente ubicado en la parte superior del producto, haga clic para abrir el menú de navegación. El menú de navegación está ubicado en la capa superior de la interfaz en forma de ventana flotante, que se puede ocultar haciendo clic en el área fuera del menú de navegación. El menú y la interfaz de navegación desplegable son más coherentes que el tipo cajón, lo que facilita a los usuarios percibir la ubicación actual. Sin embargo, debido a que está ubicado en la parte superior de la pantalla, está relativamente oculto y no se puede combinar con operaciones de gestos, este formulario de menú no es adecuado para cambios frecuentes de funciones. Teniendo en cuenta que el área disponible del menú de navegación es pequeña, el contenido del menú generalmente se muestra en forma de lista. Existe otra variación de la navegación desplegable, que consiste en mostrar dos o incluso varios niveles en el menú desplegable. Generalmente es más común en productos de comercio electrónico porque hay muchas categorías y condiciones de filtrado.
Todas las entradas de funciones principales se agregan en la página, lo que permite a los usuarios tomar decisiones. Aunque este tipo de método de organización no permite a los usuarios ver el contenido o realizar operaciones de inmediato, la presión de elección del usuario también es relativamente alta. Pero permite a los usuarios comprender los servicios que brinda la APLICACIÓN en su conjunto y elegir el servicio que necesitan. Este tipo de navegación es adecuado para algunas aplicaciones que brindan más servicios o más categorías, como Alipay, Taobao, etc.
La navegación Gongge se usa ampliamente y tiene muchas variantes. Tome Baidu Tieba como ejemplo. Al aplicar la navegación Gongge, clasifica las funciones y usa títulos para distinguirlas, lo que hace que los usuarios sean más fáciles de encontrar. la función que necesita utilizar entre muchas funciones.
También hay una variación, que es una cuadrícula deslizante. Este diseño es adecuado para cuadrículas con mucho contenido pero que no quieren ocupar demasiado espacio en la pantalla, por lo que los usuarios pueden deslizarse hacia la izquierda y hacia la derecha. ver contenido funcional. Tomemos como ejemplo la aplicación Xiaomi. Dado que tiene muchas funciones pero no quiere ocupar más área de pantalla, la navegación solo tiene dos filas de funciones, pero los usuarios pueden deslizarse hacia la derecha para encontrar más funciones. Se utiliza un indicador debajo del área de la cuadrícula para informar a los clientes sobre el rango deslizante.
Las categorías se indican a través de listas y las flechas se muestran a la derecha para indicar el contenido secundario. La navegación por listas se usa generalmente para páginas secundarias porque, al igual que la navegación en cuadrícula, no muestra ningún contenido sustancial de forma predeterminada. Normalmente las aplicaciones no lo usan en la página de inicio. Este tipo de estructura de navegación es clara, fácil de entender, tranquila y eficiente, y puede ayudar a los usuarios a localizar rápidamente la página correspondiente.
También puedes clasificar la lista para producir variaciones, de modo que la lógica sea más clara. No sé cómo determinar el nombre de la clasificación. También es posible eliminar el nombre de la categoría. El simple hecho de usar espacios para separar cada conjunto de listas también puede desempeñar un papel en la clasificación de la lógica.
Cada página representa una entrada de navegación. Esta es la navegación en carrusel, que es adecuada para aplicaciones que son relativamente simples o tienen una estructura relativamente plana. La navegación en carrusel puede garantizar la simplicidad de la página de la aplicación en la mayor medida posible y también es la más conveniente de operar. Solo necesita deslizar el dedo hacia la izquierda o hacia la derecha. Las desventajas también son obvias: el número de entradas para transporte es limitado y más de 10 pueden ser demasiados. Este tipo de navegación es común para ver imágenes y, a menudo, se combina con otros modos de navegación y se presenta como anuncios publicitarios.