¡Bienvenido a Universo Maker!
¿Es esta la primera vez que visitas el foro? Si es así te recomendamos que te registres para tener completo acceso a todas las áreas y secciones del foro, así también podrás participar activamente en la comunidad. Si ya tienes una cuenta, conectate cuanto antes.
Iniciar Sesión Registrarme

No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo Mensaje [Página 1 de 1.]

#1 Diseño Plano/Flat Design el Dom Ene 26, 2014 2:52 am

Razor

avatar
Pues en esta ocasión os hablaré de uno de los temas más calientes del momento en cuanto a Diseño Gráfico, el Diseño Plano o Flat Design como es conocido en Ingles.

Así que, ¿Qué es el diseño plano?
Tal y como el nombre indica, es el diseño caracterizado por su solidez y estilo plano; simplificando la interfaz, removiendo elementos extra como sombras, relieves, texturas y degradados que pueden llegar a crear un estilo 3D.

La idea es crear un diseño que quedé en 2 dimensiones, sin perder la funcionalidad que puede proveer una interfaz regular.

El diseño plano viene del deseo de crear interfaces más digitales y tratar de expandir el lienzo para la innovación en las interfaces de los dispositivos digitales.

El ejemplo que te presento a continuación es una clara muestra de la diferencia entre las tendencias que se venían presentando hasta hace unos años y la nueva era “metro” popularizada por Microsoft.



¿Cómo crear un diseño plano?

Cuando creas un botón, tiendes a usar un borde, degradado y quizá una sombra que harán que el elemento resalte del contenido y el fondo. Esto lo hace fácilmente identificable como un elemento seleccionable.

Ahora, cuando quieres crear un botón plano no puedes usar estos detalles puesto que el foco de atención tiene que estar dirigido en los contrastes, saturaciones y la organización con respecto a la cuadricula del plano. Puedes usar relieves y sombras siempre y cuando mantengas el estilo solido/plano del botón, pero ten en mente que la idea principal es hacerlos tan simples como sea posible.


Tipografía

Este es un elemento realmente importante en el estilo plano. Puesto que la interfaz es mucho más simple la atención suele centrarse en el contenido y es ahí donde la importancia de este aspecto resalta. Tienes que turnar esto a tu favor y usar la fuente para darle al diseño el estilo que quieres que se proyecte. Las tendencias son usar fuentes gruesas para los títulos y fuentes delgadas para el contenido. Aumentar los intendentes y disminuirlos será un reto que tendrás que superar para mantener una relación de aspecto en tu diseño.



Colores

El uso de los colores tomará especial relevancia para identificar los elementos en el diseño fácilmente, así que los tendrás que seleccionar cuidadosamente atendiendo a una paleta de colores homogénea.
Cuando vayas a seleccionar un color trata de pensar en cómo el lector identificará y catalogará los elementos, si tienes un logo con un color resaltable trata de usar ese mismo color en todos los elementos donde vayas a centrar la atención y otros de menor brillo para las partes secundarias.



Formas

Principales protagonistas, usualmente rectángulos, cuadrados con o sin bordes redondeados son los que abarcan el escenario de este estilo. Pero siempre puedes ser más intrépido y probar con otras formas, pero recuerda, que por el tipo de diseño será fácilmente identificable si una forma no combina con otra, así que si metes la pata, la metes hasta el fondo.



Conclusión

Recuerda, que la funcionabilidad de las cosas es la que prima por sobre lo predefinido, usa este estilo solo cuando convenga con el tipo de diseño que tienes en mente realizar o la audiencia hacia la que te quieres dirigir. Modas son modas y pronto pasarán a la historia, tu prioridad será siempre hacer un buen diseño que te satisfaga a ti y a tu público.





Todos mis aportes por Mediafire tienen contraseña, esa es: www.universomaker.net
Esto es para evitar plagio, asegúrense de copiar y pegar la contraseña.

#2 Re: Diseño Plano/Flat Design el Dom Ene 26, 2014 2:32 pm

Ledai

avatar
Woo! Buena disertación Razor, es interesante aunque no me gusta demasiado el estilo, pero es bueno saber de las tendencias que toma la decoración web y todo eso y por lo menos las diferencias y unos pocos de consejos así vienen muy bien.

GRACIAS!!!




Entérate de todas las novedades

#3 Re: Diseño Plano/Flat Design el Lun Ene 27, 2014 6:30 pm

orochii

avatar
¿El flat design eeeh? Mmmm bueno seh, aunque no es lo único que se hace eh xD. Pero para el diseño de interfaces parece ser que es lo más nuevo, sobre todo con el modelado de las interfaces de los sistemas operativos de móviles actuales (y de PCs), al menos lo que es güindous y no sé si del iPhone.

También hace un tiempillo había otra corriente que era usar sólo tipografías =D. Crear formas con letras, ya fuera líneas exteriores o lo interno también. O simplemente diseñar con tipografías... tamaños, tipos, colores...

Pero en general lo que gusta en esta... ¿década? es el diseño minimalista. Eso lleva bastante.

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.