Paleta de colores de sitios web con estilo flat

Screenshot_108Screenshot_107

Como bien ya sabemos el estilo flat o minimalista llegó para quedarse, en la actualidad los nuevos diseños de casi todos los sitios web presentan este estilo combinado con otras tendencias del momento, como es el diseño de una página con efectos Parallax.

Todos creen que crear diseños flat es muy fácil, debido a que aparecen que tan solo con varios  colores planos y algunas figuras ya todo es flat, pero no es así, al igual que el resto de los estilos de diseño web el estilo flat presenta una dificultad desafiante para lograrlo, se debe saber combinar los colores, entendiéndose que conoces de antemano la teoría del color, además combinarlo con unas buenas fuentes y por supuesto una creatividad desafiante.

Para facilitar un poco el proceso siempre es bueno tener a mano un compilado de paletas de colores de sitios web que poseen el estilo flat, de esta manera es más identificar las familias de colores que son más utilizado en este estilo de diseño, por ello en Betterment recopilaron 24 paletas de colores de sitios web con estilo flat o minimalista.

24 Flat Designs with Compelling Color Palettes

Flaticons: La lista definitiva de iconos flat

Ya les he presentado muchísimos sitios para encontrar iconos completamente gratuitos, de todos las formas, colores y figuras que puedan llegar a imaginar, en todos los tamaños y de todas las categorías y temáticas que existen, pero nunca les he presentado un sitio web que tenga iconos de todas las categorías, en todos los tamaños, formas y colores.

Screenshot_103

 

Bueno, este es tu día de suerte porque encontré Flaticons, un sitio web con miles de iconos absolutamente gratuitos para personalizar y descargar.

Actualmente el sitio cuenta con más de 2000 iconos, clasificados en varias temáticas:

  1. Aplicaciones.
  2. Banca.
  3. Marcas.
  4. Datos.
  5. Educación.
  6. Política.
  7. Emociones.
  8. Comida.
  9. Gadgets.
  10. Lugares.
  11. Salud.
  12. Variados.
  13. Aplicaciones móviles.
  14. Redes y seguridad.
  15. Oficina.
  16. Personas.
  17. Ciencia y tecnología.
  18. Formas.
  19. Compras.
  20. Señales.
  21. Deportes.
  22. Transporte.
  23. UI.
  24. Animales salvajes.

Screenshot_101

Cada uno de los iconos es totalmente personalisable, tanto su color, tamaño y espaciado así como la figura que lo rodea, el icono se puede descargar sin ningún problema en formato PNG.

Screenshot_104

FlatIcons

 

Colección gratuita de iconos variados estilo flat

El estilo flat o minimalista se tomo el mundo del diseño web y móvil por completo, me atrevería a decir que todas las aplicaciones móviles o servicios web que lanzan en la actualidad vienen con un diseño sencillo pero no simple, sin muchos elementos ni efectos visuales pero con igual impacto que la anterior tendencia.

Como parte de este movimiento de diseño existen los iconos, pasaron de un estilo que trataba de imitar los elementos del mundo real a un estilo llano, plano y sin muchos detalles a la vista, diseñar iconos con este nuevo estilo no es nada sencillo, aunque son sencillos no son simples ni muchos menos fáciles de crear.

Los iconos siempre son un recurso importante para las aplicaciones o sitios web, a través de los iconos se expresan interacciones, funcionalidades o lo que queremos que el usuario ejecute, por eso deben ser los correctos en todas las ocasiones y que logren transmitir el mensaje directamente, de fácil entendimiento.

flat-icons-thumb

Si necesitan iconos de este estilo pero no tiene a alguien encargado para crearlos les traigo está colección de iconos gratuitos con el característico estilo flat completamente libres para usar en cualquier proyecto que estén realizando.

El paquete viene en dos variaciones, con colores o de un solo fondo, contiene actualmente 132 iconos y viene en los formatos más reconocidos: AI, EPS, PDF y PNG en tamaños de 64 y 128px.

Descargar Beautiful Flat Icons

50 paquetes de elegantes iconos estilo flat

El estilo de diseño Flat cada día cobra más fuerza, todas las semanas son publicados sitios web de empresas, aplicaciones móviles e iconos para aplicaciones web con este estilo, caracterizado por su minimalismo, la eliminación de sombras, gradientes y texturas a los cuales estábamos acostumbrados a ver años atrás.

El día de hoy les traigo una colección de 50 paquetes de iconos estilo flat totalmente gratuitos, están en todos los colores y para diferentes usos, para utilizar en aplicativos web, aplicaciones móviles o infografías, algunos paquetes están en formato PSD y otros en iconos individuales, pero si tienes conocimientos básicos de Photoshop te será muy fácil extraerlos e incluso personalizarlos un poco:

20-Flat-Icons-Vector-PSD

20 Flat Icons Vector PSD by GraphicsFuel (Rafi)

animated-flat-icons

Animated Flat Icons Set by Benjamin Krogh

Flat-Category-Icons

Flat Category Icons by Ben Bate

Flat-icons-PSD

Flat icons (PSD) by Pierre Borodin

FREEBIE-Flat-Icons-Part-2-psd-sketch

Flat Icons – Part 2 (.psd/.sketch) by OthMane Machrouh

Free-Flat-Icons

Free Flat Icons by Jan Dvorák

Light-Android-Flat-Icons

Light Android Flat Icons by GraphicBurger

Pueden encontrar la lista completa en DesignBlog

100 iconos de redes sociales estilo Flat

social-media-flat-icons

 

El estilo flat es un estilo de diseño relativamente nuevo que se caracteriza por ser muy minimalista, utilizar tamaños de texto grandes y fáciles de leer y el uso constante de iconos con diseños sobrios, simples y planos, así como la eliminación por completo de bordes con bisel, degradados y demás elementos eyecandy a los que veníamos acostumbrados desde el auge de la denominada Web 2.0.

Simple Icons es una colección de más de 100 iconos con el característica estilo flat disponibles para descargar completamente gratis para usarlos en tus proyectos web o de diseño, los iconos vienen en 11 tamaños diferentes en formato .PNG.

Además de ofrecer los iconos el sitio web también tiene una recopilación del color usado por las diferentes marcas y sitios web de Internet como Github, Bootstrap, Dropbox y PHP, entre otros.

Descarga: Simple Icons

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad