Este estilo puede ser percibido como algo mas que una tendencia pasajera, porque se orienta a la forma de cómo vamos a interactuar en el futuro con las aplicaciones de los dispositivos móviles.
El diseño plano sigue la corriente del minimalismo, este comenzó a usarse en los años 80, pero no fue un gran éxito, recién en los últimos años esta siendo un éxito.
El minimalismo en el diseño busca eliminar todo lo superfluo, buscando formas más simples, adaptado a la realidad plana de los monitores de las computadora.
Algunas características del Diseño Plano:
1. Efectos tridimensionales
Se deben eliminar las perspectivas que puedan crear sensación de profundidad. Los elementos se muestran claros, sin sombras y con bordes bien marcados.
2. Tipografía
Las letras del sitio web deben ser simples, no intrincadas. Son preferibles las fuentes de lineas rectas que se calzan perfectamente en los diseños planos. La tipografía se usa también para diferenciar entre si las diferentes secciones de contenido.
3. Navegación
Los botones deben ser sencillos y ojalá de colores llamativos, no se usan hovers con efectos complejos, y los colores deben combinar con los tonos usados en el diseño del sitio.
4. Contenido de las páginas del sitio
El contenido debe ser reducido al mínimo, dejar solo la información necesaria para el visitante, evitando palabras innecesaria, rellenos y párrafos muy largos.
Los botones deben ser sencillos y ojalá de colores llamativos, no se usan hovers con efectos complejos, y los colores deben combinar con los tonos usados en el diseño del sitio.
4. Contenido de las páginas del sitio
El contenido debe ser reducido al mínimo, dejar solo la información necesaria para el visitante, evitando palabras innecesaria, rellenos y párrafos muy largos.
5. Franjas de colores
Franjas de diferentes colores son usados para separar áreas de contenido guiar la navegación del usuario.
6. Colores
Los colores mas reconocibles del diseño plano son los brillantes y llamativos. Se puede conocer una amplia gama de tonos ordenados en eal sitio Flat UI Colors.
7. Íconos de gran tamaño
Es muy comun usar iconos de mayor tamaño que el habitual y tambien se debe dejar espacio entre los elementos. Esto busca darle al sitio web una imagen de simpleza, que encaja con las características del diseño plano.
8.Imágenes vectoriales
Al agregar imágenes vectoriales simples al sitio, se hace mas clara la naturaleza plana del diseño.
9.Usa de CSS3 y HTML5
Como los sitios basados en diseño plano suelen ser muy simples, algunos diseñadores hacen uso de algunas transiciones y otros efectos visuales que funcionan con HTML y CSS.
10.Fotos panorámicas de fondo
Un factor común en el diseño plano, si no se opta por un color de fondo, es usar fotos de gran tamaño como imagen de fondo, intercaladas con franjas de contenido de diferentes colores.
Al agregar imágenes vectoriales simples al sitio, se hace mas clara la naturaleza plana del diseño.
9.Usa de CSS3 y HTML5
Como los sitios basados en diseño plano suelen ser muy simples, algunos diseñadores hacen uso de algunas transiciones y otros efectos visuales que funcionan con HTML y CSS.
10.Fotos panorámicas de fondo
Un factor común en el diseño plano, si no se opta por un color de fondo, es usar fotos de gran tamaño como imagen de fondo, intercaladas con franjas de contenido de diferentes colores.
Finalmente
Con el aumento de personas accediendo a Internet desde dispositivos móviles, se debe considerar el diseño plano como uan alternativa importante, ya que se complementa perfectamente con el diseño web responsive.
No hay comentarios:
Publicar un comentario