Consejos sobre cómo escoger los iconos apropiados para tu página web
Spanish (Español) translation by Pat5 (you can also view the original English article)
Cuando diseñamos una página web, dedicamos bastante tiempo a considerar qué recursos visuales vamos a usar. Las fotos y las ilustraciones, por ejemplo, tienen un gran impacto sobre el diseño. Sin embargo, esos no son los únicos elementos en los que deberíamos centrarnos.
Un recurso que suele ser pasado por alto son los iconos. Hay muchas librerías genéricas por ahí y son fáciles de usar, pero hay algo que debemos considerar para encontrar una solución más personalizada. De hecho, los iconos apropiados crearán una experiencia de usuario más detallada y completa.
Entonces, ¿cómo decides qué iconos vas a usar? Veamos unos cuantos consejos y buenas prácticas para tomar la decisión correcta. Incluiremos algunos ejemplos increíbles a los que puedes acceder con una suscripción a Envato Elements, donde encontrarás 5.500 sets de iconos, además de cientos de miles de recursos de diseño de calidad.
1. Usa iconos relacionados con tu temática
Muchas veces usamos iconos que no se ajustan a la temática de nuestra página web. Afortunadamente, no tenemos que conformarnos. Usar iconos que estén relacionados con un sector o concepto es una opción mejor. Esto resulta en un aspecto más acabado al mismo que aporta contexto a los usuarios.



El campo médico es un buen ejemplo. Iconos de temática médica incluye cincuenta iconos completamente editables que están disponibles en varios formatos. Cada imagen ilustra un concepto específico en la industria de manera simple y directa.
Más colecciones de un sector específico:









2. Refleja tu marca y estilo
Los iconos deben reforzar tu estilo, no alejarse de él. Busca imágenes que combinen con el tono y el mensaje de tu página. Eso significa que un estilo más estirado y empresarial debería escoger iconos que produzcan una apariencia profesional. De igual modo, una página web más casual no debería parecer muy seria con sus imágenes.



30 Avatares frescos y modernos sería una opción genial para blogs y empresas que quieran reflejar una atmósfera divertida. Escoge entre una colección de personajes interesantes y edítalos para que encajen con tu personalidad.
Más colecciones de avatares despreocupados:









3. Piensa en el número de iconos que vas a necesitar
Uno de los desafíos a la hora de usar iconos personalizados es que algunas colecciones no son muy extensas. Puede que no haya una opción para cada necesidad. Por lo tanto, tendrás que considerar el número potencial de iconos que piensas usar. Tener una buena idea por adelentado te ahorrará el problema de ir cambiando de dirección o intentar mezclar y combinar diferentes colecciones.



Si necesitas una librería más extensa de iconos, échale un vistazo a Iconos planos modernos. La colección contiene 200 iconos clasificados por temática. Son una buena opción para páginas web que buscan usar un gran número de imágenes relacionadas con varios sectores.
Más colecciones extensas de iconos:









4. Considera el tamaño y la edición
En cuanto al tamaño, no todos los iconos están a la altura. Muchas colecciones 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 preparadas para resoluciones bajas y que no pueden modificarse. Esto es un factor importante a la hora de buscar opciones.



Por ejemplo, en 26 Vectores de helados coloridos encontrarás una colección de iconos que ofrecen una capacidad de transformación ilimitada. Como está disponible en formato de vector (Ai, EPS) y ráster (PNG), estos iconos encajan bien en cualquier tamaño. Además, puedes hacer cualquier modificación necesaria para que encajen con tu estilo.
Más colecciones de iconos escalables y detallados:









5. Busca lo inesperado
Vamos a hacer un pequeño experimento. Cierra los ojos y piensa cuál es el aspecto que debería tener un icono. Todos tenemos una imagen propia en nuestra cabeza. Pero lo apasionante de los iconos personalizados es que no son iguales para todos. A veces, puedes tomar formas inexperadas que nos ayuden a hacer avanzar nuestros diseños. No siempre funcionan para todos los usos, pero puede que estos inconformistas sean lo que necesites.



La colección Iconos para redes sociales hechos a mano es cualquier cosa menos estándard. Estas preciosidades, que vienen en boceto y esquema, te ayudarán a destacar. Puede que hasta cambien tu idea sobre qué es un icono
Más colecciones de iconos inesperadas:









Pequeños detalles que marcan la diferencia
Aunque sean pequeños en estatura, los iconos tienen el potencial de hacer grandes cosas por tu página web. La clave está en escoger los adecuados para tus necesidades específicas.
Busca iconos que encajen con tu temática y estilo. Después, considera la extensión de la colección que necesitarás y si querrás editarlos o cambiar su tamaño. Por último, no tengas miedo de usar imágenes que rompan con los límites de los iconos tradicionales.
Mantén estos factores en mente y usa iconos que te ayuden a llevar tu página web al siguiente nivel.
Más sobre iconos en Tuts+
- Isométrico49 Vectores e iconos isométricos impresionantesMelody Nieves
- Diseño de iconosQué hacer y qué no cuando creas iconos temáticosAndrei Stefan
- SketchCómo diseñar un icono usando operaciones booleanas en SketchAdi Purdila
- Affinity DesignerCómo crear una colección de iconos de oficina en Affinity DesignerAndrei Stefan