Las tendencias modernas en el diseño de interfaces móviles
Inspiración / / December 26, 2019
diseño de la luz
El diseño plano de la luz había una tendencia a la estética. El espacio alrededor de un objeto no se utiliza o está enmarcado (utilizando gradientes, sombras y similares). Esto le permite crear una interfaz sencilla con un enfoque únicamente en la información importante. No teniendo elementos de diseño de carga semántica se retiran, traza un claro rechazo a las decoraciones vacías.
diseño de luz no distraer demasiado la atención a los ojos en silencio y ayuda a deslizarse por la pantalla y sólo se centran en el contenido. Esta solución hace que sea posible navegar fácilmente la interfaz, que es importante para el usuario. la estética moderna elegante no sólo es agradable a la vista, pero deja una buena impresión.
Un tipo de letra para todos
Los diseñadores se niegan a partir de una amplia variedad de fuentes en pantalla y prestar atención a la tipografía. En lugar de utilizar múltiples tipografías, ni caracteres tipográficos que simplemente cambiar el tamaño de la fuente. Esto hace que sea posible separar las piezas individuales de contenido.
Utilizando el máximo de fuente única en toda la aplicación funciona no sólo el reconocimiento, sino también para la comunicación de diferentes canales: aplicaciones, la versión móvil y web del sitio. Esto le permite recoger todos los elementos en una sola interfaz, integrada. Además, los usuarios conveniente desplazar el texto fácil encontrar la información.
Módulos y bloques - no hay líneas
la línea antes y separadores utilizados para identificar una parte o categoría en particular en la pantalla. El resultado es un compacto, pero la interfaz sobrecargado. El abandono de las líneas, los diseñadores comenzaron a agrupar bloques, separándolos uno del "aire" otro - espacio en blanco. Como resultado, la apariencia de la aplicación se vuelve más pura libre.
El deseo de deshacerse de las líneas formales y separadores aparece debido a los requisitos de la moderna apariencia de la aplicación para la que, en primer lugar - la funcionalidad. Por lo tanto, para utilizar el espacio tanto como sea posible, los diseñadores comenzaron a buscar métodos menos intrusivos de aislamiento. Por ejemplo, en lugar de las líneas dibujadas utilizado tamaño de fuente o enlaces de imagen ampliada.
Las figuras en el centro de atención
Las preferencias de usuario están cambiando cada vez más hacia las interfaces simples. Por lo tanto, la información importante será sometida a un primer plano: las figuras se destacan (de nuevo, aumentando el tamaño de la fuente y los colores brillantes) con el fin de atraer la atención del público.
Utilizando mejorados fuentes y colores ricos, es más fácil llamar la atención sobre un área en particular y sin comandos adicionales molestos y las pulsaciones de teclado. El usuario recibe información rápidamente a través de su práctica ubicación y fácil navegación.
Mikrointeraktiv
Mikrointeraktiv - son elementos pequeños, tales como la animación, que aparecen en función de los escenarios de uso. Tales escenarios en diferentes situaciones pueden incluir operaciones estándar, pop-up mensajes en la pantalla, los elementos que responden a la presión.
Mikrointeraktiv utiliza como señal para el usuario de realizar cualquier acción. Por ejemplo, se ajusta la configuración para sí mismos, y le ayuda a pop-up mensaje de ayuda. Las aplicaciones que interactiva está bien diseñado, fácil de usar, divertido y fácil recordado mejor.
Pequeña paleta de colores
Después de la propagación indiscriminada de un diseño plano en 2013, cuando todo inspirada claridad y simplicidad de diseño, incluido el uso de combinaciones de colores simples de moda. Hoy en día, los diseñadores y los usuarios prefieren un pequeño número de colores.
Colores deben hacer hincapié en el estado de ánimo general, para guiar la atención del usuario cuando es necesario para establecer la conexión con la marca. Con un pequeño número de colores más fácil para reflejar la identidad corporativa. Además, los usuarios de este tipo estético, porque la atención se dispersa no, como en el caso usando una variedad de tonos, y lo que es más fácil de encontrar funciones clave y navegar por la corriente información.
Multi-capa de interfaz
las interfaces diseñadas para principios skeuomorph anteriores. Se suponía que el diseño sigue la forma de los objetos reales (tales como un calendario en el equipo que parecía un calendario de papel de escritorio, todos los iconos se realizan en 3D). Ahora - con la popularidad de diseño plano - se puede ver la retirada de este principio en el camino, ya que tienen la oportunidad de representar la profundidad de otras maneras. Principalmente - el uso de capas. Esto ayuda a crear una sensación de profundidad y tamaño para crear un objeto tangible.
Este diseño plano corre el riesgo de ser "demasiado plana", y la línea delgada es: como un usuario navegar en una aplicación plana y usarlo, si se utiliza para rodear 3D? Hay una solución - capas. Capas ayuda imponer un objeto a otro, a construir relaciones entre los elementos y destacar los más importantes.
botones transparentes
el botón transparente - un botón sin el color de relleno, los límites de los cuales se indican golpe muy fino. En este caso, sólo se utilizan las formas simples: rectangular o cuadrada, con esquinas rectas o redondeadas. botones de texto en un simple tal y minimalista.
botones transparentes atraen la atención del usuario, sin dejar de ser mirada ordenada, discreta y moderna. Además, es posible construir una jerarquía, si utiliza varios tipos de botones. Por lo tanto, los botones transparentes necesidad de señalar a las funciones adicionales o de acción intermedia, y para se aplican algunas sombras, el usuario puede leer fácilmente la relación jerárquica.
gestos
Con la introducción de sensores y dispositivos de giroscopios de usuario convertido en movimiento más inteligente. La interacción humana con el dispositivo se hace posible no sólo por medio de grifos, pero la señal real.
La gente entiende intuitivamente cómo el dispositivo responde al gesto. Si usted le pide al usuario (no importa lo que es el sexo o la edad), cómo eliminar un elemento, éste es sólo un movimiento smahnot desde la pantalla. Con el aumento de la experiencia de los usuarios, haga clic en el botón menos y más desplazamiento. Métodos de interacción con el dispositivo son cada vez más interactivo, y la pantalla se convierte en algo más que un espacio de clics.
movimiento
Gracias a las innovaciones en la tecnología de los diseñadores fueron capaces de controlar el movimiento de las capas con estilos. Traslado de elementos de diseño pueden tomar muchas formas, incluyendo transiciones, animación, e incluso texturas que imitan la 3D-profundidad. Los miembros aprendieron a poner todo en movimiento sin preguntar diseñadores o desarrolladores. Están transformando sus propios contenidos, modificar los elementos, objetos, datos, leer rápidamente los más importantes.
El movimiento atrajo la atención. Pero es importante entender que puede ayudar al usuario, y le puede distraer. Y con los movimientos que saber cuándo parar. Pero, en general, una manifestación visual de la respuesta a menudo aumenta su alcance debido al factor sorpresa.
escenarios de usuario cortos
Los usuarios ya no necesitan comprender la compleja estructura de las páginas. Diseñador crea una sola página, en la que, según se requiera, hay elementos adicionales. Esta solución ayuda a ahorrar tiempo y esfuerzo. Por ejemplo, el formulario se muestra o resaltado cuando el usuario llega a un área en particular y desaparece cuando se mueve a la siguiente de forma automática.
Teléfonos inteligentes a los usuarios les gusta que todo es fácil y simple en su aplicación. Toda la experiencia de diseño se ha comprometido a garantizar a minimizar el esfuerzo del usuario y aumentar la velocidad de respuesta, por lo que los guiones y se hacen más cortos.
Las normas de diseño - la mejor solución
Normas de diseño - un proceso de formación de un lenguaje visual en la fase de diseño inicial. grupos definidos de normas: el color, los iconos, la presentación general del material.
Definición de estándares ayuda a crear un producto lógico y consistente sin desajuste en diferentes plataformas. Esto hace que sea posible reducir a cero la posibilidad de errores en la ejecución del proyecto y que es más fácil cambiar en el futuro.
prototipado
Creación de prototipos - este es un trabajo preliminar sobre una primera versión del producto. El uso de prototipos para crear un diseño funcional, predecir posibles cambios y responder a las solicitudes de los usuarios sin el tiempo y las fuerzas de la pérdida de masa de diseño.
La creación de soluciones experimentales asequibles - prototipos que pueden ser cualitativamente trabajar en los componentes principales del proyecto: las características importantes y los requisitos técnicos. Esto ayuda a ahorrar tiempo y recursos, para aprender por la experiencia, y para gestionar mejor el proceso de creación del producto.