DICCIONARIO · B

Boceto

Un boceto es un dibujo rápido y provisional que plasma las líneas generales de una idea antes de desarrollarla en detalle, ya sea un cuadro, un logotipo, un anuncio o la pantalla de una web. Sirve para explorar opciones, comunicar la idea y corregir errores cuando cambiar todavía es barato.

Sara Cerdà Richart Escrito por 6 min de lectura
Ficha rápida
Qué es
Dibujo o apunte previo a la ejecución de una obra
Etimología
Del italiano bozzetto, diminutivo de bozza
Equivalente en inglés
Sketch
Sinónimos cercanos
Esbozo, bosquejo, apunte
Fases en publicidad
Miniatura, boceto burdo, boceto comprensivo, dummy y arte final

≡En resumen

  • Un boceto es la primera representación visual de una idea: rápida, sin detalle y pensada para cambiar.
  • La palabra viene del italiano bozzetto, que en escultura designaba el pequeño modelo previo a la obra.
  • En diseño y publicidad se trabaja por fases: miniaturas, boceto burdo, boceto comprensivo, dummy y arte final.
  • No es lo mismo que un croquis, un wireframe, un mockup o un prototipo, aunque todos son pasos previos al resultado final.
  • Hacer bocetos ahorra tiempo y dinero: es mucho más barato descartar una idea en papel que en el diseño terminado.

01 ¿Qué es un boceto?

Un boceto es la primera forma visible de una idea. Antes de pintar un cuadro, diseñar un logotipo o maquetar un anuncio, se hacen unos trazos rápidos para ver si la composición funciona. No busca belleza ni precisión: busca responder pronto a preguntas como «¿dónde va cada elemento?» o «¿se entiende el mensaje?».

El Diccionario de la lengua española lo define como el proyecto o apunte general previo a la ejecución de una obra artística, y también como el esquema en que se bosqueja cualquier obra. En la práctica, la palabra se usa en arte, diseño gráfico, publicidad, arquitectura, moda, diseño industrial y diseño digital.

02 Origen y significado de la palabra boceto

Boceto viene del italiano bozzetto, diminutivo de bozza, que designaba la piedra sin labrar y, por extensión, el borrador de una obra. En escultura, el bozzetto era el pequeño modelo en barro o cera que el artista preparaba antes de la pieza definitiva; los que se conservan de Gian Lorenzo Bernini son un ejemplo famoso. En inglés el término equivalente es sketch.

Ejemplo · Los cuadernos de Leonardo da Vinci

Buena parte de lo que sabemos del proceso creativo de Leonardo da Vinci procede de sus cuadernos: miles de hojas con bocetos de figuras, máquinas, anatomía y estudios de composición, acompañados de notas. Son el ejemplo clásico de boceto como herramienta para pensar, no como obra acabada.

03 Características de un boceto

01

Rápido

Se hace en minutos. Si un boceto lleva horas, probablemente ya es otra cosa.

02

Esquemático

Muestra formas, proporciones y distribución; los detalles se omiten o se sugieren.

03

Provisional

Está hecho para corregirse, descartarse o combinarse con otros.

04

Exploratorio

Lo normal es hacer varios para comparar alternativas antes de elegir.

05

Comunicativo

Permite enseñar una idea a un cliente o a un equipo antes de invertir en ella.

04 Tipos de bocetos

En diseño gráfico y publicidad, el boceto se trabaja en varias fases, cada una más definida que la anterior. Los nombres varían según la escuela o la agencia, pero esta secuencia es la más extendida en los manuales en español.

  1. 1

    Miniatura (thumbnail)

    Dibujos muy pequeños y rápidos para generar muchas ideas de composición en poco tiempo.

  2. 2

    Boceto burdo o rough

    La idea elegida a mayor tamaño, con la distribución de textos e imágenes, pero sin acabado.

  3. 3

    Boceto comprensivo (comp)

    Versión cuidada, cercana al resultado, con tipografías, colores e imágenes aproximadas para presentar al cliente.

  4. 4

    Dummy o maqueta

    Simulación física o digital del producto final, por ejemplo un folleto plegado o un envase montado.

  5. 5

    Arte final

    El diseño definitivo, preparado para imprenta o publicación. Ya no es un boceto.

Disciplina Tipo de boceto Para qué se usa
Pintura e ilustración Estudio de composición, de figura o de color Probar encuadre, poses y paleta antes de la obra
Arquitectura Croquis a mano alzada Plasmar la idea espacial antes de los planos técnicos
Moda Figurín Representar la prenda sobre una silueta
Diseño industrial Boceto en perspectiva o 3D Visualizar el volumen de un producto
Cine y vídeo Storyboard Planificar los planos de una escena o un anuncio
Diseño web y apps Wireframe en papel Definir la estructura de una pantalla
Bocetos según la disciplina

05 Boceto, croquis, esbozo, wireframe y mockup: diferencias

Son palabras que se usan a menudo como sinónimos, pero cada una tiene su matiz. La diferencia está en el nivel de detalle y en el ámbito en que se usan.

Término Qué es Nivel de detalle
Esbozo / bosquejo Primera idea, a menudo más vaga aún que el boceto; también se aplica a textos o planes Muy bajo
Boceto Dibujo previo con las líneas generales de la obra Bajo
Croquis Dibujo a mano alzada, habitual en arquitectura y topografía, a veces con medidas Bajo o medio
Wireframe Esquema de la estructura de una pantalla web o de una app, sin diseño visual Medio
Mockup Representación visual realista del diseño, estática Alto
Prototipo Versión interactiva que simula el funcionamiento Alto y navegable
Arte final Diseño terminado listo para producir Completo
Términos parecidos a boceto

06 Ejemplos de bocetos en el día a día

01

Logotipo

Una hoja con veinte variaciones de un símbolo a lápiz, en blanco y negro, para elegir la forma antes del color.

02

Anuncio de revista

Un rectángulo con el titular escrito a mano, una caja para la foto y la posición del logotipo y la llamada a la acción.

03

Página web

Varias pantallas de móvil dibujadas en papel con bloques, botones y el recorrido hasta el formulario.

04

Personaje

Siluetas y poses rápidas de una mascota de marca antes de definir su estilo.

05

Envase

El despiece plano de una caja con las caras numeradas y la ubicación de textos legales y código de barras.

07 Cómo hacer un boceto paso a paso

  1. 1

    Parte del objetivo

    Lee el encargo o el briefing y anota qué debe transmitir la pieza, para quién y en qué formato.

  2. 2

    Busca referencias

    Reúne ejemplos, colores y estilos que encajen, sin copiarlos.

  3. 3

    Haz muchas miniaturas

    Dibuja entre cinco y veinte versiones pequeñas en poco tiempo; la cantidad importa más que la calidad en esta fase.

  4. 4

    Elige y amplía

    Selecciona las dos o tres mejores y dibújalas más grandes, con la distribución de elementos.

  5. 5

    Anota

    Añade notas sobre colores, tipografías, materiales o textos que el dibujo no muestra.

  6. 6

    Valida antes de digitalizar

    Enseña los bocetos al cliente o al equipo y recoge cambios antes de pasar al ordenador.

Un buen briefing es la mitad del trabajo: cuanto más claro está el encargo, menos rondas de bocetos hacen falta.

08 El boceto en diseño gráfico, logotipos y marketing

En una campaña publicitaria o en un proyecto de marca, el boceto es el punto donde cliente y diseñador se ponen de acuerdo antes de invertir horas de producción. Por eso cualquier agencia de diseño gráfico presenta primero bocetos o propuestas comprensivas y solo después desarrolla el arte final. En un diseño de logotipo profesional, las primeras rondas suelen ser decenas de bocetos en blanco y negro para validar la forma antes de pensar en el color.

  • ✓Pide ver bocetos antes del diseño final: es el momento más barato para cambiar de rumbo.
  • ✓Valora la idea y la composición, no el acabado; un boceto no tiene por qué ser bonito.
  • ✓Da comentarios concretos: qué funciona, qué no y por qué.
  • ✓Evita pedir que se mezclen todas las propuestas en una: suele diluir la idea.
  • ✓Guarda los bocetos descartados; a veces una idea vuelve a servir en otra pieza.

En webs y aplicaciones ocurre lo mismo: bocetar las pantallas en papel antes de abrir cualquier programa es una práctica básica del diseño UX, porque permite probar el recorrido del usuario sin distraerse con colores ni tipografías.

Preguntas frecuentes sobre Boceto

Es un dibujo rápido y provisional que recoge las líneas generales de una idea antes de ejecutarla en detalle, ya sea una obra de arte, un logotipo, un anuncio o una pantalla.

Significa apunte o proyecto previo de una obra. Procede del italiano bozzetto, diminutivo de bozza, que designaba la piedra sin labrar o el borrador.

Sirve para explorar ideas, decidir la composición, comunicar una propuesta a otras personas y corregir errores antes de invertir tiempo en el trabajo final.

En diseño y publicidad se distinguen miniatura, boceto burdo o rough, boceto comprensivo y dummy o maqueta. En otras disciplinas hay croquis, figurines, storyboards o bocetos de color.

El boceto es el dibujo previo de cualquier obra; el croquis es un dibujo a mano alzada propio de la arquitectura o la topografía, que a menudo incluye medidas o referencias espaciales.

Son casi sinónimos. Bosquejo y esbozo se usan también para ideas no gráficas, como el bosquejo de un plan, mientras que boceto se reserva sobre todo para dibujos y diseños.

Define el objetivo, busca referencias, dibuja muchas miniaturas rápidas, elige las mejores, amplíalas con anotaciones y valídalas antes de pasar al diseño final.

Fuentes consultadas

Sara Cerdà Richart

Sobre el autor

Marketing Manager en appyweb

Dirige la estrategia de marketing digital, contenidos y redes sociales de los clientes de appyweb.

Ver perfil en LinkedIn ↗

Términos relacionados

Ver todos los términos →
W Wireframe Un wireframe es un esquema visual simplificado de una pantalla de web o app que muestra la estructura, la jerarquía del contenido y la posición de cada elemento, sin colores, imágenes ni diseño final. Funciona como el plano del proyecto: permite decidir qué va en cada página y validarlo con usuarios antes de invertir en diseño visual y programación. M Mockup Un mockup es una representación visual estática y de alta fidelidad de cómo se verá un diseño terminado, ya sea una pantalla de web o app o un producto como un envase con su logotipo. Está entre el wireframe, que define la estructura, y el prototipo, que añade interacción, y sirve para aprobar el aspecto antes de programar o fabricar. S Storyboard Un storyboard (en español, guion gráfico) es una secuencia de viñetas dibujadas que muestra plano a plano cómo se verá un vídeo, una película, un anuncio o una experiencia digital antes de producirla. Sirve para decidir encuadres, acciones y ritmo sobre el papel, alinear al equipo y evitar repeticiones caras en el rodaje o la edición. A Adobe Illustrator Adobe Illustrator es el programa de diseño vectorial de Adobe, que crea gráficos a partir de trazados matemáticos en lugar de píxeles, de modo que se pueden ampliar a cualquier tamaño sin perder calidad. Sirve para diseñar logotipos, iconos, ilustraciones, tipografías y piezas para imprenta o web, y es el estándar profesional desde 1987. L Logotipo Un logotipo es el signo gráfico que identifica a una empresa, marca, producto o proyecto y lo distingue de los demás. En sentido estricto es la parte formada por letras, el nombre escrito con una tipografía propia; en el uso diario, «logotipo» o «logo» designa cualquier símbolo de marca, con o sin imagen. B Briefing Un briefing es el documento o la reunión en la que un cliente o un responsable transmite a quien va a ejecutar un proyecto todo lo necesario para hacerlo: contexto, objetivos, público, mensaje, entregables, plazos y presupuesto. Un buen briefing evita malentendidos, rondas de cambios y desviaciones de coste, y es la base de cualquier campaña, diseño o web.

Cuéntanos tu proyecto. Te respondemos en 48 h.

Auditoría gratuita de IA, campañas, web y SEO, con prioridades y cifras reales de tu negocio.

✓ Sin compromiso ✓ Respuesta en 48 h laborables ✓ Un consultor senior, no un bot
WA WhatsApp