Diseño Gráfico - Resumen (Producción y Tratamientos Gráficos por ordenador)

1,926 views

Published on

Resumen de los materiales de Diseño Gráfico, del Grau Multimèdia de la UOC, cuando aún se llamaba Producción y Tratamientos Gráficos por Ordenador.

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,926
On SlideShare
0
From Embeds
0
Number of Embeds
620
Actions
Shares
0
Downloads
79
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Diseño Gráfico - Resumen (Producción y Tratamientos Gráficos por ordenador)

  1. 1. -------------INTRODUCCIÓN AL LENGUAJE VISUAL------------- IMAGEN Y PERCEPCIÓN VISUALEvolución del hombre según Giovanni Sartori HOMBRE SALVAJECULTURA ORAL Dificultad transmisión pensamiento Pensamiento intuitivo HOMBRE TIPOGRÁFICO Facilidad relativa transmisiónCULTURA ESCRITA pensamiento Pensamiento lineal, rígido HOMO VIDENS Explosión de la comunicaciónCULTURA ELECTRÓNICA Relativismo cultural fruto de mass- media audiovisuales LEYES DE LA VISIÓN DE GESTALT - Proximidad - Semejanza - Cerramiento - Buena continuidad - Movimiento común - Pregnancia - Experiencia
  2. 2. --------------------------ALFABETO VISUAL-------------------------- ICONOS – Realismo SIGNO GRÁFICO SÍMBOLOS – Código común ÍNDICES – Relación física con el objeto representado MIMÉTICO – Réplica, imitaciónCOMPONENTES DE LA IMAGEN ABSTRACTO – Simplificación, esquema ARBITRARIO - Inventado ALFABETO VISUAL PuntoELEMENTOS CONCEPTUALES Línea Plano FormaELEMENTOS VISUALES Color Textura ProporciónELEMENTOS DE RELACIÓN Dirección Movimiento
  3. 3. -------------------------LA IMAGEN DIGITAL------------------------ PROFUNDIDAD DE COLOR Y MODOS DE COLOR2 tonos 1 bit PLUMA OMAPA DE BITS – 1 color + fondo MEDIOS TONOS o ESCALA DE GRISES –256 tonos 8 bits Fotos en blanco y negro COLOR INDEXADO – Fotos para web24 bits = 8 bits x 3 canales RGB – Color verdadero – Monitor32 bits = 8 bits x 4 canales CMYK – Color verdadero - Impresión CODIFICACIÓN DEL COLORRGB Del 0 al 255CMYKHLS Tono / Saturación (0% gris – 100% color) / Brillo (0% negro – 100% blanco)LAB Grado de luminosidad (0% negro – 100% blanco) Componente cromático A (del verde al magenta) Componente cromático B (del azul al amarillo) FORMATOS GRÁFICOS TIFF- Aldus / Adobe BMP – Microsoft. No información. Pantalla PSD PICT – Mac. Equivale a BMPMAPA DE BITS JPG GIF89a GIF – Unisys. Color Indexado GIF ANIMADO PNG – Fireworks. Canal Alfa WMF – Windows Meta File EMF – Enhanced W. Meta File EPS – Adobe. Sistema PostscriptVECTORIALES PDF – Adobe. Compresión Mac y Pc. Maquetación SWF – Macromedia / Flash. Aplicaciones dinámicas SVG - Macromedia / Adobe. Exporta texto a una web a bits
  4. 4. ----------------------SINTAXIS DE LA IMAGEN---------------------- NIVELES SINTÁCTICOS DE LA IMAGEN Espontánea FORMA MATERIAL Viva ArtificialFORMA Orientación espacial FORMA PERCIBIDA Contexto Esqueleto de fuerzas visuales FUERZAS PERCEPTUALES – Atraen o repelen Eje verticalESTRUCTURA PESO VISUAL: EQUILIBRIO Y TENSIÓN Peso relativoY EQUILIBRIO Gravedad FLECHA VISUAL: DIRECCIÓN – Eje simetría ESQUELETO VISUAL ESTRUCTURAL – Sentido izq. derechaCOLOR FORMA FRACTAL - CONJUNTO DE CANTOR– Extraer tercio central de un fragmento. - CURVA DE KOCH– Aplicar triángulos equiláteros a los lados de un triángulo equilátero. - TRIÁNGULO DO SIRPINSKI– Sacar el centro de un triángulo equilátero. - CONJUNTO DE JULIA– Partiendo de un punto “z” se aplica “z2+c”. “c” es un parámetro de control. - CONJUNTO DEMANDELBROT– Cada una de las partes de este conjunto caracteriza una familia de conjuntos de Julia. TRANSFORMACIONES Reflexiones Traslaciones en el espacioRÍGIDAS Rotaciones Cualquier combinación de ellas SesgarDEFORMACIONES Distorsionar Proyectar
  5. 5. CÉLULAS FOTO RECEPTORAS DEL OJO HUMANOBASTONES Baja intensidad de luz – Visión nocturnaCONOS Intensidad media y alta - Colores LONGITUDES DE ONDACORTA AZUL Menos cantidad de conos que reaccionan a estas ondasMEDIA VERDE Igual cantidad de conos que reaccionan a estas ondasLARGA ROJO MODELOS DE CLASIFICACIÓN DE UN COLOR - PIRÁMIDE DE LAMBERT (1772) - ESFERA DE OTTORUNGE (1810) - SÓLIDO DE MUNSELL ( 1858 – 1718) – Matiz, valor y croma - DOBLE PIRÁMIDE DE WILLIAM OSTWALD (1915) - CUBO DE ALBERT HIXKETHIER (1940) – Cod. Colores del 000 al 999 - MODELO HLS HUE-LIGHTNESS-SATURATION – Tono (0º a 360º), luminosidad y saturación (0 al 100) - MODELO CIE (1931-1976) – Basado en la percepción del color. TIPOS DE MEZCLAS - ADITIVA – Luces primarias rojo/verde/azul – Compone luz blanca. - SUSTRACTICA – Colores básicos cyan/magenta/amarillo – compone luz negra. - PARTITIVA – Pequeñas áreas contiguas de distintos colores forman otro color. TIPOS DE COLORES - PRIMARIOS – Rojo / verde / Azul - SECUNDARIOS – Combinación de 2 primarios - TERCIARIOS – Combinación de distintas intensidades de los 3 primarios - BÁSICOS – cyan / magenta / amarillo / negro - COMPLEMENTARIOS – No comparten componentes
  6. 6. COLORES CÁLIDOS Rojo, naranjas y amarillos COLORES FRÍOS Cyan, azules y violetas azulados COLORES FRONTERA Magenta y verde TIPOS DE CONTRASTE DE COLOR – Johannes Itten (1888-1967)COLORES EN SÍ Entre colores saturados. Mín. 3 colores. Efectivo entre los 3 colores primarios, blanco y negroCLARO-OSCURO Un mismo tono con mayor y menor luminosidadCUALIDAD O SATURACIÓN Del color saturado al grisCÁLIDO-FRÍO Contraste colores cálidos y fríosCOMPLEMENTARIOS Sólo dos coloresSIMULTÁNEO Un color neutro sobre una superficie de color puroDE CANTIDAD Un color en menor cantidad
  7. 7. ------------COMPOSICIÓN Y EXPRESIÓN GRÁFICA------------- MARCOS Y ESTRUCTURAS CLASIFICACIÓN DE LAS RETÍCULAS según Wicius Wong Cambio de dirección Deslizamiento Curvatura o quebrantamiento ReflexiónENREJADO BÁSICO Combinación Divisiones ulteriores Enrejado triangular Enrejado hexagonalESTRUCTURAS DE MÚLTIPLE REPETICIÓNSUPERPOSICIÓN DE ESTRUCTURAS DE De una misma estructuraMÚLTIPLE REPETICIÓN De diferente estructura Área de un cuadradoDIVISIONES DEL PLANO DERIVADAS DE Área de un círculoLAS PROPORCIONES Y ESTRUCTURA DE Área de un triánguloUN MARCO Área de un rectángulo áurico TIPOS DE CONTRASTE COMPOSITIVO según DonisDontis Equilibrio / Inestabilidad Neutralidad / Acento Simetría / Asimetría Transparencia / Opacidad Regularidad / Irregularidad Coherencia / Variación Simplicidad / Complejidad Realismo / Distorsión Unidad / Fragmentación Plana / Profunda Economía / Profusión Singularidad / Yuxtaposición Reticencia / Exageración Secuencialidad / Aleatoriedad Predictibilidad / Espontaneidad Agudeza / Difusividad Actividad / Pasividad Continuidad / Episodicidad Sutileza / Audacia ETAPAS DE EVOLUCIÓN DE ESTILOSsegún Henri Focillon - Fase experimental o formativa - Fase de madurez clásica - Fase de refinamiento - Fase barroca o de decadencia
  8. 8. CLASIFICACIÓN DE ESTILOSsegún Maurice Sauzmarez - PRIMITIVISTA o Exageración, espontaneidad, actividad, simplicidad, economía, plana, irregularidad, redondez, colorismo - EXPRESIONISTA o Exageración, espontaneidad, actividad, complejidad, variación, audacia, irregularidad, verticalidad, experimentalismo, distorsión discursividad - CLASICISTA o Armonía, organización, pasividad, simplicidad, unidad, dimensionalidad, coherencia, simetría, convencionalismo, representación - ENBELLECIDO o Exageración, detallismo, actividad, complejidad, profusión, audacia, variedad, redondez, colorismo, diversidad - FUNCIONAL o Economía, organización, sutilidad, simplicidad, unidad, secuencialidad, coherencia, simetría, monocromaticidad, abstracción, angularidad, continuidad, regularidad, aguzamiento CLASIFICACIÓN DEL ARTE VISUALFIGURATIVAS NATURISTAS O REALISTAS – Miméticas ESQUEMÁTICAS – Simplicidad, cubismoABSTRACTAS
  9. 9. IMAGEN Y TIPOGRAFÍACLASIFICACIÓN BÁSICA DE FAMÍLIAS TIPOGRÁFICAS - Romanas antiguas - Romanas modernas o didonas - De bloque serifo egipcias - Lineales o de palo seco - EscrituraCLASIFICACIÓN DE FAMILIAS TIPOGRÁFICAS según Lewis Blackwell - Humanistas - Neo-grotescas - Antiguas - L. geométricas - De transición - L. Humanistas - Modernas - Escritura - Egipcias - Inclasificables - L. Grotescas VOCABULARIO TIPOGRÁFICOBásico: - Altura en mayúsculas– Altura de las letras de caja alta, desde la línea de la base hasta la parte superior del carácter. - Altura x – Altura de las letras de caja baja, excluyendo ascendentes y descendentes. - Línea de base – La línea sobre la que se apoya la altura x. - Anillo – Blanco interno en letras (“b” o la “o”). - Ojal – Porción cerrada de la letra “g” que queda por debajo de la línea de base. Si es abierto se llama cola. - Blanco interno – Espacio en blanco contenido dentro de un anillo u ojal. - Cuello – enlace de conexión entre el anillo y el ojal de la letra “g”. - Asta– Trazo principal de la letra que define su forma esencial. - Astas montantes – Son las astas principales verticales u oblicuas de una letra (“A”). - Asta ondulada o espina – Rasgo principal de la “S”. - Barra o asta transversal – Rasgo horizontal. - Vértice – Punto exterior de encuentro entre dos trazos, como en la parte superior de una “A” o “M” o el pie de una “M”. - Inclinación – Ángulo del eje imaginario que puede ser vertical o con diversos grados de inclinación. Define una familia de caracteres. - Rebada– Espacio que queda entre el carácter y el borde del tipo.
  10. 10. Ascendentes: - Ascendente – Asta de la letra de caja baja que sobresale por encima. - Brazo – Parte terminal que se proyecta horizontalmente hacia arriba (“K”).Descendentes: - Descendente – Asta de letra de caja baja que queda por debajo de la línea de base (“p”). - Cola – Asta colgante (“R”) que se apoya en la línea de base. - Cola curva – Asta curva que pasa debajo de la línea de base (“Q”).Remates y otros: - Basa – Proyección que a veces se ve en la parte inferior de la “b”. - Cartela – Trazo curvo o poligonal de conjunción entre el asta y el remate. - Oreja – Pequeño rasgo terminal que a veces se añade al anillo de algunas letras como la “o”, la “g”, o al asta de otras, como la “r”. - Remate, gracia o serif– Trazo terminal de un asta, brazo o cola. Es un resalte ornamental o de refuerzo que no es indispensable para la definición del carácter. HISTORIA DE LA TIPOGRAFÍA - Del alfabeto fenicio. - S. I a.c.– Románica CapitalisMonumentalis– Mayúsculas - Lápidas romanas - S. VII a s. XI – Carolingia – Minúscula- Carlomagno - S. XIII – Gótica minúscula - 1455 - Gutenberg– Imprenta – Tipos móviles - S. XIV a s. XV - Textura
  11. 11. - Siglo XV y XVI – Humanística minúscula y humanística cursiva– Venecianos- 1531-Garamond- S. XVIII - Baskerville, Didot- 1788-1818 - Bodoni- 1816 – 1ª sanserif -palo seco- 1844 – Careton- 1927 – Gill, Futura- 1931 - Times New Roman- 1957 - Helvética INFLUYEN EN LA LEGIBILIDAD (Claridad de las letras)- Familias con mayor diferenciación entre caracteres- Serif o humanísticas- Caja baja- Peso medio (ni negritas, ni cursiva)- Anchura de fuente normal INFLUYEN EN LA AMENIDAD (o claridad) DE LECTURA- Espaciado normal entre letras y palabras- Tamaño de 9 a 12 puntos- Ancho de columna de 60/65 caracteres- Interlineado normal- Alineación izquierda y justificada- Contraste de color
  12. 12. IMAGEN Y MOVIMIENTO ELEMENTOS BÁSICOS DE LA IMAGEN CINÉTICA - Plano o toma - Escena - Secuencia - Encuadre o Plano general (PG) o Plano tres cuartos o americano o Plano medio (PM) o Primer plano (PP) - Campo - Punto de vista - Montaje RECURSOS EXPRESIVOS Y NARRATIVOS - Elipsis– Información ausente - Rácord– Fusionar el último fotograma con el primero de la escena siguiente - Flash-back– Salto atrás - Flash-forward– Anticipación del futuro - Acción paralela - Alteración de la naturaleza temporal o Ralentizar o Acelerar o Invertir - Composición o Vertical o Horizontal o Diagonal - Altura del punto de vista - Inclinación del punto de vista o Contrapicado o Picado o Cenital - Angulación del punto de vista o Gran angular o Normal o Teleobjetivo
  13. 13. - Panorámica– Giro sobre eje horizontal- Traveling– El punto de vista se desplaza- Punto de vista subjetivo– Con los ojos de un personaje- Zoom- Metamorfosis– Transformación de un objeto a otro- Deformación– Distorsión. Dibujos animados- Construcción de la imagen- Fases del dibujo
  14. 14. ----------------------COMUNICACIÓN VISUAL--------------------- PLANOS DE SIGNIFICACIÓN - Plano denotativo – Explicativo, informativo - Plano connotativo – Implícito, empatía NIVELES DE INTERECTIVIDAD Y RESPUESTA EN SISTEMAS MULTIMEDIA - Según el modo de acceso a la información  Instrumental, directa o lineal  Experimental, indirecta o no lineal - Según el modo de presentación de la información  Textual  Iconográfica  Mixta TIPOLOGÍA DE LA IMAGEN - Expresiva - Documental o informativa - Persuasiva - Narrativa REGISTROS COMUNICATIVOS / NIVEL DE FORMALIDAD Desorden Aparente ausencia línea gráficaINFORMALES Desequilibrio compositivo Contrastes y confusión estética Apariencia de defectos técnicos Orden Coherencia y línea gráficaFORMALES Equilibrio compositivo Depuración estética Arte final y acabados muy cuidados
  15. 15. IDENTIDAD GRÁFICA – COHERENCIA Y LÍNEA GRÁFICA - Rasgos estables - Rasgos alternativos - Rasgos libresESTRATEGIAS DE COMUNICACIÓN VISUAL / RETÓRICA VISUALLas figuras retóricas son estrategias persuasivas destinadas a captar laatención del espectador y modificar sus emociones. - Metáfora - Metonimia - Prosopopeya – Cualidades humanas a objetos o animales. - Interpenetración - Perífrasis– Se evita una imagen por medio de textos - Ironía– Expresar algo para dar a entender lo contrario - Alegoría– Sentido figurado - Hipérbole– Amplificación no creíble - Elipsis– Supresión de elementos gráficos que el emisor puede reconstruir - RepeticiónMODOS DE RELACIÓN INTERFAZ – USUARIO - Fático– Informa, interactividad mínimo - Conativo– Llama la atención del usuario - Imperativo– Ordena al usuario - Oclusivo– Mensajes contradictorios - Diegético– Ilusión de vivir una experiencia real. Realidad virtual
  16. 16. -----------------------PROCESOS DE DISEÑO------------------------ TÉCNICAS DE ESTIMULACIÓN DE LA CREATIVIDAD - Brainstorming– Lluvia de ideas - Delfos– Modalidad del Brainstorming - Sinestesia– Grupo autónomo contratado - Sinéctica– Investigación relacionada con la invención de un nuevo producto MÉTODOS CREATIVOS - Combinatorios– Collage conceptual - Analógicos– Relación de semejanza entre objetos distintos - Pensamientolateral– Eliminación de trabas mentales. Surrealismo - Psicodramaodramatización– Cada participante asume una identidad, diálogo creativo. Prosopopeya ELABORACIÓN GRÁFICA DE LAS IDEAS - Rough– Croquis inicial, sin acabados - Layout– Maqueta final con elementos de acabado MODELOS Y PROCESOS DE DISEÑO Análisis del problema MODELOS PROCESUALES Diseño conceptual DESCRIPTIVOS – M.J. Formalización de esquemas FRENCH Desarrollo de detalles Programación FASE ANALÍTICA Recopilación datos MODELOS PROCESUALES Análisis DESCRIPTIVOS – L.B. Síntesis ARCHER FASE CREATIVA Desarrollo FASE EJECUTIVA Comunicación
  17. 17. APARTADOS TEMÁTICOS DE UN BRIEFING PUBLICITARIOInformación básica que el diseñador necesita saber antes de elaborarun proyecto. Lo elabora el departamento de marketing del cliente.- Empresaanunciante– Historia, productos- Productoanunciado– Marca, composición, precio- Competencia- Mercado- Consumidor- Objetivosdemarketing- Objetivos de publicidad- Público objetivo- Temporalización y presupuesto FASES DEL PROYECTO DE DISEÑO MULTIMEDIA- Fase pre-producción – Recepción del encargo, búsqueda de información, planteamiento de hipótesis, redacción del guión- Fase de producción– Realización de contenidos- Fase de post-producción– Edición final, publicación y comunicación ELEMENTOS DEL PROYETO DE DISEÑO MULTIMEDIA- Elementos de contenido– Ilustraciones, tablas interactivas, dinámicas- Diseño de interfaz– pantallas- Diseño de interacción MÉTODOLOGÍA DEL DISEÑO- Método de diseño esteriotípico- A partir de modelo ya establecido- Método de rediseño – Mejorar un diseño anterior- Método de diseño recombinatorio– Traspaso de uno o varios diseños a uno nuevo- Método de diseño utópico – Proyecto personal- Método de diseño innovador – Modelo a seguir y alcanzar. Soluciones inesperadas y efectivas

×