Materias · 🏛️ Universidad y trabajo

Diseño gráfico

Ejercicios resueltos de Diseño gráfico paso a paso, con el error que más se comete en cada uno: Resolución y preparación de archivos para impresión, Tipografía y jerarquía visual y más. Gratis y en español.

Preguntarle al tutor de Diseño gráfico

Sin instalar nada. Puedes probar antes de crear cuenta.

Ejercicios resueltos de Diseño gráfico

Resueltos paso a paso, como te los explicaría el tutor, y con el error que más se comete.

Resolución y preparación de archivos para impresión

Un cliente te manda por WhatsApp la foto de su producto para el pendón de 2 × 1 m que le vas a imprimir. La imagen tiene 1.280 × 720 píxeles. ¿Sirve?

Cómo se resuelve

  1. 1La resolución de una imagen no es un número fijo del archivo: depende del tamaño al que se imprima. Lo que se calcula son los píxeles que caen en cada pulgada impresa: ppp = píxeles ÷ pulgadas.
  2. 2Pasamos el pendón a pulgadas: 2 m son 200 cm, y 200 ÷ 2,54 = 78,7 pulgadas de ancho.
  3. 3ppp = 1.280 ÷ 78,7 = 16,3 ppp.
  4. 4¿Alcanza? Depende de la distancia de lectura, no del gusto. Lo que se mira en la mano —un volante, una revista, una tarjeta— se arma a 300 ppp. Un pendón se mira a dos o tres metros, y ahí la norma del oficio son 100 ppp al tamaño real; en una valla de carretera basta con 30 o 40.
  5. 5Aun con el criterio más flojo, 16 ppp está seis veces por debajo. Va a salir con los píxeles a la vista, en cuadritos.
  6. 6Lo que se necesita: a 100 ppp, 78,7 × 100 = 7.874 píxeles de ancho. Se le pide al cliente el archivo original de la cámara o del celular, NO el que mandó por WhatsApp, que recomprime y reduce la imagen automáticamente. Si no existe original, se vuelve a hacer la foto.
  7. 7Y del mismo archivo hay dos cosas más que arreglar antes de mandar a imprimir: WhatsApp entrega JPG en RGB y la impresión va en CMYK, y hay que agregar sangrado (1 cm por lado, así que el arte se arma a 202 × 102 cm) para que la guillotina no deje bordes blancos.

Respuesta: No sirve: 1.280 px repartidos en 78,7 pulgadas dan 16 ppp, y un pendón pide unos 100 ppp al tamaño final. Harían falta cerca de 7.900 px de ancho. Se pide el archivo original, no el de WhatsApp, y se entrega en CMYK con 1 cm de sangrado por lado.

El error de siempre: Agrandar la imagen en Photoshop y subirle los ppp en el cuadro de «Tamaño de imagen». Eso no inventa detalle: el programa reparte los píxeles que ya había entre más casillas e interpola el resto, y el resultado es la misma imagen, ahora borrosa y con halos en los bordes. La información que no se capturó no se recupera. La única salida real es un archivo con más píxeles de verdad.

Tipografía y jerarquía visual

Te pasan el volante de un curso del SENA para que lo arregles. Está todo en Arial de 12 pt, centrado, ocupando el ancho completo de una hoja carta (21,6 cm) con márgenes de 1 cm, y tiene un título, tres líneas de datos y un párrafo de ocho renglones. ¿Qué tres cosas cambias y por qué?

Cómo se resuelve

  1. 1Primero, la longitud de línea. El ancho de texto es 21,6 − 2 = 19,6 cm, y en Arial de 12 pt ahí entran unos 90 caracteres por renglón. La lectura cómoda está entre 45 y 75, con 66 como óptimo. Con líneas tan largas el ojo pierde el renglón al devolverse y el lector abandona. Se corrige llevando la caja de texto a unos 13 cm (unos 60 caracteres) o pasando a dos columnas.
  2. 2Segundo, la jerarquía. Que todo esté en 12 pt significa que nada es más importante que nada, y el lector no sabe por dónde entrar. Se establecen tres niveles con saltos de escala, no de un punto: título 30 pt en negrita, datos 16 pt, cuerpo 11 pt. Un salto se lee como jerarquía cuando el tamaño es al menos 1,3 veces el del nivel anterior; aquí van 30/16 = 1,9 y 16/11 = 1,45.
  3. 3Tercero, la alineación. Centrar es cómodo para quien diseña y difícil para quien lee: deja el margen izquierdo dentado y el ojo tiene que buscar dónde arranca cada renglón. El cuerpo va alineado a la izquierda, con bandera a la derecha. El centrado se reserva para el título y máximo dos líneas seguidas.
  4. 4De ñapa, el interlineado. El interlineado sencillo que pone Word aprieta las líneas y hace que el bloque se vea como una mancha. Se sube a 1,3 o 1,4 veces el tamaño de letra: con cuerpo de 11 pt, unos 15 pt de interlínea.
  5. 5La prueba de que quedó bien: se entrecierran los ojos hasta que el texto se vuelva borroso. Si a esa distancia todavía se distingue el título del resto y se ve por dónde entrar, la jerarquía funciona. Si todo se ve como un solo bloque gris, no.

Respuesta: 1) Acortar la línea a unos 13 cm (cerca de 60 caracteres) o pasar a dos columnas. 2) Construir jerarquía con saltos de escala reales: 30 / 16 / 11 pt. 3) Alinear el cuerpo a la izquierda y dejar el centrado solo para el título. Y subir el interlineado a unos 15 pt.

El error de siempre: Intentar marcar la jerarquía subiendo uno o dos puntos (de 12 a 14) y poniendo en negrita todo lo importante. Un salto pequeño no se lee como jerarquía, se lee como descuido; y si todo va en negrita, nada resalta. La jerarquía se hace con diferencias grandes y con pocos niveles: más de tres tamaños distintos en un volante lo convierten en ruido.

¿Y si tu ejercicio no es ninguno de estos?

No hace falta buscar el ejercicio exacto en internet. Trae el tuyo, o pide los que te falten.

Todo esto es gratis y sin instalar nada. Puedes probar antes de crear cuenta.

Lo que cubre

  • Resolución y preparación de archivos para impresión
  • Tipografía y jerarquía visual

Preguntas que le puedes hacer

  • Resolución y preparac…Explícame «Resolución y preparación de archivos para impresión» con un ejemplo práctico y dime en qué suele equivocarse la gente.
  • Tipografía y jerarquí…Explícame «Tipografía y jerarquía visual» con un ejemplo práctico y dime en qué suele equivocarse la gente.

Cómo enseña este tutor

Es riguroso y completo: justifica cada paso y nombra el teorema, la norma o la buena práctica que está aplicando, para que puedas citarla en tu trabajo o en el parcial.

  • · Te muestra el camino completo, no solo el resultado.
  • · Si algo no te cuadra, te lo explica otra vez de otra manera.
  • · Con una foto de tu cuaderno te dice dónde está el error.
  • · Te arma quizzes de lo que acabas de ver para saber si de verdad quedó.

Otras materias de Universidad y trabajo