Reflexiones sobre las diferencias entre Android MD y Apple IOS
Relativamente hablando, estamos más familiarizados con las especificaciones de diseño de iOS. Debido a consideraciones de costos, los diseñadores solo crearán un conjunto de borradores de diseño de iOS al diseñar productos y luego los adaptarán a los modelos de Android. Es raro encontrar otra solución estilo MD para modelos Android. Aunque este fenómeno existe, no es razonable. Diferentes sistemas/plataformas utilizan diferentes lenguajes de diseño, y diferentes lenguajes de diseño cultivarán diferentes hábitos operativos.
Por ejemplo, los usuarios que utilizan teléfonos Android suelen ver interfaces de estilo MD. Si de repente descargan una aplicación de estilo iOS, se sentirán muy incómodos con el funcionamiento y aumentarán los costes de aprendizaje. Para adaptar el producto a los hábitos operativos de los usuarios en diferentes plataformas, se requieren dos conjuntos de borradores de diseño, MD e iOS. Por supuesto, la diferencia entre MD e iOS no se puede explicar claramente en un solo artículo. Aquí analizaré brevemente las diferencias entre MD e iOS desde tres aspectos: sombra, navegación y combinación de colores.
Para los diseñadores que no están familiarizados con MD, MD es una gran sombra de bloque de color. ¿Por qué MD está tan obsesionado con las sombras? Como puedes ver por su nombre, Material Design, el material aquí se refiere al papel. Debido a que proviene de la vida real, a MD le gusta utilizar las leyes físicas y las relaciones espaciales de los elementos del mundo real para expresar la relación jerárquica entre los componentes. Sombra es la forma de expresión más común:
Para el mismo registro de cuenta, los botones de la interfaz de Android están sombreados, mientras que los botones de la interfaz de iOS no tienen sombra.
FAB (Floating Action Button), un botón de acción flotante con una sombra, se ha convertido incluso en una firma importante de MD. En comparación, iOS es más plano.
El sistema de navegación del producto se compone principalmente de una barra de menú, que se puede dividir en menú de barra superior, menú de barra inferior y menú de barra lateral según la posición y el método de interacción. El sistema de navegación de iOS consta principalmente de menús de la barra inferior, mientras que MD hace un uso extensivo de los menús de la barra superior y de la barra lateral. Veamos algunos ejemplos:
NetEase Cloud Music utiliza la barra de navegación del menú inferior en iOS, pero en los modelos Android, la barra de navegación se mueve a la parte superior de la interfaz, recibiendo "cuenta".
Bilibili tiene cinco pestañas en el menú de la barra inferior en iOS, pero sólo cuatro pestañas en Android. "Mío" también se coloca al lado de la barra lateral.
Descubrimos que las dos primeras aplicaciones nacionales conservaron el menú de la barra inferior en los modelos Android, mientras que las dos últimas aplicaciones extranjeras cortaron directamente el menú de la barra inferior. No sólo Apple Music y Twitter, muchas aplicaciones extranjeras de Android no utilizan los menús de la barra inferior. Las aplicaciones domésticas, incluso MD, están castradas y son un híbrido de iOS y MD. Incluso muchas aplicaciones de Android tienen un estilo de diseño similar al de iOS. Tomando a Bilibili como ejemplo, las versiones de Android anteriores a la 5.11 no tenían un menú de barra inferior.
La ventaja de la barra lateral es que puede proporcionar más pestañas y se pueden colocar hasta cinco en el menú de la barra inferior. Sin embargo, el menú de la barra lateral requiere que los usuarios hagan clic y está relativamente oculto, mientras que la barra inferior y la barra superior son más claras de un vistazo. En resumen, cada una tiene sus propias ventajas.
En cuanto a por qué MD abandonó el menú de la barra inferior, mi comprensión personal es el dispositivo. Debido a que hay tres botones físicos en la parte inferior del modelo de Android, si el menú de la barra en la parte inferior se usa como método de navegación principal, es fácil para los usuarios hacer clic accidentalmente.
Del mismo modo, también existen aplicaciones web, porque la barra de control del navegador también está en la parte inferior, por lo que si se utiliza el menú de la barra inferior, también provocará un mal funcionamiento por parte del usuario.
MD aboga por el uso de colores contrastantes de alta saturación para mejorar la expresión visual de los productos, que es el gran bloque de color que mencioné anteriormente. Para la misma función, desde el color de fondo de la barra inferior, las ilustraciones hasta los botones, puede encontrar que iOS es más restringido en el uso del color.
La versión anterior de Android de Zhihu usaba una gran área de color azul, pero luego se cambió a blanco como iOS. Este ajuste ha recibido críticas mixtas. Algunos usuarios informaron que plagiaba completamente a iOS y debería cambiarse nuevamente a MD.
Por supuesto, como se mencionó anteriormente, la diferencia entre MD e iOS no solo se refleja en los tres puntos anteriores, también hay algunos pequeños detalles dignos de nuestra consideración. Todos sabemos que en iOS, cuando el usuario desliza hacia la derecha, volverá a la página anterior. Debido a que los teléfonos Apple no tienen un botón físico de retroceso, este mecanismo es popular, pero puede causar problemas en algunos escenarios específicos. Por ejemplo, si quiero copiar "Un corazón roto, ¿dónde puedo encontrar un amigo" de Weibo?, el cursor se deslizará de izquierda a derecha y luego volverá a la página anterior, lo cual es particularmente inconveniente. Entonces solo puedo copiar de derecha a izquierda. Más tarde, probé WeChat y QQ y descubrí que la redacción publicitaria predeterminada es completamente dinámica, lo que también es un compromiso.
Este artículo no pretende juzgar la calidad de los dos estilos de diseño de iOS y MD, ni pedirnos que hagamos dos conjuntos de borradores de diseño para nuestros productos ahora. No es realista en este momento. Muchos países sólo utilizan un conjunto de borradores de diseño para sus aplicaciones, y todos lo hacen. Ese es todo el entorno. Pero repito, la existencia no es necesariamente razonable. Aunque parece poco realista elaborar dos conjuntos de borradores de diseño ahora, hay que estar preparado y tener una sensación de crisis.
Ve a la estación a refrescarte.