Diseño Landing Pages

Las 10 mejores páginas para descargar iconos gratis para landings pages

Por MDirector

el 16 de mayo de 2019

el 16/05/2019

10 mins
No hay valoraciones
Artículo actualizado hace 10 meses por NewsMDirector

descargar iconos gratis

En nuestra vida cotidiana hay iconos por todas partes. Puedes encontrarlos en cualquier interfaz, señal de tráfico, teclado, lo que quieras. Los iconos ayudan a entender e interpretar mejor la información. No solo fuera de internet, sino también online. Se trata de recursos que pueden ayudarte a mejorar tu contenido. Por lo tanto, saber dónde descargar iconos gratis para utilizarlos en tus landing pages pasa a ser una ventaja.

Los iconos juegan un papel vital en el diseño de una web. Aunque pueden ser bastante pequeños y pueden parecer redundantes, desempeñan muchos roles diferentes.

De hecho, pueden ser una excelente manera de llevar el contenido esencial al punto. Captan la atención y ayudan a los visitantes de tu sitio web a encontrar y escanear contenido. Entonces ¿por qué no los utilizas?

¿Por qué incluir iconos en tu contenido?

Iconos

Antes de ver las mejores páginas para descargar iconos gratis, resulta interesante entender por qué deberías incluirlos en tus landing pages. Y cómo hacerlo de la manera más efectiva. Solo así sacarás el partido necesario de estos recursos.

1.- Los iconos apoyan tu contenido

Normalmente, no hay problemas para diferenciar entre una landing page atractiva de una que no lo es. Sin embargo, puede ser difícil decir por qué una es mejor que la otra. A veces, la diferencia está en el detalle.

Cuando miras el contenido de un sitio web, todo es cuestión de legibilidad. ¿Cómo de bien pueden las personas comprender los puntos principales y con qué facilidad pueden leer y procesar la información? Los iconos pueden ayudar de varias maneras a apoyar tu presentación de tu landing page.

2.- Pueden transmitir ideas en pocas palabras

Con los iconos puedes resumir rápidamente de qué trata tu texto. A veces, los iconos pueden ser suficientes para comunicar contenido, lo que hace que la lectura de texto adicional sea innecesaria. Un gran acercamiento a los iconos relevantes son las metáforas. Una de las cosas más importantes sobre estos recursos visuales es que tú eliges metáforas con las que las personas los pueden relacionar, como un carrito o una carta antigua.

Si no crees que un pequeño icono diga lo suficiente sobre tu contenido, puedes entrar en más detalles y utilizar imágenes o capturas de pantalla pequeñas. Sin embargo, en email marketing, por ejemplo, ya se ha demostrado que la inclusión de elementos como emojis aumenta las tasas de apertura.

3.- Llaman la atención

Las imágenes valen más que mil palabras. Así son los iconos. Los sitios web sin íconos e imágenes pueden ser bastante aburridos. Imagina un periódico sin imágenes. Además de los titulares pegadizos, las imágenes atraen tu atención hacia cierto contenido, ¿verdad?

Es por eso que se tiende a leer primero aquellos artículos que muestran una imagen destacada atractiva. Por lo tanto, es importante integrar íconos e imágenes u otros elementos visuales en tus landing pages.

Los iconos pueden llamar la atención, pero al mismo tiempo pueden ayudarte a estructurar el contenido y separar diferentes funciones o servicios.

Por ejemplo, cuando un icono de carrito se coloca cerca de los precios o las imágenes de los productos, percibimos estos elementos como una unidad. Es por eso que confiamos en el icono único para agregar el producto a nuestro carrito. El otro icono del carrito se coloca más distante de los productos y más cerca de la navegación general, por lo que se espera que te lleve a la página de descripción general del carrito.

4.- Los iconos pueden aumentar la legibilidad

Las listas pueden aumentar la legibilidad de tu contenido. Sin embargo, las listas estándar pueden ser bastante aburridas. En lugar de usar listas estándar, puedes usar iconos atractivos para llamar la atención sobre párrafos y otros bloques de contenido.

Pero no te excedas. Demasiadas listas con iconos también pueden volverse confusas y contraproducentes con respecto a la legibilidad.

Los iconos son más fáciles de reconocer y recordar que las viñetas en una lista. Si bien las viñetas son todas iguales, los iconos son mucho más característicos y reconocibles. También es mucho más fácil separar diferentes bloques de texto entre sí.

5.- Te harán único

Puede ser muy difícil para los usuarios de una web sin experiencia entender y distinguir entre diferentes iconos. Quien trabaja con UX, tiene claro lo que significan los diferentes símbolos. Pero no todos los demás los entienden.

Una solución a este problema podría ser combinar los iconos con texto. De esta manera, las personas pueden leer el texto para ayudarles a entender el icono. En ocasiones posteriores, podría ser suficiente mostrar el icono sin texto.

¿Cómo usar los iconos de manera efectiva?

descargar iconos gratis

Los iconos pueden ser pequeños o grandes, en blanco y negro o en colores, planos o intrincados. No importa qué estilo te atraiga, el uso efectivo de los iconos puede mejorar la usabilidad y el valor estético de tu landing page.

A.- Añade interés visual

No todas las imágenes van a ser un paisaje impresionante. A veces las imágenes se quedan cortas. La iconografía divertida puede ayudar a agregar más interés a estas fotos poco interesantes.

Usa iconos para mejorar el contenido de la foto, proporcionar un poco más de información y una señal de interacción. Verás los resultados rápidamente.

B.- Crea interacción

Los iconos no tienen que encajar en ubicaciones específicas para fomentar la interacción del usuario. Demasiadas plantillas utilizan la combinación de icono/texto de tres columnas en el desplazamiento.

Los iconos pueden ser el elemento que impulsa la interactividad. Combina la iconografía y el desplazamiento de paralaje para que los elementos se muevan por la pantalla.

C.- Usa animaciones

Nadie ha dicho nunca que los iconos tienen que ser elementos estáticos. Anímalos. Pero no te vuelvas demasiado loco. Las mejores animaciones de iconos se relacionan con el contenido del propio icono.

Los movimientos no deberían ser demasiado rápidos porque pueden ser un poco desconcertantes. Pero tampoco deberían ser demasiado lentos porque los usuarios pueden pasarlos por alto. Hay un punto bueno en el medio donde el movimiento de iconos proporciona un poco de deleite.

D.- Crea grupo de iconos

Los grupos de formas interesantes, bocetos o iconos hechos a mano de otra manera pueden hacer una imagen visual interesante. El concepto se muestra comúnmente en los sitios web que distribuyen paquetes de iconos, pero tiene una aplicación más amplia.

Considera incorporar filas de iconos. Juega con usarlos debajo o hacerlos de gran tamaño para un mayor impacto cuando no tengas una buena imagen. Los iconos pueden funcionar como enlaces o solo como imágenes que se mantienen por sí solas.

Los grupos pueden incluir solo dos o tres iconos o, incluso, tres veces más. Deja que tu contenido conduzca ese proceso de toma de decisiones.

Las mejores páginas para descargar iconos gratis

Antes de descargar iconos gratis para tu landing page, asegúrate de basarlos en metáforas que las personas entiendan o de introducirlas con un texto más descriptivo.

Asimismo, cuando coloques iconos en tu landing page, ten en cuenta el principio de proximidad y agrúpalos con el contenido con el que se relacionan. No olvides definir tamaños y márgenes consistentes para mantener tu diseño limpio.

1.- Flaticon

Flaticon

Lo mejor de esta página es que puedes meter varios filtros para encontrar el icono que más se ajuste a tu landing page. Ya sea si quieres el icono en color, en blanco y negro. En Flaticon también puedes añadir filtros. Como por ejemplo «populares» y «nuevos«.

2.- Freepik

freepik

Dentro del amplio catálogo de imágenes e iconos que ofrece Freepik, uno de sus fuertes reside en los logotipos sombreados de las redes sociales.

Es decir, puedes descargar los archivos y editarlos con Adobe Illustrator, ajustando sus colores o el tamaño para tus necesidades. Y después incrustarlos en tus landings para que aporten más personalidad.

3.- Vexels

Vexels

Esta es otra web en la que puedes descargar iconos gratis y otros recursos gráficos muy útiles. En Vexels no necesitas registrarte pero sí atribuir los derechos al autor si haces un uso comercial de estos elementos gráficos.

4.- Icon Finder

Icon Finder

Más de 3 millones de iconos para utilizar en tu landing page. Te ofrecen la posibilidad de coger uno de sus planes, si quieres iconos de mejor calidad. O de comprar iconos individuales que Icon finder te muestra en su página de iconos gratuitos.

 5.- Vector.me

Vector Me

Página web dedicada exclusivamente para descargar iconos vectorizados gratis. Lo mejor de Vector.me es que no necesitas registrarte, pero ten en cuenta que siempre que utilices un icono deberás atribuir a su autor las referencias necesarias.

6.- Dry Icons

Dry Icons

En esta página web podrás descargar iconos gratis para tu landing page. Dry Icons tiene miles de iconos, todos en formato EPS y de gran calidad que podrás utilizar de manera personal y comercial.

7.- Brands of the world

Brands of the world

Puedes utilizar cualquiera de estos iconos gratis que te ofrece Brands of the world. En su gran selección encontrarás el que se ajuste a tu landing page, teniendo en cuenta los derechos de autor para usarlos apropiadamente.

8.- 1001 Free Downloads

Free Downloads

Descarga miles de iconos gratis en Free downloads sin problemas de derecho de autor. Están enfocados a uso comercial. Aunque también encontrarás un banco de imágenes, fuentes y vectores que puedes utilizar en tu landing page.

9.- Vector Portal

Vector Portal

Esta es otra web para descargar iconos gratis muy popular. Vector portal permite a los diseñadores que publiquen sus propios iconos y al público en general que descargue los que quiera. Echa un vistazo para ver cuáles se adaptan a la imagen de tu marca.

10.- Vecteezy

Vecteezy

Son muchos los recursos que puedes encontrar en vecteezy y de muy buena calidad. Descargar iconos gratis en esta plataforma es otra de tus opciones. La mayoría de los archivos son de descarga gratuita y, dependiendo de la licencia, puedes usarlos libremente en tu landing page.

10+1.- PikWizard

Pikwizar es una web donde puedes encontrar más de 100.000 imágenes de alta calidad, 20.000 de ellas pertenecientes en exclusiva a su stock. No necesitas pagar para obtenerlas.

Con todo ¿Necesitas crear múltiples landings para desktop y mobile? MDirector ha creado un software de generación de landing pages que te permitirá crear páginas de aterrizaje sin conocimientos técnicos con un sencillo editor drag and drop. De esta forma, tras descargar iconos gratis, podrás incrustarlos en tu landing para que tengan una personalidad más abrumadora.

¡Tu valoración es muy importante!