Un set de iconos para una web o una app: cómo planificarlo y encargarlo

3 min de lectura

Los iconos son esos pequeños dibujos que indican dónde pulsar: inicio, carrito, envío, soporte, perfil. Cuando proceden de distintos paquetes gratuitos, la web parece hecha de retales, con líneas gruesas junto a finas y esquinas redondeadas junto a esquinas rectas. Un set a juego lo soluciona y hace que hasta una web sencilla parezca acabada. Así se planifica.

Un set de iconos a juego para una web o una app

Antes que nada, haga una lista

Recorra su web o su app y anote cada lugar donde un icono ayudaría:

  • Menú principal: inicio, catálogo, búsqueda, carrito, cuenta.
  • Funciones o ventajas: envío rápido, pago seguro, devoluciones, soporte.
  • Contactos y acciones: teléfono, correo electrónico, ubicación, compartir, descargar.

Describa cada icono en pocas palabras, por ejemplo “envío: una furgoneta pequeña” o “devoluciones: una caja con una flecha”. Cuanto más clara sea la lista, menos cambios habrá después.

Cuántos iconos necesita

  • Unos 4: una landing page con tres o cuatro ventajas, o una presentación corta.
  • Unos 8: las secciones y funciones principales de una web pequeña.
  • Unos 16: un set completo para una app o una web más grande con muchas secciones.

Suele ser mejor encargar algunos más de los que necesita hoy. Los iconos dibujados más tarde, en otro pedido, son más difíciles de igualar exactamente.

Elija un solo estilo

Escoja un estilo y manténgalo en todo el set:

  • De contorno: líneas finas, ligero y moderno, ideal para interfaces limpias.
  • Relleno: formas sólidas, fáciles de leer en tamaños muy pequeños.
  • Bitono: dos tonos de un mismo color, con algo más de personalidad.
  • 3D: volumen suave y sombras, ideal para landing pages llamativas.

Si ya tiene algunos iconos que le gustan, comparta un enlace para que los nuevos sigan el mismo aspecto.

Colores

Use los colores de su marca e indíquelos en código hexadecimal, como #1A73E8, si los tiene. Un color principal y uno de acento suelen bastar. Si aún no tiene colores de marca, una paleta neutra funciona sobre cualquier fondo.

Los tamaños pequeños lo deciden todo

Un icono de menú a menudo mide solo 24 píxeles de ancho. A ese tamaño los detalles desaparecen, así que ganan las formas sencillas:

  • Una idea por icono. Una furgoneta para el envío, no una furgoneta con una carretera, un reloj y una caja.
  • Sin texto dentro. Las palabras se vuelven ilegibles cuando el icono es pequeño.
  • Símbolos conocidos. Una lupa para buscar y un carrito para comprar se entienden en todas partes.

Qué recibe y cómo usarlo

Un set típico llega en archivos PNG separados con fondo transparente, de modo que cada icono se puede colocar sobre cualquier color. PNG es un formato de mapa de bits: sirve para webs, apps y diapositivas, pero no es un archivo vectorial que pueda ampliar sin límites. Si necesita un favicon, un conversor en línea gratuito convierte un PNG en un archivo ICO en un minuto.

En resumen

Una lista clara, el número adecuado de iconos, un solo estilo y los colores de su marca: así se consigue un set coherente en cada pantalla. Si prefiere que le dibujen el set, encargue un set de iconos: envía la lista de iconos, el estilo y sus colores, y recibe 4, 8 o 16 iconos a juego en archivos PNG separados con fondo transparente. El pago se libera solo después de que usted acepte el trabajo.