Consejos sobre cómo elegir los iconos correctos para su sitio web

Al diseñar un sitio web, a menudo pasamos un buen rato considerando qué recursos visuales utilizar. Las fotos e ilustraciones, por ejemplo, pueden tener un gran impacto en un diseño. Sin embargo, esos no son los únicos activos en los que deberíamos centrarnos..

Un activo que puede pasarse por alto fácilmente es los iconos. Hay muchas bibliotecas genéricas flotando y son fáciles de usar, pero hay algo que decir para usar una solución más personalizada. De hecho, los iconos correctos hacen que la experiencia del usuario sea más completa y detallada..

Entonces, ¿cómo vas a decidir qué íconos usar? Echemos un vistazo a algunos consejos y mejores prácticas para tomar la decisión correcta. Incluiremos algunos ejemplos sorprendentes a los que puede acceder con una suscripción a Envato Elements, hogar de más de 5,500 conjuntos de iconos, además de cientos de miles de recursos de diseño de primer nivel..

1. Use íconos relevantes para su tema

Muy a menudo usamos íconos que realmente no se ajustan al tema de nuestro sitio web. Afortunadamente, no tenemos que resolver. Utilizar iconos relevantes para una industria o un concepto es una mejor manera de hacerlo. Esto proporciona una apariencia más completa al agregar contexto para los usuarios.

Iconos de línea médica

El campo médico es un gran ejemplo. Medical Line Icons incluye cincuenta iconos completamente editables que están disponibles en una variedad de formatos. Cada imagen ilustra un concepto específico de la industria de una manera simple y directa.

Más conjuntos de iconos específicos de la industria:

Iconos de la línea de desarrolloConjunto de iconos de educación 2 - serie plana40 iconos de comida y cocina

2. Refleja tu marca y estilo

Los iconos deben agregar a, no quitarle, su estilo. Busque imágenes que coincidan con el tono general y los mensajes de su sitio. Eso significa que un sitio con un aspecto más abotonado y corporativo debe optar por iconos que promuevan una apariencia profesional. Del mismo modo, un sitio web más informal no querrá ser demasiado serio cuando se trata de imágenes..

30 avatares frescos y modernos

30 Fresh & Modern Avatars podría ser una excelente opción para blogs o empresas que desean reflejar un ambiente divertido. Elige de una colección de personajes interesantes y edítalos para que se ajusten a tu personalidad..

Más juegos de iconos de avatar relajados:

Diversidad vol. 3Conjunto de iconos de Vector de personas12 ilustraciones de vectores de ocupación plana femenina

3. Piense en el número de iconos que necesitará

Uno de los desafíos en el uso de iconos personalizados es que algunos conjuntos pueden no ser muy profundos. Puede que no haya opciones para satisfacer todas las necesidades. Por lo tanto, querrá considerar la cantidad potencial de iconos que planea usar. Tener una buena idea con anticipación le ahorrará la molestia de cambiar de dirección o intentar mezclar y combinar diferentes conjuntos.

Iconos planos modernos

Si necesitas una biblioteca de iconos más profunda, echa un vistazo a Modern Flat Icons. El conjunto contiene 200 iconos que están categorizados por tema. Son una buena opción para los sitios web que planean utilizar una mayor cantidad de imágenes que abarcan una variedad de industrias.

Conjuntos de iconos más extensos:

180 iconos de línea de bienes raíces200 iconos vectoriales dibujados a manoMarketing 200

4. Considere el tamaño y la capacidad de edición

Cuando se trata de tamaño, no todos los íconos están a la altura. Muchos conjuntos están disponibles en formatos vectoriales que se escalan a cualquier tamaño y son fáciles de editar. Pero también encontrarás colecciones que están relegadas a resoluciones más bajas y que no se pueden modificar. Esto debería ser un factor importante cuando se navega por opciones potenciales..

26 helados coloridos de vectores

Por ejemplo, con 26 Colorful Vector Ice Creams, encontrará un conjunto de iconos que ofrece capacidades de tamaño ilimitadas. Ya que está disponible en formatos vectoriales (Ai, EPS) y ráster (PNG), estos iconos encajarán perfectamente en cualquier tamaño. Además, puede realizar las modificaciones necesarias para adaptarse mejor a su estilo..

Conjuntos de iconos más escalables y altamente detallados:

50 Vintage dibujado a mano Vector & insigniaHobby - conjunto de elementos infográficos de diseño planoLittle Critters Monster Pack extendido

5. Busca lo inesperado.

Probemos un experimento rápido. Cierra los ojos y piensa en lo que es un icono. debería parece. Todos tenemos nuestra propia imagen específica en nuestras cabezas. Pero el aspecto emocionante de los iconos personalizados es que no son de talla única. A veces, pueden tomar formas inesperadas que ayudan a impulsar nuestros diseños. Es posible que no funcionen para cada caso de uso, pero estos disidentes pueden ser justo lo que necesita.

Conjunto grande de iconos de redes sociales

Este conjunto de iconos de redes sociales escritos a mano es todo menos estándar. Estas bellezas artesanales, que vienen en estilos de boceto y esquema, te ayudarán a destacar. Incluso pueden cambiar su idea de lo que puede ser un icono..

Más conjuntos de iconos inesperados:

Patrones abstractos de papel tapiz inconsútilBanderines de la vendimia / conjunto de iconos retro | Parte 2Pegatinas de amor

Pequeños detalles que hacen la diferencia.

Aunque pueden ser pequeños en estatura, los iconos tienen el potencial de hacer grandes cosas para su sitio web. La clave está en elegir los adecuados para sus necesidades específicas..

Busque iconos que coincidan con su tema y estilo. Luego, considere la profundidad de una colección que necesitará y si desea realizar cualquier cambio de tamaño o edición. Finalmente, no tenga miedo de usar imágenes que rompan los límites de los íconos tradicionales.

Tenga en cuenta esos factores y use íconos que ayudarán a llevar su sitio web al siguiente nivel.

 Más bondad de iconos en Tuts+