Skip to content

Flat Design, Less is always more?

By David Ocampo | Quaxar´s Interactive Designer

 

Flat Design, a current trend in the design of interfaces more than fashion has become greater based on the usability and readability for the user design approach.

 

What is Flat Design?

Flat Design is based upon the use of a reduced number of decorative elements, with flat color, avoiding the use of effects such as shades, degradation, hues, etc. It might have emerged as a response to the graphic design (Skeumorfismo) used this last decade. Flat Design is a growing trend in graphic design, especially in web design, based upon user’s functionality; it offers a clean, aesthetic and nice look.

Flat Design Elements

The range of colors used in Flat Design is usually reduced; it tends to use the same hue with different saturations to create subtle contrasts among image, text and background. Vectorial Design is also associated to Flat Design in web design and in corporate images, logos and icons. It makes use of fonts such as ‘sans serif’ or ‘unrounded’ (Arial, Futura, Helvetic, etc.) and as simple as possible. It considers important to have a structured grid design with ample space between lines.

Flat Design Advantages

Thanks to the use of Flat Design, spaces breathe and work better; (the less elements present in our interface, the better we will read and achieve more). It is easy to apply and that is the reason of its vast use; design shall always bear in mind functionality.

An important aspect to keep in mind is that all design should be developed aesthetically and functionally depending on the user, client and project context, as designers must evaluate and determine that we perform syntactical features go beyond a trend or fashion. The visual aspect should respond to the nature of the project.

“Simplicity means subtracting the obvious while adding what is significant.” –John Maeda

If you do not know which one to use,  flat or realistic, click here and fight for your favorite choice.

http://www.flatvsrealism.com

Flat DesignFlat DesignFlat Design

Flat Design, ¿Menos siempre es más?

Flat Design, una tendencia actual en el diseño de interfaces que más que moda se ha convertido en un enfoque de diseño basado en la mayor usabilidad y legibilidad para el usuario.

¿Qué es el flat design?

El flat design (diseño plano) es un estilo de diseño que se basa en el uso de un número reducido de elementos decorativos, además se usan colores solidos o planos (flat color), evitando el uso de degradados, sombreados, biselados u otro tipo de efectos, quizá como respuesta al uso de excesivo de estos en el diseño gráfico (Skeumorfismo) de la última década. El flat design es una tendencia creciente en diseño gráfico y especialmente en el diseño web que se basa en la máxima funcionalidad para el usuario, además de ofrecer un aspecto limpio, estético y agradable.

Elementos del flat design

La gama de colores usados en flat design suele ser reducida y optarse más por el mismo tono con diferente saturación, para crear leves contrastes entre las imágenes, el texto y el fondo. Los diseños vectoriales también se asocian al flat design, no sólo en el diseño web sino también a la imagen corporativa,  logotipos e iconos. también usa de fuentes tipográficas ‘sans serif’, o ‘sin remate’ (Futura, Helvética, etc.) y con el menor recargamiento posible. También es importante que exista un diseño estructurado en cuadrícula con abundantes espacios entre líneas.

Ventajas del flat design

Gracias al flat design todo respira mucho más y ayuda a un óptimo funcionamiento (cuando menos cargada de elementos tenemos nuestra interfaz, mejor lectura y rendimiento conseguiremos). Es un estilo muy fácil de aplicar  y eso ha hecho que se extienda muy rápidamente, ya que no debemos olvidar que el diseño siempre debe estar al servicio de la funcionalidad.

Un aspecto importante que no debemos olvidar es que todo diseño debe desarrollarse estética y funcionalmente dependiendo del usuario, cliente y contexto del proyecto, es decir, como diseñadores debemos evaluar y determinar que características sintácticas debemos realizar más allá de seguir una tendencia o moda. El aspecto visual siempre deberá responder a la naturaleza del proyecto en cuestión.

“La simplicidad consiste en sustraer lo obvio y agregar lo significativo” –Jhon Maeda

SI aun no te decides entre el diseño flat o realista, checa esta página y pelea por tu bando favorito.

http://www.flatvsrealism.com

Flat DesignFlat Design