diseño gráfico - resumen (producción y tratamientos gráficos por ordenador)
DESCRIPTION
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.TRANSCRIPT
-------------INTRODUCCIÓN AL LENGUAJE VISUAL-------------
IMAGEN Y PERCEPCIÓN VISUAL
Evolución del hombre según Giovanni Sartori
CULTURA ORALHOMBRE SALVAJEDificultad transmisión pensamientoPensamiento intuitivo
CULTURA ESCRITA
HOMBRE TIPOGRÁFICOFacilidad relativa transmisión pensamientoPensamiento lineal, rígido
CULTURA ELECTRÓNICA
HOMO VIDENSExplosión de la comunicaciónRelativismo cultural fruto de mass-media audiovisuales
LEYES DE LA VISIÓN DE GESTALT
- Proximidad- Semejanza- Cerramiento- Buena continuidad- Movimiento común- Pregnancia- Experiencia
--------------------------ALFABETO VISUAL--------------------------
SIGNO GRÁFICOICONOS – RealismoSÍMBOLOS – Código comúnÍNDICES – Relación física con el objeto representado
COMPONENTES DE LA IMAGENMIMÉTICO – Réplica, imitaciónABSTRACTO – Simplificación, esquemaARBITRARIO - Inventado
ALFABETO VISUAL
ELEMENTOS CONCEPTUALESPuntoLíneaPlano
ELEMENTOS VISUALESFormaColorTextura
ELEMENTOS DE RELACIÓNProporciónDirecciónMovimiento
-------------------------LA IMAGEN DIGITAL------------------------
PROFUNDIDAD DE COLOR Y MODOS DE COLOR2 tonos 1 bit PLUMA OMAPA DE BITS – 1 color + fondo
256 tonos 8 bitsMEDIOS TONOS o ESCALA DE GRISES – Fotos en blanco y negroCOLOR INDEXADO – Fotos para web
24 bits = 8 bits x 3 canales RGB – Color verdadero – Monitor
32 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
MAPA DE BITS
TIFF- Aldus / Adobe
BMP – Microsoft. No información. Pantalla
PSDPICT – Mac. Equivale a BMP
JPG
GIF – Unisys. Color IndexadoGIF89aGIF ANIMADO
PNG – Fireworks. Canal Alfa
VECTORIALES
WMF – Windows Meta File
EMF – Enhanced W. Meta File
EPS – Adobe. Sistema Postscript
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
----------------------SINTAXIS DE LA IMAGEN----------------------
NIVELES SINTÁCTICOS DE LA IMAGEN
FORMA
FORMA MATERIALEspontáneaVivaArtificial
FORMA PERCIBIDAOrientación espacialContextoEsqueleto de fuerzas visuales
ESTRUCTURA Y EQUILIBRIO
FUERZAS PERCEPTUALES – Atraen o repelen
PESO VISUAL: EQUILIBRIO Y TENSIÓNEje verticalPeso relativoGravedad
FLECHA VISUAL: DIRECCIÓN – Eje simetríaESQUELETO VISUAL ESTRUCTURAL – Sentido izq. derecha
COLOR
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 DE MANDELBROT – Cada una de las partes de este conjunto caracteriza una familia de conjuntos de Julia.
TRANSFORMACIONES
RÍGIDAS
ReflexionesTraslaciones en el espacioRotacionesCualquier combinación de ellas
DEFORMACIONESSesgarDistorsionarProyectar
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 ondas
MEDIA VERDEIgual cantidad de conos que reaccionan a estas ondas
LARGA ROJO
MODELOS DE CLASIFICACIÓN DE UN COLOR
- PIRÁMIDE DE LAMBERT (1772)- ESFERA DE OTTO RUNGE (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
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 negro
CLARO-OSCURO Un mismo tono con mayor y menor luminosidad
CUALIDAD O SATURACIÓN Del color saturado al gris
CÁLIDO-FRÍO Contraste colores cálidos y fríos
COMPLEMENTARIOS Sólo dos colores
SIMULTÁNEO Un color neutro sobre una superficie de color puro
DE CANTIDAD Un color en menor cantidad
------------COMPOSICIÓN Y EXPRESIÓN GRÁFICA-------------
MARCOS Y ESTRUCTURAS
CLASIFICACIÓN DE LAS RETÍCULAS según Wicius Wong
ENREJADO BÁSICO
Cambio de direcciónDeslizamientoCurvatura o quebrantamientoReflexiónCombinaciónDivisiones ulterioresEnrejado triangularEnrejado hexagonal
ESTRUCTURAS DE MÚLTIPLE REPETICIÓNSUPERPOSICIÓN DE ESTRUCTURAS DE MÚLTIPLE REPETICIÓN
De una misma estructuraDe diferente estructura
DIVISIONES DEL PLANO DERIVADAS DE LAS PROPORCIONES Y ESTRUCTURA DE UN MARCO
Área de un cuadradoÁrea de un círculoÁrea de un triánguloÁrea de un rectángulo áurico
TIPOS DE CONTRASTE COMPOSITIVO según Donis Dontis
Equilibrio / InestabilidadSimetría / Asimetría
Regularidad / IrregularidadSimplicidad / ComplejidadUnidad / Fragmentación
Economía / ProfusiónReticencia / Exageración
Predictibilidad / EspontaneidadActividad / Pasividad
Sutileza / Audacia
Neutralidad / AcentoTransparencia / Opacidad
Coherencia / VariaciónRealismo / Distorsión
Plana / ProfundaSingularidad / Yuxtaposición
Secuencialidad / AleatoriedadAgudeza / Difusividad
Continuidad / Episodicidad
ETAPAS DE EVOLUCIÓN DE ESTILOS según Henri Focillon
- Fase experimental o formativa- Fase de madurez clásica- Fase de refinamiento- Fase barroca o de decadencia
CLASIFICACIÓN DE ESTILOS según Maurice Sauzmarez
- PRIMITIVISTAo 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
- CLASICISTAo 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
- FUNCIONALo 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
IMAGEN Y TIPOGRAFÍA
CLASIFICACIÓN BÁSICA DE FAMÍLIAS TIPOGRÁFICAS
- Romanas antiguas- Romanas modernas o didonas- De bloque serif o egipcias- Lineales o de palo seco- Escritura
CLASIFICACIÓN DE FAMILIAS TIPOGRÁFICAS según Lewis Blackwell- Humanistas- Antiguas- De transición- Modernas- Egipcias- L. Grotescas
- Neo-grotescas- L. geométricas- L. Humanistas- Escritura- Inclasificables
VOCABULARIO TIPOGRÁFICO
Bá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.
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 Capitalis Monumentalis – 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
- 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
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 Ralentizaro Aceleraro Invertir
- Composicióno Verticalo Horizontalo Diagonal
- Altura del punto de vista
- Inclinación del punto de vistao Contrapicadoo Picadoo Cenital
- Angulación del punto de vistao Gran angularo Normal
o Teleobjetivo- 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
----------------------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
INFORMALES
DesordenAparente ausencia línea gráficaDesequilibrio compositivoContrastes y confusión estéticaApariencia de defectos técnicos
FORMALES
OrdenCoherencia y línea gráficaEquilibrio compositivoDepuración estéticaArte final y acabados muy cuidados
IDENTIDAD GRÁFICA – COHERENCIA Y LÍNEA GRÁFICA
- Rasgos estables- Rasgos alternativos- Rasgos libres
ESTRATEGIAS DE COMUNICACIÓN VISUAL / RETÓRICA VISUAL
Las figuras retóricas son estrategias persuasivas destinadas a captar la atenció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ón
MODOS 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
-----------------------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
- Pensamiento lateral – Eliminación de trabas mentales. Surrealismo
- Psicodrama o dramatizació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
MODELOS PROCESUALES DESCRIPTIVOS – M.J.
FRENCH
Análisis del problemaDiseño conceptualFormalización de esquemasDesarrollo de detalles
MODELOS PROCESUALES DESCRIPTIVOS – L.B.
ARCHER
FASE ANALÍTICAProgramaciónRecopilación datosAnálisis
FASE CREATIVASíntesisDesarrollo
FASE EJECUTIVA Comunicación
APARTADOS TEMÁTICOS DE UN BRIEFING PUBLICITARIO
Información básica que el diseñador necesita saber antes de elaborar un proyecto. Lo elabora el departamento de marketing del cliente.
- Empresa anunciante – Historia, productos
- Producto anunciado – Marca, composición, precio
- Competencia- Mercado- Consumidor- Objetivos de marketing- 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