Mientras cada vez hay más sitios web fuertemente basados en fotografías y tipografías de gran tamaño, también crecen aquellos cuyo elemento visual predominante son los íconos. En ellos, se utilizan elementos gráficos sencillos para expresar visualmente distintos tipos de ideas, como los servicios que ofrece una empresa, las características o beneficios de un producto, los pasos a seguir en un tutorial, entre otros.

Cuando los íconos son de gran tamaño y muy personalizados, la primera opción es realizarlos a través de programas de edición gráfica como Photoshop o Illustrator. El formato SVG es cada vez más habitual, ya que permite crear gráficos responsivos, que no se pixelan al cambiar de tamaño. El uso de icon fonts es especialmente tenido en cuenta cuando se desea acompañar texto en letra de tamaño chico (por ejemplo, si queremos colocar un ícono de un sobre al lado de nuestra dirección de email).

Todos los sitios web basados en íconos (de los que pueden verse muchos ejemplos aquí) los utilizan por sus grandes ventajas:

• Si se utilizan en menús de navegación o en botones call-to-action, mejoran la usabilidad, ya que le permiten al usuario identificar instantáneamente la función de cada elemento.
• Ayudan a comunicar ideas fácilmente. Algunos íconos, como el ya mencionado sobre o el carrito de compras, son reconocidos universalmente.
• Pueden agregar un enorme valor estético a un sitio web que de otra forma se vería demasiado despojado.

¿Cómo crear un atractivo sitio web basado en íconos? Algunos consejos:

• Utilizar íconos que expresen nuestras ideas lo mejor posible. Es verdad que en Internet hay muchísimos paquetes de íconos listos para descargar, pero si no encontramos un gráfico ajustado a lo que queremos transmitir, es mejor crear uno propio.
• Diseñar los íconos de manera que su aspecto sea consistente con el resto del sitio web. Por ejemplo, si la interfaz sigue los principios del diseño plano, los íconos deberían respetar esa estética.
• Utilizar diseños originales. En lo posible, evitar utilizar paquetes de gráficos realizados por otros y nunca adaptar logos de marcas conocidos para reciclarlos como íconos.

Teniendo en cuenta estos aspectos podremos explotar al máximo el enorme poder comunicativo de los íconos en el diseño web.