DISEÑO GRAFICO

DISEÑO GRAFICO

1. Principios del diseño

   • Equilibrio en el diseño
     • Se refiere a la distribución visual de los elementos en una composición para lograr una sensación de estabilidad y armonía.
       • Este póster es un ejemplo de equilibrio, donde los elementos están distribuidos uniformemente creando una sensación de estabilidad y orden.
   • Tipos de Contraste
     • Es la diferencia visual entre dos o más elementos para hacer que uno destaque sobre otro. Se usa para enfatizar, organizar y dirigir la atención.
       • Campaña de Absolut Vodka – “Absolut Cities” Contraste de forma y color Contraste conceptual (lo clásico vs. lo moderno)
   • Cuadricula
     • Es una estructura compuesta por líneas horizontales y verticales que se utiliza para organizar y alinear los elementos de un diseño. Actúa como una guía para lograr orden, coherencia y equilibrio visual en una composición.
       • Es muy común en diseño editorial, diseño web, publicidad, e interfaces digitales.
   • SIMETRIA:
     • Los elementos se distribuyen de forma igual en ambos lados.
   • Jerarquía
     • Organiza los elementos visuales por orden de importancia para guiar la atención del espectador. Se logra mediante contraste, tamaño, color o ubicación.
       • Ejemplo: Merlina – Netflix La jerarquía se aplica colocando la imagen de la protagonista como foco principal, el título con la tipografía más grande, seguido por la fecha de estreno y el logo en tamaño medio, y finalmente el texto “una serie de Netflix” en pequeño. Así, se guía la atención del espectador desde lo más llamativo hasta la información secundaria.
   • Tipos de Alineación
     • Es la forma en que se colocan los elementos visuales en un diseño. Ayuda a dar orden, claridad y coherencia al mensaje.
   • ASIMETRIA:
     • Los elementos son diferentes pero se compensan visualmente.

2. DEFINICIÓN DEL COLOR

   • Saturación
     • La saturación es la intensidad o pureza de un color. A mayor saturación, el color es más vivo y fuerte. A menor saturación, el color se vuelve más apagado o desaturado, acercándose al gris.
       • Alta saturación: Se usa para llamar la atención, hacer que algo resalte y generar emoción o energía.
         • Coca-Cola utiliza una saturación alta de colores como el rojo y blanco para crear un ambiente festivo, alegre y lleno de energía durante la temporada navideña.
       • Baja saturación: Se utiliza para transmitir calma, elegancia o crear un ambiente más sutil y suave.
   • Escala de Grises
     • Son colores que van desde 0% de luminosidad (negro) hasta 100% de luminosidad (blanco). Contiene hasta 256 tonalidades, en imágenes se puede usar para transmitir emociones, resaltar mensajes o dar un tono reflexivo o serio.
       • Ejemplo: Campaña “#KeepTheGrey” de Dove, que usa escala de grises para reforzar un mensaje de inclusión y respeto hacia las mujeres mayores.
   • Sistema Pantone
     • Es una escala estandarizada de colores Permite crear colores exactos para garantizar que se vean igual en todos los medios y soportes, sin importar las variaciones de tinta o pantalla. Cada color tiene un código único.
       • Netflix utiliza un rojo específico identificado como Pantone 485 C para mantener la coherencia visual de su marca en todas sus plataformas y campañas alrededor del mundo.
   • Opacidad
     • Es el grado en que un elemento visual bloquea la vista de lo que está detrás de él. Se expresa generalmente como un porcentaje: 100% de opacidad = completamente sólido. 0% de opacidad = completamente transparente.
       • Se usa para crear efectos visuales, dar sensación de profundidad, o suavizar elementos en una composición.
   • Paleta de Colores
     • Es el conjunto de colores seleccionados para usar en un diseño. Estos colores se eligen para transmitir una emoción, mensaje o identidad visual coherente. Una paleta puede tener desde 2 hasta varios tonos, pero siempre debe mantener armonía y propósito.
   • Matiz, Tono, Tinte y Sombra
     • Matiz Es el nombre básico del color, como rojo, azul o verde.
       • Tono Es un color al que se le agrega gris, haciéndolo más suave o apagado.
         • Tinte Es un color al que se le agrega blanco, haciéndolo más claro.
           • Sombra Es un color al que se le agrega negro, haciéndolo más oscuro.
   • CMYK
     • Es el modo de color usado para impresión. Se compone de Cian, Magenta, Amarillo y Negro.
   • RGB
     • Es el modo de color para pantallas. Se compone de Rojo, Verde y Azul.

3. IMAGENES

   • Pixeles
     • son las unidades mínimas de una imagen digital. Cada píxel es un pequeño punto de color, y juntos forman las imágenes que vemos en pantallas.
       • Cuantos más píxeles tiene una imagen, mayor es su resolución y detalle.
         • Una imagen de perfil en redes sociales puede verse borrosa si tiene pocos píxeles, pero se verá nítida si tiene alta resolución
   • Resolución
     • La resolución es la cantidad de píxeles que tiene una imagen en pantalla o impresa. Se mide en anchura × altura (por ejemplo, 1920×1080 píxeles).
   • Regla de los tercios
     • Es una técnica que divide la imagen en una cuadrícula de 3x3. Los puntos donde se cruzan las líneas marcan zonas clave donde conviene poner lo más importante para que se vea mejor y más equilibrado.
   • Diferencia PPI y DPI
     • PPI (Pixels Per Inch) Se refiere a la cantidad de píxeles por pulgada en una imagen digital. Afecta la calidad en pantalla.
     • DPI (Dots Per Inch) Se refiere a los puntos de tinta por pulgada que una impresora puede colocar en papel. Afecta la calidad de impresión.
   • Tamaño de corte
     • Es el tamaño final de un diseño después de ser recortado, normalmente en impresión. Excluye márgenes, sangrado o marcas de corte.
   • Recorte preciso
     • Es un corte exacto y alineado al milímetro con las marcas de corte. Se hace con maquinaria profesional para evitar errores en el tamaño final.
   • Recorte
     • Es el proceso general de cortar un diseño impreso al tamaño deseado. Puede tener ligeras variaciones si no se alinea bien.

4. TIPOGRAFIA

   • Punto Tipográfico
     • Es una unidad de medida utilizada en diseño gráfico y tipografía para definir el tamaño de las letras, el interlineado, y otros espacios relacionados con el texto.
   • Versalitas
     • Son letras mayúsculas diseñadas con el mismo alto que las letras minúsculas. Visualmente, se ven como mayúsculas más pequeñas y uniformes, y se usan para dar énfasis sin romper la armonía visual del texto.
       • ¿Para qué se usan? En títulos secundarios o subtítulos Para nombres propios, acrónimos o palabras clave dentro de un párrafo En textos académicos o editoriales, para marcar partes sin usar negrita o cursiva
   • Lorem ipsum
     • Es un texto de marcador de posición comúnmente usado en diseño gráfico, maquetación y tipografía. Se utiliza para rellenar espacios de texto cuando el contenido final aún no está disponible.
       • ¿Para qué se usa? Probar tipografías, Diseñar layouts o maquetas, Ajustar espacios de texto antes de tener el contenido real
   • Peso de la Tipografía
     • Se refiere al grosor de los trazos de una letra. Es una característica fundamental del estilo tipográfico y se usa para crear jerarquía visual, dar énfasis y mejorar la legibilidad en un diseño.
       • Para qué se usa? Para destacar títulos o palabras clave Para crear contraste dentro del texto sin cambiar de fuente Para organizar visualmente contenido (por ejemplo: títulos, subtítulos y cuerpo de texto)
   • Interlineado
     • Es el espacio vertical entre líneas de texto. Se mide desde la línea base de una línea de texto hasta la línea base de la siguiente.
       • Este espacio es fundamental para la legibilidad y la estética tipográfica en cualquier diseño con texto.
   • Fuente Script
     • es un tipo de letra que imita la escritura manual o caligráfica. Suelen tener trazos fluidos, conectados y decorativos, lo que les da un aspecto elegante, artístico o informal, dependiendo del estilo.
       • ¿Para qué se usan? En diseño de logotipos (moda, belleza, alimentos artesanales) En invitaciones, tarjetas, carteles Para transmitir elegancia, feminidad, creatividad o cercanía
         • La palabra "Coca-Cola" está escrita con una fuente script personalizada

5. Formatos de archivo

   • Gif
     • es un formato de imagen que soporta animaciones. A diferencia de otros formatos, un archivo GIF puede mostrar una serie de imágenes o fotogramas, creando una animación simple.
   • PNG
     • Es un formato de imagen que mantiene la transparencia. Es ideal para usar imágenes sin fondo, como logos o iconos, y para gráficos con mucha calidad, sin perder detalle.
       • Un logo que se usa en una página web con fondo transparente, así puede colocarse sobre cualquier color o imagen de fondo sin perder calidad.
   • Gráfico Vectorial
     • Es una imagen creada con líneas y formas matemáticas, no con píxeles. Se puede escalar sin perder calidad, por eso es ideal para logotipos y diseños que necesitan distintos tamaños.
   • Imagen JPEG
     • Es un formato de imagen comprimido, ideal para fotografías y gráficos con muchos colores. Pierde algo de calidad al guardarse, pero su tamaño es más liviano.
       • Ejemplo: Fotos para redes sociales, banners web o anuncios digitales.
   • Imagen TIFF
     • Es un formato de imagen de alta calidad, sin pérdida de datos. Se usa en impresión profesional por su fidelidad de color y detalle.
   • Archivo PSD
     • Es el formato editable de Adobe Photoshop. Permite trabajar con capas, efectos y ajustes, ideal para diseños complejos que necesitan edición.
   • Archivo EPS
     • Es un formato de gráfico vectorial usado para impresión y diseño profesional. Conserva calidad en cualquier tamaño y es compatible con programas como Illustrator.
     • Ejemplo: El logo de una marca en EPS se usa para imprimir en camisetas, vallas o papelería sin perder resolución.

6. LOGOTIPOS

   • Monograma o Lettermark
     • Es un logotipo compuesto por letras, generalmente las iniciales de una marca. Se usa cuando el nombre es largo y se busca una identidad visual simple y reconocible.
       • Ejemplo: CNN – Cable News Network
   • Wordmark
     • Es un tipo de logotipo que usa solo texto, generalmente con tipografía personalizada, para representar la marca. Se enfoca en el nombre de la empresa, sin iconos ni símbolos.
   • Marca Pictórica
     • Es un logotipo basado únicamente en una imagen o símbolo visual, sin texto. Representa a la marca de manera icónica y visualmente impactante.
   • Marca Abstracta
     • Es un tipo de logotipo que utiliza formas o símbolos abstractos, sin representar una imagen reconocible, para crear una identidad única. Busca transmitir valores o conceptos de la marca a través de formas y colores.
   • Emblema
     • Es un logotipo donde el texto está contenido dentro de un símbolo o forma. Es una unidad visual cerrada que da un aspecto tradicional o institucional.

Imágenes y archivos del mapa