FLAT DESIGN

¿Qué es ese estilo de diseño que veo en todas partes?

No te preocupes más, has llegado al sitio adecuado para ponerle nombre a eso que ves en todas partes y no sabes definir. Desde Hazboom queremos empezar este curso 15-16 con una serie de post de interés dentro del mundo del diseño gráfico y web, y que mejor manera que empezar con el Flat Design.

Pero, qué es el Flat Design? Flat design es ‘menos es más’. En 2013 se rompió de lleno con los diseños gráficos hiperrealistas. La web se inundó de páginas “planas”, y es que las ventajas del Flat Design ante el realismo son considerables. La filosofía del Flat Design es la sencillez frente al intento de imitar la realidad con sombras, relieves, destellos… y precisamente la sencillez que lleva por bandera el Flat Design es una de las razones principales para que, sobretodo en el diseño web, viniera en 2013 para quedarse. Los tiempos de carga de una web, con imagenes en Flat Design de unos pocos kB, ante una web con imagenes realistas que cada pixel de la imagen ocupa casi 1mB no tienen comparación.

Además el Flat Design, tiene una aplicación de marketing muy importante, así como el realismo podía desvíar la atención del que lo ve con una sobrecarga de elemento gráficos innecesaria, el Flat Design es conciso y focaliza toda la atención del que lo ve donde el diseñador quiera focalizarla. Esto en marketing es un punto clave.

FLATvsREALISM

A continuación, sacaremos unas conclusiones sobre las ventajas y los inconvenientes del flat design.

[/spb_text_block] [spb_icon_box box_type=”left-icon” icon=”fa-pencil” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#ffffff” width=”1/1″ el_position=”first last”]

Para el diseñador: Técnicamente es un trabajo sencillo así que deberá pasar menos horas trabajando con software (PS, AI…). Pero conseguir abstraer los conceptos hasta llevarlos a una ilustración de Flat Design es una tarea muy compleja, por lo que deberá dedicar más horas a la creatividad. Por tanto, menos horas de producción, más horas de creatividad y puesta en marcha.

[/spb_icon_box] [spb_icon_box box_type=”left-icon” icon=”fa-user” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#ffffff” width=”1/1″ el_position=”first last”]

Para el usuario: Puede darse el caso de que una abstracción muy extrema llegue a perder el concepto a transmitir, por lo que el usuario deberá dedicar más esfuerzo a comprender e interpretar lo que se le está mostrando. Pero generalmente un buen diseño Flat, facilita y hace más agradable lo que se muestra al usuario.

[/spb_icon_box] [spb_icon_box box_type=”left-icon” icon=”fa-television” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#ffffff” width=”1/1″ el_position=”first last”]

Para el Navegador: En este caso no existen los inconvenientes, el Flat Design es el rey de los Navegadores. Además de lo que comentabamos anteriormente de los tiempos de carga, el Flat Design requiere menos reglas de CSS, por lo que la hoja de estilos pesará menos y al no tener que renderizar degradados, sombras y demás, ésto supondrá un ahorro de recursos para la máquina y el navegador.

[/spb_icon_box]

×