Blog de TemplateMonster

Diseño Web Plano. ¿Quién lo hizo?

Diseño plano es un concepto que fue muy popular en el pasado, pero hoy en día él necesita algunas modificaciones razonables. Muchos diseños modificados y sitios web nuevos utilizan un esquema de diseño plano - una tendencia que comenzó a aparecer en casi todas esferas - en sitios web y en aplicaciones.

Una vez más, podemos expresar su gratitud a Windows 8. Debido a su popularidad, las interfaces de usuario planas han subido a la cima del "árbol de la fama". Google también contribuyó al éxito del diseño plano utilizando este tipo de diseño para sus productos. Un montón de sitios web más importantes también siguieron la moda y promovieron la idea de diseño plano.

Diseño web plano puede ser muy atractivo. No tienen una gran cantidad de extras, aunque sitios web planos son muy buenos para realizar las funciones principales como: entregar el mensaje y promover algún producto o una idea.

¿Qué es diseño plano?

Diseño plano es método que no utiliza elementos tridimensionales: sin sombras, bisel, gradientes y otras técnicas que ayudan a crear un efecto 3D. Los iconos y elementos de la interfaz de usuario no tienen sombras.

Sin embargo, el diseño plano no siempre es completamente plano. Se puede incluir una gran cantidad de sitios web en la categoría "casi planos", ya que su apariencia y su concepto tienen pocos efectos.

Métodos

Hacer énfasis en el color.

Esta tendencia de diseño a menudo utiliza una gran cantidad de colores brillantes. Se recomienda utilizar los colores del logotipo para desarrollar un sitio web realmente atractivo. El esquema plano funcionará con todos los tonos de blanco y negro, pero Usted conseguirá más si usa más colores.

Shelby Web Kit

***

Free Square Kit

***

Dribble UI Kit

Centrarse en la tipografía.

Las palabras son importantes – ellas entregan un mensaje a usuarios, ayudan a examinar su sitio web y sugieren las acciones a sus usuarios. Para crear una tipografía interesante y hermosa, se puede utilizar los tipos de letra Sans Seri que tienen muchas variaciones. Tenga en cuenta que diseño plano es a menudo simple y minimalista así que piense dos veces antes de combinar tipos de letra específicos.

The Verge

***

Gaana

***

Hunie

Interfaz de usuario simple y elementos simples.

Los botones no deben ser demasiado complicados. Si los elementos son visibles claramente y su función es evidente, ellos serán eficaz.

Flat UI

***

Smooth Web App

***

Free PSD Flat UI

Crear una jerarquía.

Es muy importante crear una jerarquía intuitiva. Asegúrese de que los usuarios puedan navegar y usar su sitio web sin tener que gastar demasiado tiempo buscando algunas cosas. Los enlaces deben ser visibles, de colores diferentes, y, sin duda, clicables.

Android UI Kit

***

One Page

***

Search Engine

Diseño plano – Inspiración

Ahora se puede revisar algunos ejemplos de sitios web de este estilo. Para obtener un poco de inspiración adicionalal, visite Dribbble o Pinterest.

BuiltByBuffalo

***

Layer Vault

***

Lorenzo Verzini

***

RVLT

***

Like There is No Tomorrow

***

Microsoft

***

Kippt

***

Fitbit

***

I Think I Might

***

Eric Ford

***

Debido a su sencillo "carácter", diseño de plano mejor se adapte a transmitir el mensaje o la promoción de algunos productos. Este estilo es perfecto para las pantallas pequeñas, incluidas las aplicaciones móviles, pero mucha gente dice que se ve bien en una pantalla grande también.

Para algunos, puede ser difícil ceñirse a diseño plano, ya que se debe centrarse en cada detalle. Lo que es más, el diseño plano se puede mezclar perfectamente con diferentes colores. Finalmente, el diseño plano significa que todos los efectos se reducen.