La tierra sigue siendo plana: estilo plano en diseño. Principios básicos del diseño plano Fuentes simples en el estilo de diseño.
El diseño plano es una de las principales tendencias actuales, tanto en el campo del diseño web como en las tecnologías para la creación de interfaces de usuario. Entre los ejemplos recientes, destacan el paso decisivo de Microsoft en esta dirección con Windows 8 y el nuevo diseño de Google, con una clara demostración de su voluntad de profundizar en el minimalismo.
A continuación se muestran ejemplos de elementos que definen.
La vida después de la Web 2.0
En forma de elementos redondeados con todo tipo de efectos: 3D, sombras, luces y reflejos, degradados, relieves. En una palabra, todo lo que crea profundidad y volumen. Los controles grandes y brillantes, el brillo, las texturas y otras expresiones similares dan paso a representaciones bidimensionales simples de objetos visuales.
Diseño flotante
La tipografía en el corazón del estilo.
Tenga en cuenta que esta es la base para construir un sitio "plano". La simplicidad de los elementos de diseño plano, así como los propios principios del minimalismo, realzan la importancia de la tipografía. En principio, es posible sustituir algunos de los gráficos o imágenes pesados por contenido de texto. Hoy en día, en muchos sitios web, la tipografía se ha convertido en diseño. Naturalmente, dado que el diseño plano suele ser minimalista, la naturaleza de las fuentes debe ser coherente con el esquema, el estilo y la composición generales. Por ejemplo, las mayúsculas se utilizan a menudo para elementos o títulos.
Coderwall
Lea también: 12 colores primarios y ejemplos de su percepción por parte de los usuarios.
Paleta de colores de diseño plano
El diseño plano también avanza hacia una mayor diversidad cromática. Los diseñadores web utilizan cada vez más paletas de colores para implementar quizás el principio de diseño más básico: un sitio web debe ser diferente de sus pares.
Mono mínimo
Espacio libre, elementos grandes.
De principio a fin tiene una base minimalista, lo que significa que adopta sus principios básicos: grandes bloques de contenido, grandes elementos, espacio libre, ausencia de complicaciones innecesarias y pretensiones.
Diseño de barba
Diseño plano de iconos, botones, ilustraciones.
Los botones, iconos, insignias e ilustraciones también adquieren una apariencia 2D. Deben corresponder al estilo especificado en todas las páginas del sitio, transmitir el ambiente del sitio en sí y ser fáciles de entender para cualquier usuario.
Elegir colores para los iconos, como los propios iconos, no es una tarea fácil. Puedes utilizar colores puros. En un esfuerzo por decorar el diseño, es necesario pensar en cómo hacer que el sitio sea fácil de usar. Por un lado, es importante no violar el estilo, pero por otro lado, es necesario hacer que los iconos se destaquen. En las ilustraciones nos esforzamos por el minimalismo, evitando los antes populares efectos 3D.
Lea también: Más de 20 sitios web inspiradores con ilustraciones planas en diseño
Ejemplos de plantillas de sitios web con diseño plano Flat UI
Ejemplos de sitios web en estilo Flat design
Identidad
83 Colectivo de Diseño
Frunático
El grupo paraguas 
Fundación Slcl 
mi fieltro
behzad
Atlante 
Simple como la leche 
Familia Weranda
El término “diseño plano” lo escuchan actualmente todos los involucrados en el diseño de experiencias de usuario. En los últimos años, este tipo de diseño se ha generalizado: incluso las empresas más grandes lo utilizan al crear sitios web y páginas de destino.
¿A qué se debe la creciente popularidad del diseño plano? Para responder en pocas palabras: ¡realmente funciona! El diseño plano puede ayudarle a mejorar la experiencia del usuario tanto en las páginas de destino como en las aplicaciones móviles. Esto, a su vez, tendrá un efecto positivo en la conversión.
Echemos un vistazo más de cerca a las ventajas de este método.
¿Qué es el diseño plano?
El diseño plano recibe su nombre debido al hecho de que utiliza objetos bidimensionales (planos) minimalistas para interfaces web y móviles:
El concepto de diseño plano no implica excesos en el diseño, por ejemplo, elementos que crean la ilusión de objetos tridimensionales (degradados, texturas diversas, sombras). El diseño plano se desarrolla como contrapeso al concepto de esqueuomorfismo, o diseño que imita objetos de la vida real.
El diseño plano implica la creación de formas y contornos simples utilizando colores tanto sutiles como llamativos. La fuente principal que se utiliza al crear páginas es sans-serif (fuente sans serif).
Problemas inherentes al diseño plano.
En cuanto apareció el diseño plano, se centró exclusivamente en dispositivos móviles. Aunque el minimalismo y la ausencia de elementos complejos son las principales características de este concepto, no son las únicas.
Microsoft fue uno de los primeros en implementar este enfoque en la práctica, en forma del llamado Metro para Windows 8. Sin embargo, cuando los especialistas del Grupo NN llevaron a cabo el diseño, resultó que los usuarios tenían dificultades para identificar algunos elementos de la interfaz.
La captura de pantalla siguiente muestra un ejemplo de la interfaz de Windows 8. Las investigaciones demostraron que los usuarios no podían entender dónde podían hacer clic porque todos los iconos eran planos. Además, la función "cambiar configuración de PC" parece simplemente un título de un grupo de iconos, y no un área en la que se puede hacer clic:
Al mismo tiempo, Windows 8 estaba bastante adaptado a dispositivos móviles. Los grandes rectángulos multicolores en el menú Inicio se ven muy lindos en la pantalla de un teléfono móvil; esta interfaz es excelente para gestos en la pantalla táctil:
Sin embargo, en la pantalla grande de una computadora de escritorio, este menú parece engorroso y torpe. Hacer clic en rectángulos de colores con el mouse no es muy conveniente desde el punto de vista de la usabilidad.
Diseño plano. Versión 2.0
Con el tiempo, el diseño plano ha ido evolucionando. Muchos de los problemas de usabilidad descritos anteriormente se han solucionado. El diseño plano ya no es completamente “plano”, sino que se ha vuelto “medio plano”. Los elementos de diseño ahora utilizan capas, contrastes y sombras sutiles para que el usuario sepa que se puede hacer clic en el icono. A continuación se muestra un ejemplo de un diseño plano "actualizado":
Ahora es el momento de entender cómo el diseño plano puede “conquistar” a los visitantes.
El diseño plano mejora la legibilidad del texto
La principal ventaja del diseño plano es la legibilidad del texto. Los visitantes pueden ver y consumir fácilmente el contenido del sitio, independientemente del tipo de dispositivo que estén utilizando.
El diseño plano implica. El texto que es el foco principal suele contrastar con el fondo, lo que facilita su lectura. Además, las imágenes complejas se reemplazan por iconos o vectores minimalistas. Las imágenes planas y el texto brillante y nítido son increíblemente fáciles de leer.
A continuación se muestra un ejemplo de un sitio Crazyegg en 2009:
Y esta captura de pantalla muestra una versión actualizada del mismo sitio:
Al comparar estas dos versiones del sitio, puede ver que la información del recurso actualizado está más organizada y es más fácil de leer. El nuevo sitio web demuestra claramente y sin palabras innecesarias a los usuarios los beneficios del servicio. La página parece muy concisa y minimalista.
Con el diseño plano, puede transmitir la información necesaria a los clientes sin complicaciones innecesarias. Si los visitantes saben más sobre su servicio o producto, será más probable que se conviertan en sus clientes.
Nada distrae al usuario
El diseño plano está estrechamente relacionado con el concepto de minimalismo. Los diseñadores evitan elementos decorativos que no aporten ningún valor informativo al usuario. Su objetivo es atraer la atención de los visitantes hacia el contenido principal.
Si volvemos a mirar el ejemplo de CrazyEgg, podemos asegurarnos una vez más de que no hay nada que distraiga en la página del usuario. Una persona que se encuentra en esta página de destino concentra su atención en una sola acción.
Un espacio en blanco vacío es otro “truco” del diseño plano. Este efecto lo demuestra claramente el sitio web GetWalnut.com:
Walnut es una aplicación que le permite realizar un seguimiento de sus gastos, con funciones clave que se muestran en la página. Los íconos planos y el texto están ubicados sobre un fondo blanco y, dado que hay mucho espacio luminoso sin llenar en el sitio, el usuario puede centrar fácilmente su atención en el contenido. El diseño plano enfatiza el contenido que convence de los beneficios de la oferta.
Los sitios de carga lenta y las aplicaciones congeladas irritan a los usuarios. Debido a los largos tiempos de espera, corre el riesgo de perder clientes:
Si no puede reducir la cantidad de contenido en su sitio pero desea que se cargue rápidamente, debe usar imágenes de menor resolución o optar por un diseño plano. La segunda opción es evidentemente más aceptable en este caso.
En comparación con los sitios que utilizan elementos de diseño pesados, los recursos creados con diseño plano se cargan mucho más rápido. Debido a la ausencia de degradados, fuentes complejas y otras características esqueuomorfas, el peso total del sitio es menor. Así, Google cambió recientemente su logo, simplificando la fuente, lo que tuvo un efecto positivo en el tiempo de carga de la página.
El diseño plano también es conveniente para los desarrolladores. Sus componentes son elementos gráficos vectoriales o basados en código, lo que también reduce el tiempo de carga del sitio. Si profundiza, el diseño plano ayuda a optimizar la conversión y, por lo tanto, aumenta la rentabilidad del sitio.
El tiempo de carga de la página juega un papel importante en la clasificación de los resultados de búsqueda. Este factor es uno de los claves para una optimización SEO exitosa. El diseño plano tiene un efecto positivo en el tiempo de carga del sitio y, por lo tanto, ayuda a que el recurso pase al TOP 10 en los resultados de búsqueda.
Los sitios web creados con diseño plano tienen muchas posibilidades de aparecer en la primera página de resultados de búsqueda y, por tanto, de atraer la atención de los usuarios más interesados en comprar.
Tenga en cuenta que Google está probando nuevas funciones para los motores de búsqueda. Ahora los sitios de carga lenta se marcarán con un ícono especial en la página de resultados de búsqueda. Esta nueva característica se demuestra claramente en la siguiente captura de pantalla:
Aspecto moderno
¡Los usuarios se forman su opinión sobre el sitio en 50 milisegundos! Esto significa que después de pasar solo 0,05 segundos en la página, una persona ya comprende si le gusta este recurso o no.
¿Como sucedió esto? Por supuesto, es imposible estudiar todo el contenido en tan poco tiempo. La gente evalúa un sitio web en función de la apariencia que ofrece.
El diseño plano es quizás la tendencia más moderna en la industria de Internet en este momento. Grandes empresas como Apple, Google, Microsoft y otras han adoptado con entusiasmo esta nueva tendencia. Es posible que los usuarios pronto comiencen a percibir estos sitios como un estándar que debe cumplir cualquier recurso de la red.
Conclusión
Además de ser una tendencia generalizada en el diseño de sitios web, el diseño plano tiene un impacto positivo en la experiencia del usuario debido a una serie de beneficios: buena legibilidad, carga de página más rápida, optimización de motores de búsqueda más efectiva y simplemente una apariencia agradable.
Las empresas más grandes ya lo están utilizando en el diseño de sus páginas y aplicaciones, obteniendo los correspondientes beneficios. Si está buscando formas de aumentar la rentabilidad de su negocio, considere el diseño plano como un posible vector de desarrollo.
Diseño plano o estilo plano Existía allá por los años 80 y no tenía alternativas, ya que el nivel de tecnología no permitía trabajar con texturas complejas. Con el tiempo, aparecieron primero elementos simples de esqueuomorfismo (imitación de objetos reales) y luego manifestaciones complejas de pseudoconvexidad visual.
La moda es cíclica y desde 2010, el diseño plano ha recuperado rápidamente popularidad hasta convertirse en el nuevo estándar del diseño asistido por ordenador en 2014.
La evolución del diseño plano
Inicialmente, el diseño plano se concibió como exactamente lo opuesto al scuemorfismo. Se negaron las sombras, los degradados y cualquier indicio de volumen. Microsoft fue el primero en implementar este concepto. Pero después de las pruebas de usabilidad, resultó que los usuarios tenían dificultades para identificar algunos elementos de la interfaz. Por lo tanto, el grupo focal no pudo entender en qué ícono se podía hacer clic y en cuál no, porque todos eran planos. Surgieron aún más problemas con las etiquetas en las que se podía hacer clic, porque parecían un título estándar para objetos.
En este sentido, apareció una versión adaptada del diseño plano: diseño plano 2.0 o diseño semiplano. Tiene bajo contraste y sombras sutiles que muestran al usuario que se puede hacer clic en el icono. Cuando la gente habla de diseño plano, se refiere a la versión plana 2.0. Con el desarrollo de este estilo, las pseudosombras y los contrastes de luz fueron nuevamente reemplazados por el plano completo de los objetos. Al mismo tiempo, en la web, para el concepto de posibilidad de hacer clic en los elementos, se empezó a utilizar simplemente cambiar el color a uno contrastante en el mismo estilo plano, sin utilizar degradados.
Principios de diseño plano
1. Gráficos bidimensionales.
En el diseño plano, el énfasis está en el contorno del objeto. El diseñador no busca el realismo, su tarea es transmitir la esencia mediante formas bidimensionales simples.
2. Iconos.
El uso de íconos simples con una llamada a la acción clara (un disquete o un ícono de almacenamiento en la nube que le solicita que guarde un archivo) hace que la interfaz sea más fácil e intuitiva.
3. Fuentes simples.
El estilo plano presta gran atención a la tipografía en general y a las fuentes en particular. Diseño plano significa fuentes sans-serif minimalistas y cualquier decoración; incluso las cursivas están prohibidas. El carácter de la fuente debe complementar el concepto del proyecto y no desviarse del estilo general.
4. Jugando con los colores.
Dado que el diseño plano no permite transiciones de degradado, el estilo del elemento creado puede y debe utilizar varios colores primarios, que a menudo contrastan entre sí.
5. Minimalismo.
El diseño plano implica visualizar objetos, utilizando toda la pantalla, pero al mismo tiempo minimizando la información. Esto significa que el diseñador no se esfuerza por llenar todo el espacio libre y no teme al espacio vacío.
6. Imágenes de fondo simples.
Un fondo liso es la mejor opción. Puedes olvidarte de imágenes como paredes de ladrillo o piel de leopardo. Los colores de fondo tranquilos y apenas perceptibles no llaman la atención y permiten al visitante centrarse en elementos importantes de la interfaz.
Teniendo en cuenta todos estos principios, existe la opinión de que el diseño plano es fácil de crear. De hecho, se trata de un diseño plano que presta gran atención al detalle y a la transmisión de movimiento y ritmo. El diseñador se enfrenta a la tarea de crear una imagen atractiva, clara y completa utilizando únicamente formas simples.
Ventajas del diseño plano para un sitio web
1. Legibilidad del texto.
En el diseño plano, el énfasis no está en los gráficos, sino en el texto, lo que mejora su percepción. Además, se utilizan fuentes sencillas que no llaman la atención.
2. Tiempo de carga del sitio.
Debido a la ausencia de gráficos pesados y elementos complejos, las páginas se cargan rápidamente y no se congelan. Incluso la página de Google se carga más rápido después de que la empresa cambió su logotipo a una fuente plana y simple.
3. Optimización SEO.
Este punto se deriva del anterior. La velocidad de carga de la página afecta la clasificación de los resultados de búsqueda. Por lo tanto, simplemente cambiando el estilo de diseño, puede aumentar su recurso en los resultados de búsqueda. Además, Google ahora utiliza tecnología que marca los sitios de carga lenta con un ícono especial. Esto significa que el número de visitantes puede disminuir si no adapta el diseño de su sitio web.
4. Apariencia.
¿Cuánto tiempo crees que le toma a un usuario formarse una opinión sobre un recurso? ¿Minuto? ¿Quizás 30 segundos? Respuesta correcta: ¡0,05 segundos! Durante este tiempo, es imposible estudiar el contenido del sitio, pero puedes escanear la apariencia y comprender qué sensaciones evoca. El diseño plano les dice a los usuarios que su sitio es moderno, que está en desarrollo y esto ya es un requisito previo para la formación de una confianza básica.
¿Dónde puedes utilizar el diseño plano?
El diseño plano es especialmente relevante para el desarrollo de aplicaciones móviles y el diseño de sitios web responsivos. Además, el estilo plano está pasando poco a poco del mundo digital al real.
Los elementos de identidad corporativa, diferentes tipos de productos impresos en una adaptación "plana", cuando se ejecutan correctamente, se ven muy originales. Vale la pena señalar que una solución muy interesante es el uso del estilo lineal plano en proyectos de diseño.
A juzgar por las tendencias actuales, el estilo plano pronto se convertirá en un estándar no sólo en el ámbito digital. Entonces, ¿tal vez valga la pena considerar cambiar la marca y crear proyectos de diseño plano ahora?
Si te ha gustado o te ha resultado útil este artículo, estaremos encantados de recibir un pequeño estímulo en forma de enlace en las redes sociales. Para ello, haga clic en el botón de cualquier red social que se encuentra debajo.
Diseño plano (diseño plano) es un estilo popular en el diseño de sitios web e interfaces, así como de sistemas operativos, cuyas características distintivas son la simplicidad, la sofisticación y el minimalismo. El diseño plano comenzó a ganar popularidad en 2010 como lo opuesto al eskeuomorfismo.
Eskeuomorfismo- un adorno físico o elemento de diseño que se copia de la forma de otro objeto, pero fabricado con diferentes materiales o utilizando diferentes métodos. Los ejemplos incluyen cerámica decorada con remaches de imitación para parecerse a vasijas similares hechas de metal, o un calendario de computadora que imita la apariencia de las páginas grapadas de un calendario de escritorio de papel (definición de Wikipedia).
La popularización del estilo plano en el diseño se vio facilitada por el lanzamiento del sistema operativo Windows 8 de Microsoft en estilo Metro, así como iOS 7, en el que Apple también elige un estilo plano. Es entonces cuando comienza la verdadera era del diseño plano. Pronto, los grandes servicios y aplicaciones de búsqueda (Google, Youtube) están cambiando al diseño plano, aparecen muchos sitios que utilizan los principios del estilo plano en su diseño. En los últimos años, el diseño plano ha liderado las tendencias mundiales de diseño de sitios web.
Beneficios del diseño plano
- Sentido práctico- el uso de un diseño plano le permite minimizar la cantidad de estilos, scripts y animaciones, lo que permite que el sitio se cargue más rápido.
- Fácil de adaptar- El diseño plano es bastante fácil de adaptar a diferentes resoluciones de pantalla.
- Facilidad de uso- Gracias al estilo simplificado, a los usuarios les resulta más fácil percibir la información del sitio.
- belleza- La imparcialidad externa y los diseños simples te permiten concentrarte en un diseño que realmente te atrapa.
5 principios del diseño de sitios web planos
El diseño plano no es nada aburrido como podría parecer a primera vista. Gracias a su pureza y sofisticación, las soluciones de diseño pueden ser elegantes y hermosas, sin ruidos innecesarios, permitiéndole concentrarse en su producto o servicio.
1 - Usando objetos 2D
El diseño plano excluye el uso de elementos que dan profundidad y volumen a un objeto: sombras, degradados, luces, texturas, reflejos, animación. Cuando se visualiza un objeto, sólo se muestran sus contornos.
2 - Iconos y objetos simples
El uso de iconos planos y formas monosilábicas con contornos claros y del mismo color permite simplificar al máximo el diseño y hacerlo más claro. Los controles se vuelven intuitivos para el usuario y fomentan la interacción.
3 - Fuentes simples en el estilo de diseño.
En el diseño plano se presta mucha atención a la tipografía y las fuentes. Aquí no se utilizan cursivas, la fuente encaja armoniosamente en el diseño del sitio web, no sólo en el contenido, sino también en la navegación. Incluso en los tipos de fuentes del sitio, se fomenta el estilo minimalista.
4 - Juego de colores
El diseño plano contiene varios colores primarios, que excluyen el uso de transiciones suaves y degradados, pero pueden ser brillantes y contrastantes entre sí.
5 - Minimalismo
El diseño plano implica el uso de visualización de elementos, utilizando todo el ancho de la pantalla y al mismo tiempo minimizando la información.
Existe un diseño casi plano. Este es uno de los conceptos de diseño plano que implica el uso de elementos simples y espacios bidimensionales. Un ejemplo de esto sería una fotografía de alta calidad cuyo fondo se difumina o se oscurece. Esto le permite crear profundidad y perspectiva del objeto.
Ejemplos de diseño plano
En Internet, incluido el segmento bielorruso, se pueden encontrar muchos ejemplos de desarrollo de sitios web con diseño plano sobre diversos temas, incluidos recursos de noticias, portales e incluso tiendas en línea.
No sabemos si lo has notado o no, pero últimamente (especialmente en el último año) ha habido una clara tendencia en el diseño web en todo el mundo hacia la simplificación, el minimalismo robusto y la simplificación visual de aquello con lo que nosotros como usuarios interactuamos cada vez. día. En pocas palabras, el diseño se ha vuelto "plano": a diferencia de los íconos convexos de la época del rápido crecimiento de las redes sociales y la web 2.0, ahora nos encontramos cada vez más con íconos simples de nuevos servicios. Todo esto recibió su nombre: diseño plano. No apartamento, sino piso.
Con la presentación ayer del nuevo sistema operativo móvil iOS 7, Apple finalmente confirmó el rápido crecimiento de la popularidad de esta tendencia, que tradicionalmente ha deleitado a algunos de sus seguidores, pero que también ha encontrado un gran descontento entre los usuarios y diseñadores experimentados. ¿Qué pasa? ¿Para qué sirve este diseño plano? ¿El mundo realmente lo necesita? Decidimos recurrir a expertos de Ucrania y del extranjero.
Les pedimos que respondieran tres preguntas principales:
- por qué el mundo empezó a avanzar hacia el diseño plano en la web y en dispositivos móviles y qué es;
- qué aportará esto a Apple y iOS 7;
- cómo afectará esto a los diseñadores, por un lado, y a los usuarios, por otro.
Denis Sudilkovsky, Kyiv
Especialista en diseño de interacción, productor Prodesign.in.ua
El “efecto péndulo” en la predicción del futuro se manifiesta en el hecho de que si hay dos extremos en algún tema, la humanidad oscilará de un lado al otro. Sin duda, esto es cierto para el diseño de sistemas interactivos. La web plana y poco interesante en un momento cambió a voluminosos botones basados en web. Las visualizaciones de la interfaz han alcanzado su punto máximo de realismo y el péndulo vuela en la dirección opuesta: plano y simple.
¿Qué obtendrá Apple con esto? Conservará su lugar en la tendencia y cientos de miles de comentarios de que su iOS se está volviendo muy similar a Android.
Los diseñadores tendrán que evolucionar (y no bromees sobre cuándo llegará el diseño plano a la ingeniería mecánica y nos dará autos planos :). Cuando no hay decoración, todo el trabajo consiste en crear con el usuario un mood con contenido para un escenario concreto. Esta profesión tendrá cada vez más en común con la de Director que con la de Artista. Los usuarios, por el contrario, reciben nuevas experiencias y nuevas impresiones. Personalmente, fui partidario del iPhone durante 4 años, pero esta primavera cambié mi teléfono a Android por la única razón: estaba cansado de la monótona idealidad de la interfaz de Apple.
Daniel Bruce, Estocolmo
Creativo digital sénior, danielbruce.se
En primer lugar, me gustaría señalar que no me gusta el término "diseño plano". La mayor parte del diseño gráfico durante siglos ha sido "plano". También creo que limita tu capacidad para hacer que un diseño se destaque cuando la elección es entre lo plano y algo más. El diseño puede ser mucho más que esto. Alegre, brillante, oscuro, positivo, minimalista: puedes llamarlo como quieras. Pero hoy en día rara vez escucho a alguien considerar el diseño como algo más que plano o escleromorfo. Es un poco triste.
¿Por qué la web y los dispositivos móviles tardan en avanzar hacia el diseño plano? A mi modo de ver, es sólo una tendencia. Nunca he visto artículos sobre los beneficios del diseño plano en las interfaces de usuario y todavía no estoy convencido de ello. Diseño simple y claro: sí, pero no es lo mismo que “plano”. Mire Google, por ejemplo. No hacen diseños completamente planos; ellos, y yo comparto este punto, todavía ven la necesidad de cierta profundidad y variación.
Me sorprendió mucho cuando Microsoft eligió esta dirección hace unos años, presentando el famoso estilo Metro. De hecho, utilizaron el diseño gráfico para carteles de gran tamaño que las personas miran desde determinadas distancias y nunca interactúan con pantallas pequeñas con una cantidad importante de elementos. Se ven bien, pero ¿tienen buena usabilidad?
Lo que vi de Apple anoche fue solo una mala copia de varios diseños interesantes que han aparecido en sitios como Dribbble y Behance durante el último año. No vi nada nuevo, excepto que esto está lejos de ser la misma "vieja Apple" de Steve Jobs. La empresa ha demostrado que no está a la vanguardia del diseño de interfaces móviles. Por supuesto, veremos fanáticos adoptando todos estos diseños blancos y degradados creativos en los próximos meses, pero no creo que ese aspecto sea tan impactante como los recientes cierres de Google. Pero por otro lado, sea como sea, Apple siempre ha marcado tendencias y una inspiración para muchas personas, incluido yo.
En cuanto a los usuarios comunes, les gustan los colores brillantes.
Ivan Klimenko, Kyiv
diseñador de interfaz móvil, 5tak.com
En gran medida, soy un poco filosófico acerca de esta situación de fascinación por el estilo plano. No es la primera vez que los diseñadores se interesan por el minimalismo y los materiales artificiales. Todo pasa.
La era Bauhaus de los años 20 y 30 aportó una gran contribución al diseño, pero aún así, la rigidez tonal y la artificialidad no pudieron resistir el deseo y el impulso interior de las personas de existir rodeadas de cosas más naturales.
Luego, en los años 60, todo el mundo empezó a admirar el plástico.
Los muebles, la vajilla e incluso la ropa están hechos de plástico. Parecía que se trataba de una nueva esperanza para la humanidad, pero nuevamente no: la gente volvió muy rápidamente a formas naturales o copias de materiales naturales.
El duro contraste de formas y gráficos minimalistas siempre han expresado la acumulación de conflictos internos dentro de la sociedad. El diseño es solo un espejo que muestra nuestro mundo interior. Están sucediendo demasiadas cosas. La vida se acelera mucho y simplemente no tenemos tiempo para pensar ni considerar nada. Muchas veces no tenemos tiempo para simplemente vivir.
El minimalismo y todo este hardware electrónico son sólo un paso en el camino hacia algo más natural y humano. Más que una computadora más. Incluso me entristece que Apple, que supo mirar profundamente, ya no exista.
Olesya Grichina, Kyiv
Diseñador UI en Componentix, twitter: elendiel
Creo que los diseñadores se han visto muy influenciados por la gran cantidad de dispositivos con diferentes tamaños y resoluciones de pantalla; a pesar de toda esta diversidad, es más fácil crear un diseño sin texturas, sombras complejas que tengan en cuenta correctamente la iluminación, etc. Comenzaron a pensar más en "cómo hacerlo más conveniente para el usuario" que en "cómo dibujar bellamente". El contenido es lo principal y en nuestro trabajo es importante presentarlo de la mejor manera posible.
Me parece que detrás de los cambios externos (UI plana, íconos), especialmente no notaron cambios serios en la facilidad de uso y cómo maldicen sobre este tema. Cuando comprueben que está funcionando, empezará a decir: "Ohhh, qué conveniente, y ¿por qué no hicieron esto antes?". Espero que esto influya en los diseñadores de tal manera que presten más atención a la usabilidad de la interfaz, en lugar de a las texturas y sombras. Al final, será posible explicar a los clientes que esto es una tendencia :)
Creo que el diseño plano no afectará particularmente a los usuarios: si les resulta conveniente crear y consumir contenido, habrá muchas personas satisfechas. Pero los íconos en la pantalla de inicio siguen siendo ácidos :)
Pavel Grozyan, Kyiv
Diseñador de producto en MacPaw, grozyan
"¡Manzana! ¡Ja, ja, basta! - Gritan los diseñadores. - Hurra, se volvió más fácil. - gritan los usuarios". Entiendo ambos puntos de vista. Hoy, después de la presentación de la WWDC2013, muchos de mis colegas se pusieron de pie y dijeron: "¡Al diablo con esta profesión! Cualquiera puede dibujar semejante estupidez ahora. ¡¿Y estos íconos por 30 dólares?!" Y a primera vista tienen razón, pero si profundizas más, te das cuenta de que hay miles de objetos que durante mucho tiempo se diferenciaban entre sí sólo en el escenario de uso, luego en la forma, luego en el color, y solo entonces en detalles artísticos. Recuerdo los tiempos en los que todos estos tipos en sus perfiles de LinkedIn de hoy que dicen UX, UI Designer, copiaban nerviosamente el efecto de sombra blanca de las letras. Como Apple. Luego sitios web claros y livianos. Como Apple. Luego interfaces ricas en texturas y realismo. Como Apple. Todo su trabajo era copiar, ya que no existía un concepto de desarrollo original, unificado y conveniente para todos. Es esta tarea la que resuelve hoy el diseño plano. Aunque me parece mal llamarlo así. Es bueno que Microsoft no lo haya inventado y se haya formado más de diez años antes de la era digital, en el campo editorial.
Plano: no es para clics, es para clics, toques, toques. No se puede llamar plano: la ausencia de texturas y sombras "gruesas" en los botones lo hace bastante simplificado y sin agresión visual. Y no puedes prescindir de degradados para los botones. Apoyo esta tendencia. Si no interfiere con la calidad de la experiencia del usuario, será más fácil para todos vivir con él. En primer lugar al usuario. En segundo lugar, para el creador: será más sencillo en la implementación técnica, más conveniente para hacer clic (enlaces subrayados - hola) y multiplataforma - combinando web, móvil y escritorio en una sola experiencia. Sin duda, se trata de un movimiento audaz por parte de Apple. Y sólo ellos pueden decidir al respecto. Su historia tiene decenas de confirmaciones, por lo que es más probable que tengan éxito que al revés.