boceto ← Diseño Gráfico
Tu progreso 0% Mi panel

Unidad 3 · Semana 6 · Clase 2 de 5

Ilustración e iconografía

Diseñar íconos y entender cuándo usar ilustración en una pieza.

  • Lectura 15 min
  • Práctica 35 min
  • Repaso 10 min

Ilustración

La ilustración permite mostrar lo que una foto no puede: ideas abstractas, procesos, mundos imaginarios, un estilo propio. Muchas marcas la usan para diferenciarse. Los estilos van del plano (formas simples, colores lisos) al detallado, del geométrico al dibujado a mano.

Lo importante es la coherencia: todas las ilustraciones de una marca deberían parecer hechas por la misma mano.

Iconografía

Un ícono es un pictograma chico que representa una idea o una acción: una lupa para buscar, una casa para inicio, un carrito para comprar. Su objetivo es entenderse en una fracción de segundo.

Cómo diseñar un set de íconos coherente

  1. Una grilla común, por ejemplo de 24 × 24 unidades, con un margen interno de 2.
  2. Un mismo grosor de línea en todos (por ejemplo, 2 unidades).
  3. Las mismas terminaciones y esquinas: redondeadas o rectas, en todos.
  4. Un mismo estilo: todos de línea o todos rellenos, no mezclados.
  5. Un mismo peso visual: un círculo tiene que verse del mismo tamaño que un cuadrado; por eso el círculo se dibuja un poco más grande.
  6. Formas simples: el mínimo de detalles que hace falta para reconocerlo.
Misma grilla, mismo grosor, mismas esquinas: se leen como una familia
Un set coherente se reconoce como parte de un mismo sistema.

No reinventes lo que funciona. Un ícono de lupa para "buscar" se entiende en todo el mundo. Ser original con un ícono de uso tan común confunde.

Sets libres

Existen sets de íconos gratuitos y de buena calidad con licencias abiertas (por ejemplo, Material Symbols de Google, Lucide o Phosphor). Sirven para proyectos con poco presupuesto o para inspirarse. Igual que con las tipografías, revisá su licencia.

Práctica · 35 min

  1. Dibujá en papel cuadriculado una grilla de 24 × 24 cuadritos para cada ícono.
  2. Diseñá seis íconos para la cafetería de práctica: café para llevar, horario, ubicación, wifi, delivery y pastelería.
  3. Respetá las seis reglas de coherencia.
  4. Pasalos a la computadora o al Bocetador con la cuadrícula activada.
Hacer la práctica en el Bocetador →

Repaso · 10 min

1. ¿Qué hace coherente a un set de íconos?

2. ¿Por qué un círculo se dibuja un poco más grande que un cuadrado en un set de íconos?

3. ¿Conviene inventar un ícono original para "buscar"?

Preguntale al asistente

Conoce esta clase y toda la diplomatura. Responde a cualquier hora.

El asistente puede equivocarse. Ante una duda importante, contrastá con la lectura.