Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Icon Design

Consejos sobre cómo escoger los iconos apropiados para tu página web

by
Read Time:5 minsLanguages:

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.

Medical Line IconsMedical Line IconsMedical Line Icons
Iconos de temática médica

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:

Development Line IconsDevelopment Line IconsDevelopment Line Icons
Iconos de desarrollo
Education Icons Set 2 - Flat SeriesEducation Icons Set 2 - Flat SeriesEducation Icons Set 2 - Flat Series
Colección 2 de iconos de educación - Serie Plana
40 Food and Kitchen icons40 Food and Kitchen icons40 Food and Kitchen icons
40 Iconos de comida y cocina

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 Fresh Modern Avatars30 Fresh Modern Avatars30 Fresh Modern Avatars
30 Avatares frescos y modernos

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:

Diversity Vol 3Diversity Vol 3Diversity Vol 3
Diversidad vol.3
eople Vector Icon Seteople Vector Icon Seteople Vector Icon Set
Colección de iconos vectoriales de personas
12 Female Flat Occupation Vector Illustrations12 Female Flat Occupation Vector Illustrations12 Female Flat Occupation Vector Illustrations
12 Ilustraciones planas vectoriales de trabajadoras

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.

Modern Flat iconsModern Flat iconsModern Flat icons
Iconos planos modernos

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:

180 Real Estate Line Icons180 Real Estate Line Icons180 Real Estate Line Icons
180 Iconos de inmobiliaria
200 hand-drawn vector icons200 hand-drawn vector icons200 hand-drawn vector icons
200 iconos vectoriales hechos a mano
Marketing 200Marketing 200Marketing 200
Márketing 200

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.

26 Colorful Vector Ice Creams26 Colorful Vector Ice Creams26 Colorful Vector Ice Creams
26 Vectores de helados coloridos

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:

50 Hand-drawn Vintage Vector Badge50 Hand-drawn Vintage Vector Badge50 Hand-drawn Vintage Vector Badge
50 Vectores y placas vintage hechas a mano
Hobby - set of flat design infographics elementsHobby - set of flat design infographics elementsHobby - set of flat design infographics elements
Hobby - colección de diseños planos de elementos infográficos
Little Critters Monster Extended PackLittle Critters Monster Extended PackLittle Critters Monster Extended Pack
Pequeños bichos monstruosos - Paquete ampliado

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.

Social Media Icons Large SetSocial Media Icons Large SetSocial Media Icons Large Set
Colección Iconos para redes sociales

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:

Abstract Patterns Seamless WallpaperAbstract Patterns Seamless WallpaperAbstract Patterns Seamless Wallpaper
Fondo de pantalla de patrones abstractos continuos
Vintage Pennants Retro Icons Set Part 2Vintage Pennants Retro Icons Set Part 2Vintage Pennants Retro Icons Set Part 2
Banderines vintage / Colección de iconos retro | Parte 2
LOVE StickersLOVE StickersLOVE Stickers
Stickers LOVE

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+

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.