El flat design es una tendencia de diseño que utiliza formas planas e iconos. Rectángulos, círculos, triángulos y otras figuras geométricas con la ausencia de otros elementos como sombras, degradados o rebordes, huye de la tridimensionalidad. Se ha hecho popular en los últimos sistemas operativos de Microsoft (Windows 8). Los principios del flat design son la simplicidad y la legibilidad.
Se caracteriza por:
- Ausencia de profundidad, nada de sombras ni degradados ni biseles ni efectos tridimensionales.
- Utilización de elementos simples: Rectángulos, círculos, triángulos y otras figuras geométricas.
- Tipografías nítidas y claras.
- Colores ligeramente desaturados (por ejemplo los colores sugeridos en Flatuicolors.)
- Minimalismo, la importancia del espacio en blanco, espacio entre textos y otros elementos.
Surge esta tendencia quizá del incremento del uso de dispositivos móviles, donde las pantallas son más pequeñas y hay menor espacio para los elementos. La tendencia ha sido la simplificación y un giro hacia el minimalismo. También este tipo de diseño mejora el tiempo de carga del contenido. Es más sencillo cargar formas de color que no múltiples pixeles que formaban los complicados iconos de otros tiempos.
El flat design tiene muy en cuenta la usabilidad. Al huir de efectos visuales innecesarios consigue que las páginas webs sean más rápidas y funcionales, el código limpio y facilital la adaptación a cualquier tipo de dispositivo: desktop, móvil o tablet.
Facebook y Google han adaptado sus diseños a esta tendencia.
Showcase de Flat Design:
Flat UI Design recoge muchos ejemplos de webs que siguen esta tendencia en su diseño.
Kits de interfaces de usuario
Flat UI, interfaz de usuario.
Flat UI blog, interfaz de usuario para blog.
Colecciones de iconos de estilo flat design
En este artículo de Mashable recopilan multitud de sitios donde poder encontrar inspiración para hacer iconos o descargables de los mismos.
Tipografía flat design
Recomendaciones sobre tipografía para Flat design en Desigmodo.
[…] Tendencia Nuevas del Diseño […]
[…] Esta sombra viene a dar un poco de vida a una serie de iconos planos sin sombras ni texturas. La long shadow consigue una sensación de profundidad, pero aún mantiene la mirada plana del objeto. Es quizás una evolución continuista de la tendencia anterior, el Flat Design. […]
[…] el nuevo Sistema Operativo de Mac, tiene un diseño sencillo y elegante, bastante en la línea del Flat Design que nos domina […]