Please enable JavaScript.

Coggle requires JavaScript to display documents.

Diseño Gráfico Audiovisual - Coggle Diagram

- - - - Niveles de conocimiento: realismo, simbolismo y abstracción.
      - Niveles de significado: denotación y connotación
    - - Según Frascara: es la acción de concebir programar proyectar y realizar comunicaciones visuales producidas por medios para transmitir mensajes.
      - Contreras y San Nicolás, lo definen como el proceso de programar proyectar coordinar seleccionar y organizar una serie de elementos para producir objetos visuales destinados a comunicar mensajes.
      - Moreno lo define como una disciplina creativa de las artes visuales que engloba la dirección artística la composición de textos y las tecnologías de la información considerándolo un campo multidisciplinar.
  - - - La realidad física y ausencia perceptiva
      - La realidad perceptiva y la ausencia física
      - La discrepancia entre las características del objeto fenoménico y del objeto físico
  - - - -Ley de figura y fondo: se analiza cómo se percibe los elementos según el análisis fenómenológico. Rubin y se estudian los estímulos los condicionantes perceptivos y las diferencias funcionales en la percepción de la figura.
      - -Ley de proximidad: tendencia a percibir juntos los elementos que están próximos en el espacio o en el tiempo.
      - -Ley de semejanza: los elementos similares (por forma o color) tienden a ser percibidos como "más relacionados2 que aquellos que no lo son viéndose como parte de una misma unidad.
      - -Ley de continuidad: cuando vemos un cierto tipo de organización continuamos viéndola aún cuando los factores del estímulo original desaparezcan.
      - -Ley de cierre tendencia a reducir las ambigüedades buscando siempre la forma más coherente.
      - -Ley de simetría: vemos los elementos organizados en figuras lo más simples posible (simétricas regulares y estables)
      - -Ley de destino común: se establece que los elementos que se mueven son percibidos como grupo o unidad.
      - -Ley extrínseca de la experiencia: habla de normas basadas en la experiencia que nos ayudan a reconocer formas.
  - - - -Realismo: la realidad es lo más cercano y predominante
      - -Simbolismo usa imágenes formas y colores para transmitirse significados profundos.
      - -Abstracción pura: se deja de lo realista centrándose en formas y colores sin referencias concretas.
  - - - Modelo tridimensional a escala--> Holograma--> Fotografía a color--> Fotografía en blanco y negro--> Pintura realista--> Representaciones figurativas no realistas--> Esquemas motivados--> Esquemas arbitrarios--> Representaciones no figurativas.
- - - - -Imagen narrativa vs no narrativa:
        
        Una imagen narrativa cuenta una historia sobre un personaje en un lugar y tiempo determinado. Además, existen narraciones icónicas sonoras y audiovisuales que incluyen cuentos y leyendas por la intención discursiva de la imagen que es el relato. Por otra parte, el arco narrativo creado por Freytag en 1863 divide las obras en 5 partes: exposición, acción ascendente, clímax, acción descendente y desenlace. A estas partes se las conoce como la pirámide de Fraytag.
        
        Una imagen no narrativa no cuenta una historia además los discursos discursos no narrativos expresan sentimientos, describen o exponen ideas y las categorías no son rígidas (tanto en narrativas como no narrativa).
        
        En Comunicación Audiovisual la imagen y el sonido presentan un contenido con significados con lo cual el discurso resultante sea la combinación de contenidos variable, (lo que da una imagen narrativa o no narrativa) y la forma audiovisual propia.
      - -Imagen estática vs dinámica:
        
        Se distinguen por la estructura de tiempo y espacio representado, ya que una imagen estática no representa movimientos ni una progresión temporal interna, mientras que una imagen dinámica sí lo hace.
  - - - -La imagen digital: es aquella producida por medio digitales, y hay varias formas de obtenerla: obtención directa con un medio digital, paso de un medio físico a uno digital o producción directa a través de un medio digital.
      - -Imagen Bitman: está compuesta por una rejilla de píxeles un concepto relacionado es el megapíxel que equivale a un millón de píxeles.
        
        También las imágenes bitman pueden presentar un color uniforme ya que la retina actúa como integradora de los colores próximos
        
        Por su parte, la foto y el cine guardan relación con la imagen bitman por su manejo de la iluminación y variación tonal.
      - -Imagen vectorial: se basa en segmentos y polígonos y se define mediante coordenadas iniciales y finales además de atributos como grosor color etc. Asimismo cualquier imagen vectorial puede reducirse a elementos geométricos simples, se caracteriza por tener colores planos y contornos limpios. Por otra parte al no basarse en una rejilla de píxeles lo hace escalable sin pérdida de calidad
        
        Existen dos procesos para convertir las imágenes: el Vectorial (de bitman a vector) y la Rasterización (de vector a Beatman).
      - -Resolución de la imagen: la resolución está presente en todo el proceso vital de la imagen (producción, edición, exportación e impresión (que se refiere a los puntos impresos por una unidad de superficie)).
        
        En las pantallas se refiere al número de píxeles por unidades de superficie lo cual se mide en PPI/PPP ( pixeles por inches/ pixeles por pulgada) o PCM (pixeles por centímetros).
        
        La calidad de la imagen está directamente relacionada con la resolución. Además de que hay que diferenciar entre varios conceptos relacionados: Tamaño de la imagen (cm, mm, etc.) Tamaño del archivo(bites, bytes, etc.) y Resolución de la imagen (ppi).
        
        Con los cambios de resolución se asumen riesgos respecto al resultado final, ya que con la interpolarización a la baja (se reduce la resolución, por lo general es más segura) y la interpolarización al alza (se aumenta la resolución y es más problemática).
      - -Profundidad de color: es una característica técnica
        
        Los atributos principales del color son: HSB
        
        -Tono (Hue): Representa el color en sí, ubicado en el círculo cromático que mide en grados de 0º a 360º según su posición y trabaja compensando los colores complementarios.
        
        -Saturación (Saturation): indica la intensidad del color o sea, la cantidad de gris que tiene la imagen y que se expresa en porcentaje yendo del 100% (colores puros) al 0% (colores pagados).
        
        -Brillo (Brightness): Expresa el grado de luminosidad de los colores a la luz reflejada, que se indica en porcentaje del 100% (luminosidad total) al 0% (oscuridad total).
        
        Por otra parte, los modos de colores son:
        
        -RGB: red, green, blue.
        
        -CMYK: Cyan, Magenta, Yellow, Black.
        
        -Modo Lab: Es la descripción del color independientemente del dispositivo, constando de Luminosidad (L) un canal (a) para la transición rojo-verde y un canal (b) para la transición azul-amarillo.
        
        -Escala de grises: permite a 256 grises que se miden en % de cobertura de negro y % de brillo, cuya conversión es equivalente a la luminosidad del color.
        
        -Dúotono: se utiliza en imágenes impresas en escala de grises con mayor riqueza tonal e implica el uso de más de una tinta plana en imprenta para lograr más de 50 niveles de gris estándar aumentando el rango de tonos.
        
        Modo color indexado: utiliza una paleta cromática reducida de 256 colores. Se utiliza en multimedia al realizar la conversión a través de una paleta basada en los colores de la imagen original.
        
        Compresión: Existen dos tipos:
        
        -Compresión con pérdida lossy : elimina información para reducir el tamaño del archivo lo que resulta en una menor calidad de la imagen.
        
        -Compresión sin pérdida o lossless: reduce el tamaño del archivo sin eliminar información de la imagen manteniendo la calidad original.
        
        Formatos de imagen:
        
        -Ai. (Adobe Illustrator Graphic Format): Sirve para gráficos vectoriales
        
        -Bmp. (Standard Window Bitmap Image): Es un formato bizma que soporta hasta 24 bits y compresión sin pérdida (RLE).
        
        -Gif. (Graphics Interchange File Format): He usado en la web para imágenes y animaciones utilizando compresion sin pérdida
        
        -Jpeg/jpg (Joint Photographic Expert Group): Es extendido para tu fotografías e imágenes grandes utilizando compresión con pérdida.
        
        -Jpg2/jp2 (Jpeg 2000 Image Format): Es el sucesor de JPEG siendo capaz de mayores niveles de comprensión con menor defectos como bloques o desenfoques.
        
        -Pdf (Adobe Portable Document Format): No es un formato gráfico puro, sino de documentos en los que almacena texto imágenes vectoriales y de mapa de bits
        
        -Png (Portable Network Graphic Format): Es un formato basado en compresión sin pérdida para bitmap libre de patentes desarrollado para solventar deficiencias del gif y permitir mayor profundidad de contraste y transparencias.
        
        -Psd (Adobe Photoshop Graphics Format): Incluye características extra como la comprensión por capa y es incompatible con otros programas en su mayoría.
        
        -Tga/tpic (Truevision TarGa Bitmap Image): Es un formato de fichero para imágenes Rasterizadas y de mapa de bits además proviene de las tarjetas gráficas.
        
        -Tiff/tif (Adobe Tagged Image File Format): Es un formato para imágenes de mapa de bits famoso por su persatilidad y comprensión no destructiva.
  - - - Las tecnologías GPT y GAN son fundamentales para la creación de imágenes y para ello es necesario "hablar su idioma" a través de prompt, que es la instrucción proporcionada a un modo de lenguaje o de imagen para solicitar la respuesta específica. La gramática en el Promt es importante, ya que puede interpretar palabras clave como la precisión y los indicadores de importancia no las jergas, metáforas etc. Además la IA puede interpretar signos de puntuación, mayúsculas, paréntesis, signos, repeticiones y números; las palabras clave actúan con modificadores en el promt existiendo el prompt negativo, para indicar qué elementos no se quieren la imagen. Asimismo a las IAs les cuesta dibujar manos o escribir textos legibles.
- - - - Existen varios tipos de formato entre los que destaca el DIN476 creado en 1922. Estos son los tipos de formato.
        
        A0: 841 x 1189 mm (equivale a 1m2)
        
        A1: 594 x 841 mm
        
        A2: 420 x 594 mm
        
        A3: 297 x 420 mm.
        
        A4: 210 x 297 mm
        
        A5: 148 x 210 mm
        
        A6: 105 x 48 mm.
        
        A7: 74 x 105 mm
    - - Existen varios tipos de márgenes: Superior o de cabeza exterior o de corte inferior o de pie interior. Interior o lomo de seguridad o sangrado. También se recomienda evitar que todos los márgenes sean idénticos además existe otro elemento relacionado con los márgenes que es la Mancha el cual es el área ocupada por el contenido impreso que se puede cortar en la zona de cabeza o entrada y la zona de pie salida o faldón.
    - - Existen varios tipos: de tipografía, de diseño editorial, de diseño web, de módulos, de manuscrito, de columnas y jerárquica.
  - - - Otros conceptos relacionados con la imagen móvil secuencial son: destemporalizacion que es la ruptura o alteración de la línea temporal en las imágenes en movimiento ; y significado y orden sintáctico que es cómo se construye el sentido a partir del orden y organización de las imágenes en movimiento.
- - - - Influyen sobre el grafismo de varias maneras: concreta la percepción temporal en composición de diseño gráfico, refuerza la secuencialidad de la imagen coma aporta materialidad a los movimientos y a las acciones de los elementos, ayuda a la contextualización del mensaje y da continuidad a los elementos visuales.
        
        Los elementos sonoros específicos son: efectos de sonido y ruido, música, silencio y voz humana; se diferencia entre sonido diegético (pertenece al mundo de la historia) y no digético (es la banda sonora). La sincronía son sonoras visual implica las relaciones espaciales de los elementos en el tiempo; el sonido influye en la percepción espacial; las características de la base musical se asocian de manera diferente, punto, y coma la articulación bidireccional enfatiza en la expresividad del diseño ; el sonido es un elemento fundamental en la construcción de la estructura y la continuidad de los elementos icónicos. La sincronía entre imagen y sonido ideal se describe como un univocidad.
- - - - Tono: se refiere el color puro (rojo, verde, azul, etc.).
      - Saturación: indica la intensidad del color, cuánto gris contiene
      - Brillo: se refiere a la luminosidad del color, cuán claro u oscuro es
  - - - Complementario dividido: se usan dos colores complementarios que crean contrastes más suaves.
      - Cuadrado: distribución uniforme de cuatro colores
      - Monocromático : se utiliza un único tono con sus diferentes valores (variación de brillo y saturación).
  - - - Color denotativo: describe la realidad u objeto sin intención adicional. Se divide en 3 categorías:
        
        Color icónico: ayuda a identificar rápidamente un objeto al hacer más realista su color natural.
        
        Color saturado: implica una manipulación, no es natural, es más brillante , potente y llamativo.
        
        Color fantasioso: respeta las formas, no los colores, aportando expresividad y atención para potenciar el mensaje.
      - Color connotativo: se añaden valores y significado al color según la percepción de cada uno. Tiene dos categorías:
        
        Color psicológico: afecta la percepción y la conducta humana en publicidad.
        
        Color simbólico: se relaciona con el uso cultural del color y las asociaciones inmediatas que provoca
  - - - Rojo : color del amor y la fertilidad. No es común en el cuerpo humano
      - Verde : centro del espectro ambivaliente punto es el más reposado para el ojo.
      - Azul: se asocia con buenos sentimientos, lo eterno, la realeza, la limpieza y el frío.
      - Amarillo: se relaciona con el sol y el dinero. Es usado por publicistas y diseñadores.
      - Blanco y negro: se representa como la cara y la cruz de un mismo concepto.
      - Gris: mantiene relación con la "materia gris".
- - - - Posición: la ubicación de un elemento afecta su peso visual.
      - Color: es un factor significativo que añade en mayor peso visual, aunque hay ciertos colores que añaden más peso visual que otros.
      - Tono: contribuye a un mayor peso visual ya que los tonos oscuros suelen equilibrarse como más pesados que los claros.
      - Forma: es un elemento que influye en el peso visual coma porque las formas irregulares tienen más peso que las simples o las formas con bordes definidos más que las difusas.
      - Textura: añade el mayor peso visual a los elementos coma las texturas densas suelen percibirse como más pesados que las lisas.
      - Distribución del espacio: la forma en la que se agrupan los distribuyen los elementos influye en el peso visual y el equilibrio.
      - Contraste: entre los elementos y su entorno, o entre elementos distintos, genera mayor peso visual. Un elemento con alto contraste destaca más y parece más pesado
      - Tamaño: los elementos más grandes tienden a tener mayor peso visual.
- - - - La referencia sirven como punto de partida, ya que se distinguen como analogía copia y readaptación.
      - Se necesita tiempo para que las ideas crezcan ya que la creatividad es una mezcla de componentes biológicos y experimentales/contextuales, en donde un reto o un desafío puede estimular la creatividad.
      - El estilo se considera un método de depuración de las formas y una decisión. Además existe una relación entre estilo y estética en la que se reconocen estilos genéricos como raíz sociocultural y estilo individual
        
        Hay numerosas técnicas para ejercitar la capacidad de crear algunas de ellas son
        
        Combinación de ideas
        
        Challenging Assumptions
        
        Método SCAMPER
        
        Encontrar semejanzas
        
        Worst Possible Idea
        
        Cheatstorm
        
        Crowdstorming
      - Un buen diseño está basado en buenas ideas, aunque existe el peligro de obtenerse con el resultado final punto. Es importante que fluya en las ideas y trabajar sin juicios durante la fase de generación. Además la participación activa e igualitaria del equipo es clave en el Bainstorming.
        
        Asimismo coma la idea surge de la acumulación de ideas pudiendo haber un momento de "iluminación" seguido por la necesidad de mejorar y "pulir" la idea primigenia.
      - La creatividad multiplica las posibilidades, porque se caracteriza por ser novedad, calidad y eficacia.
    - - El Briefing: es la información sobre el encargo coma que surge de la relación cliente-estudio, además Define el objetivo y las necesidades . Proporciona una necesidad guiada, pero también deja espacio para la libertad del diseñador.
      - El brianstorming: busca que fluyen las ideas para un buen diseño, evitándolo obsesión con el resultado final.
      - La idea: es el resultado de la acumulación y el pulido.
      - El storyboard: es una herramienta de planificación , funciona como un esquema sintetizado con una distribución correlativa, que muestra los elementos intervinientes, además proporciona información imprescindible para otros miembros del equipo.
    - - En el contexto del DGA esto puede incluir el diseño del logo o identidad visual de la marca buscando perdurabilidad en el tiempo.
      - En televisión y cine determina la estética del proyecto.
      - En publicidad, busca la asociación de ideas y valores y la relación con los consumidores.
  - - - La identidad corporativa es la forma en que la empresa quiere ser percibida, su expresión de personalidad y esencia visual.
      - La identidad visual: es la representación gráfica de la marca, como el logotipo, colores, tipografía, etc
      - La identidad de marca: es el conjunto total de elementos que definen a la marca, incluyendo su visión, valores, misión, y personalidad.
        
        Tiene 4 pilares:
        
        La Identidad de marca (propiamente dicha).
        
        La programación.
        
        La demografía de la audiencia
        
        La psicografía de la audiencia.
        
        En un canal de televisión busca un equilibrio entre la permanencia y la transformación.
  - - - Continuidad del canal: serie de elementos que se repiten en el canal para crear una identidad visual y sonora coherente, y que generan una sensación de fluidez y unidad en la experiencia de la audiencia
        
        Esta compuesto por los siguientes elementos: símbolo gráfico, careta de canal, careta de programa, avances de programación, fichas de promoción, molinillos de continuidad,
        mosca (de canal) y cierres de programa.
      - Continuidad del programa: El programa es una representación de la marca del canal. El grafismo responde a las necesidades concretas de cada programa y es definido por el realizador quién elabora una lista de necesidades de grafismo.
        
        Incluye diversos elementos:
        
        Cabezera: Se define por su posición con respecto al contenido y su función es acompañar al espectador basándose en las características del programa y requiere un conocimiento profundo de éste. Además suele incluir la sintonía y el símbolo corporativo.
        
        Sobreimpresiones: proporcione información complementaria, tienen diferencias por función, pero comparten rasgos identitarios. Su cantidad varía según el tipo de programa
        
        Base de postproducción : son plantillas en línea con el programa que facilitan la presentación de datos o elementos simultáneos, incluyendo fondos o sinfines
        
        Mosca (de programa) : no se debe confundir con la mosca del canal ya que es demasiado habitual como mosca y nunca sustituye a la del canal pudiendo colocarse de forma simultánea.
        
        Cortiilla de publicidad : son similares a las cortinillas de identidad del canal. Señalan la interrupción del contenido para la publicidad y la ida y vuelta de la misma, además, tienen una duración breve.
        
        Separadores: se usan para la separación de bloques de contenido y se introducen como transición y pueden llevar un efecto sonoro asociado
        
        Copyright: Tiene una función opuesta a la cabecera, no se debe confundir con el del canal e indica los derechos sobre el contenido y la fecha.
        
        Grafismos específicos : incluyen cabeceras de sección sumarios o titulares breves e imágenes complementarias. Por su parte, la realidad aumentada es el uso de tecnología que superpone información digital sobre el mundo real, enriqueciendo la experiencia del usuario
  - - - Antes de los títulos de crédito se adoptaban los formatos de los programas de mano, siendo Star Film (Meuliere) quienes crean los primeros títulos.
      - Cine de intertítulos: proporciona información mediante los diálogos escritos.
      - Studio system: conjunto de estudios sobre géneros populares del momento.
      - Llegada de la TV en los años 50 y 60: compiten con las grandes productoras para que las distribuidoras les proporcionen los derechos por las proyección de las películas.
      - Austeridad y cambios tecnológicos de los años 70 y 80: se crean las películas y series B (de bajo presupuesto), se desarrollan más los ordenadores y con ello llega la MTV. En esta época se presenta el siguiente modelo hegemónico: cabeceras de series de TV que presentan a sus personajes.
      - Digitalización en los años 90:se inició con la adopción de tecnología de composición digital y la creación de archivos electrónicos de contenido. Esto marcó el comienzo de la transición de la impresión tradicional a la producción y distribución de contenidos digitales.
      - Edad dorada de la TV: HBO fue el primero en invertir a gran escala en TV, iniciando el proceso en el que las cabeceras se trabajan más, aumentado su calidad, junto con los avances tecnológicos.