El diseño web está cambiando. Constantemente.
Si compra o no la idea de que el diseño plano es más que la próxima tendencia, hay un par de cosas seguras cuando se trata de diseño plano y diseño plano de sitios web específicamente. Con un diseño plano, los diseñadores pueden crear sistemas más eficientes e intuitivos y reducir la esencia de interacciones y usabilidad simples. Y podemos hacerlo más rápido.
Al igual que otras tendencias de diseño que lo han presentado, hay dificultades para el estilo de diseño plano, pero en general, considero que el diseño plano es una tendencia de bienvenida porque el diseño plano es un diseño eficiente.
¿Qué significa el diseño plano? Diseño.
Flat design is a newly popular term and a design style that is often described as (confused with?) the opposite of skeuomorphic design.
El diseño de Skeuomorphic es un diseño que emula la vida real, al igual que las texturas de cuero en la aplicación de contactos de Apple o la tabla de póker en su centro de juegos.
Más generalmente, es el brillo sutil en un botón que representa la luz ambiental o el uso de un interruptor realista en lugar de un cambio de verificación. Interacciones digitalmente (a menos que sea impulsada por la usabilidad), el skeuomorfismo es de repente rechazado a favor de formas geométricas y grandes secciones planas de color. Ese es un diseño plano.
Since a lot of web designers now agree that it’s a mistake to recreate physical interactions digitally (unless it’s usability-driven), skeuomorphism is all of the sudden shunned in favor of geometric shapes and large flat sections of color. That’s flat design.
El diseño plano, sin embargo, es básicamente un término de zumbido. Es una nueva tendencia de diseño gráfico, o más específicamente, una nueva tendencia en el diseño web y el diseño de aplicaciones.
No hay una definición real de qué diseño plano es o sus límites, aunque definitivamente no imita la interacción de la vida real en una forma digital.
Sin embargo, es una tendencia eficiente e inteligente en el diseño web. Aquí hay algunas razones por las cuales.
Mejores sistemas
El diseño plano obliga a un diseñador a pensar en los detalles de diseño y usabilidad como tipo, color y espacio. Debido a que no hay barras brillantes o elementos realistas para nublar nuestras mentes visuales, todo lo que vemos son lo esencial. Por lo tanto, el diseño de cada componente esencial se vuelve más ... esencial. La mayoría de nosotros aprendimos esto en la escuela de diseño: cuanto menos tenga en una página, más perfecto debe ser cada elemento.
Considero que el tipo, el color y el espacio son componentes esenciales del diseño. Con el diseño plano del sitio web, estos tres elementos afectan más que solo el aspecto de un diseño. Guían la usabilidad y ofrecen pistas a sistemas más grandes, lo cual es igualmente tan importante como la estética.
Diseño más rápido
Cuando eliminamos todo el diseño "adicional" que utilizamos para agregar a nuestros diseños basados en la web, resulta que podemos tener proyectos web que se ejecutan muy rápido.
ESTA ES DEFINIONES EL TRENDO DE LA INDUSTRIA, CON LOS SIVESTUROS Y ESTABLECIMIENTOS EL SEGUROS Y ESTABLECIDADES ESTÁNSED EL ALIMENTOS ALIMINOS ALIGOS ITERETOS ITERETOS ALIGOS ITERETOS ITERETOS ALIMENTOS ITERETOS ITERETOS ITERETOS. Procesos "y" técnicas de desarrollo ágil ".
Dado que el diseño plano nos permite mantener nuestros sistemas visualmente" simples ", los diseños y productos no solo caen en su lugar más rápido, sino que también se amplían más fácilmente y se construyen como un producto o marca. (A veces queremos recrear con precisión el brillo en un dial giratorio tan mal que no nos damos cuenta de que un dial giratorio no tiene sentido en la web!) En cambio, las decisiones se centran en crear las mejores interacciones posibles y apegarse a ellas.
All the while, the decisions about design aren’t clouded by ego or achievement. (Sometimes we want to accurately recreate the sheen on a rotating dial so badly that we don’t realize that a rotating dial makes no sense on the web!) Instead, decisions are focused on creating the best possible interactions and sticking to them.
Esto lleva a la siguiente ventaja del diseño plano.
enfócate en el usuario, no en el diseño
Mi cosa favorita de la tendencia de diseño plano es que finalmente nos estamos centrando en el usuario y la tarea del usuario. Podemos dejar de compensar la falta de usabilidad con un realismo inteligente o peor aún, podemos dejar de olvidar la usabilidad porque estamos tan emocionados de que hicimos un botón que parece que lo escuchas hacer clic cuando lo presionas.
Con un diseño plano, ya no pensamos: "¿Cómo se vería este elemento en la vida real?" Ahora pensamos: "¿Cuál es la forma más eficiente y simple para que mi usuario logre esta tarea?"
El diseño plano no está exento de riesgo. No hay una profundidad real, por lo que las señales sutiles que tomamos en la vida real de la sombra y lo más destacado son inexistentes sin alguna intervención humana.
Be Flat, But Show Some Depth
Although we don’t have to emulate real life, we do need to make sure that nothing gets lost or confused on a flat computer or touchscreen. There’s no actual depth, so the subtle cues we take in real life from shadow and highlight are non-existent without some human intervention.
Por lo general, hay alguna dimensión en un sitio web o una aplicación, y crear un espacio físico con profundidad es una excelente manera de retratar la jerarquía y el enfoque. Básicamente, una pequeña sombra puede recorrer un largo camino.
Personalmente, me gusta mezclar este nuevo paradigma de diseño plano con algunos skeuomorfismo muy sutil.
La historia
para concluir mis pensamientos sobre el diseño plano, me gustaría citar una pequeña historia. Te llevaré hasta hace unos años, antes de que los productos de Google tuvieran el diseño cohesivo y resbaladizo que ahora. Fue antes de que alguien hubiera oído hablar del diseño plano. Solía llamarlo "diseño de código", porque casi no había elementos de imagen o tipografía avanzada. Todo fue diseñado como si un codificador solo se colocara en los primeros núcleos de un sistema de diseño ... lo suficiente como para que un usuario pudiera decir qué está pasando.
Google used to have design that was efficient to a fault. It was before anyone had heard of flat design. I used to call it “code design,” because there were almost no image elements or advanced typography. Everything was designed as if a coder only laid in early kernels of a design system... just enough that a user could tell what’s going on.
¡Me encantó! Todo se redujo a los sistemas y la eficiencia. El estado de mi correo electrónico de envío en progreso estaba en una caja amarilla en la parte superior de mi pantalla. Sin borde, sin sombra, no demasiado espacio a su alrededor ... solo un color amarillo para destacar contra el fondo blanco con tipo gris. Los botones eran rectángulos azules o rojos, y su estado flotante era un tinte ligeramente más ligero del color base.
Es cierto que era feo. Como diseñador, me da vergüenza admitir cuánto me gustó. Sin embargo, no se trataba del diseño. Se trataba de usabilidad.
Técnicamente, el diseño existía, y fue muy atento. De hecho, el diseño fue el epítome de la eficiencia. Pero visualmente, fue básicamente una falla total. Non-techy people couldn’t discern hierarchy, and designers couldn’t stand the “ugly” layouts that lacked any visual adornment.
I’d argue that Google’s mentality is what eventually turned into today’s flat design trends in website design.
Thankfully, Google was able to transition into the beautiful layouts they currently boast, without sacrificing the core ideals of efficiency and Usabilidad.
El mundo acaba de seguir.
Al final, el diseño plano es una tendencia para respaldar
Normalmente, trato de mantenerse alejado del diseño de moda. Es mejor quedarse con los cimientos. Es mejor permanecer sólido y atemporal ( Como si "atemporal" fuera realmente posible ).
Diseño plano, una vez que se desgasta el "zumbido", sin duda se convertirá en "diseño". Muy bien, tal vez se convierta en solo "diseño web" o "diseño digital", pero el punto es que es una tendencia que puedo respaldar.
En los próximos meses, esté atento a una implementación reflexiva de técnicas de diseño plano en El nuevo iOS 7 de Apple. Será plano, pero no demasiado plano. La reacción actual al nuevo estilo es ciertamente mixta, pero predeciría que una vez que todos la usen, todos apreciaremos las consideraciones de usabilidad en el nuevo diseño.
Siempre y cuando no tomemos un diseño plano a sus extremos ( Como algunos dicen que Windows 8 hizo || 109 ), we can benefit greatly from the ideas and efficiency it brings.