21/06/20151. 2 Aproximación Al Diseño Gráfico Jesús Mateluna Diseñador Gráfico.
Post on 24-Jan-2016
231 Views
Preview:
Transcript
04/21/231
04/21/232
Aproximación Al Diseño Gráfico
Jesús Mateluna Diseñador Gráfico
04/21/233
Introducción
• Intencionalidad del diseño:
– Dirigirse al usuario en su mismo lenguaje
– Permitir recorridos visuales fáciles
– Jerarquizar la información
– Dirigir la atención del usuario
04/21/234
Temario
• Color
• Línea
• Tipografías
• Diagramación
• Imagen
• Ejemplos
04/21/235
El Color
• El color por sí mismo posee varias cualidades; como movimiento, carácter y forma, que al interactuar con otros elementos (sonido, planos, volúmenes, etc.) produce distintas percepciones.
04/21/236
El Color
• Psicológica
• Atractivo Visual
Connotativo
Denotativo
Pragmático
AtenciónAgradar
04/21/237
Clasificación de los Colores
PrimariosSecundarios
Terciarios
04/21/238
Clasificación de los Colores
Fríos
Cálidos
}
}
04/21/239
Clasificación de los Colores
Complementarios
04/21/2310
Clasificación de los Colores
04/21/2311
Clasificación de los Colores
04/21/2312
Clasificación de los Colores
Análogos
04/21/2313
Clasificación de los Colores
Tríadas
04/21/2314
Clasificación de los Colores
Mayor saturación
04/21/2315
Clasificación de los Colores
Más Luminosidad
Menos Luminosidad
04/21/2316
Funciones del color
• Atrae la atención
• Mantiene la atención
• Evoca Sensación
• Hace que la información se recuerde
04/21/2317
Cualidades del Color
• De todos los elementos visuales, el color es el elemento que afecta más directamente a la memoria visual.
• El color influye sobre nuestra valoración subjetiva del peso, tamaño, forma y distancia.
• Permite asociaciones tanto personales como colectivas.
04/21/2318
Connotaciones del color
• Hay connotaciones de los colores que derivan no tan sólo de las sensaciones que provocan, sino del significado simbólico que se les atribuye:
04/21/2319
Connotaciones del color
Frío
Cálido
04/21/2320
Connotaciones del color
Femenino
Masculino
04/21/2321
Connotaciones del color
Activo
Pasivo
04/21/2322
Connotaciones del color
Natural
Artificial
04/21/2323
Connotaciones del color
Tradicional
Moderno
04/21/2324
Consideraciones
• Eficacia en el uso del color uso de Tríadas con
dominancia de 1
04/21/2325
Consideraciones
• Complementar colores fuertes con otros más neutros (como gris y negro).
04/21/2326
Consideraciones
• Los colores fríos para los fondos
04/21/2327
Consideraciones
• Los cálidos para destacar zonas
04/21/2328
Línea
• Podemos clasificarlas en tres niveles
– Líneas Rectas– Líneas Curvas– Líneas Valorizadas
04/21/2329
Línea
Recta
04/21/2330
Línea
Curvas
04/21/2331
Línea
Valorizada
04/21/2332
Tipografías
La legibilidad de la tipografía depende de: • Tipo de letra ( Fuente).
• Tamaño de letra.
• Densidad del texto.
• Contraste entre letras y el fondo.
04/21/2333
Tipos
• Se considera que los tipos de letras iguales o similares a tipos clásicos latinos, ofrecen una óptima visualización y legibilidad, tanto en párrafos o en encabezados, etc.
Helvetica Chicago Avant Garde
04/21/2334
Tipos
Times Garamond Book antiqua
A A A
04/21/2335
Tamaño
• Tamaño ideal para la lectura: una letra cuerpo 10 o 12.
• Para lectores no frecuentes: letra cuerpo 14, 15, 16. (ejemplo libros de cuento infantil ).
abc
abc
abc
abc
04/21/2336
Densidad del texto
04/21/2337
Contraste
Buen Contraste
Buen Contraste
Buen Contraste
04/21/2338
Contraste
Mal Contraste
Mal Contraste
Mal Contraste
04/21/2339
Estilos de Tipografías
• Los tipos bold Es símbolo de fuerza, poder, energía, etc.
• El tipo de estilo romana Se utiliza para indicar charlas, conversaciones, frases...
• El tipo delgada o light Simboliza debilidad, suavidad, elegancia, lujo, etc.
• El tipo cursiva Simboliza dinamismo.
• EL TIPO MAYÚSCULA Indica título, anuncio, encabezamiento, etc.
04/21/2340
Lenguaje de las Tipografías
• La letra por sí misma, por su forma, contraste o tamaño, puede expresar ideas o puede reforzar el significado de las palabras y lo que quiere comunicar.
04/21/2341
Lenguaje de las Tipografías
04/21/2342
Consideraciones
• Tipografías construidas como imágenes digitalizadas (gif, jpg, etc) cuidar la legibilidad.
• Equilibrar espacios entre vacíos y llenos para facilitar la lectura.
• Los colores estridentes cansan más rápido.
04/21/2343
Diagramación
• La diagramación consiste en la distribución armónica de los elementos gráficos en un espacio físico determinado.
• Títulos• Textos• Imágenes• Iconos
04/21/2344
Diagramación
Orientación Espacial en el Plano
04/21/2345
Diagramación
Orientación Espacial en el Plano
04/21/2346
Diagramación
Orientación Espacial en el Plano
04/21/2347
Diagramación
04/21/2348
Diagramación
04/21/2349
Diagramación
04/21/2350
Diagramación
04/21/2351
Imagen
• Iconicidad
Imágenes que poseen una cantidad determinada de información visual.
• Bajo grado de iconicidad: signos, símbolos.
• Alto grado de iconicidad: fotografía, cine, video, etc.
04/21/2352
Imagen
Bajo grado de iconicidad
Alto grado de iconicidad
04/21/2353
Imagen
04/21/2354
Signos
Dentro de los signos se consideran tres divisiones :
– Lingüísticos (signos, gráficos-alfabéticos )
– Icónicos (signos gráficos )
– Cromáticos (señales)
04/21/2355
Signos
• Signos Lingüísticos:
Es toda palabra o conjunto de palabras que transmiten una información precisa a través de la lectura.
Ej.: Pare, Vel. Max.
04/21/2356
Signos
• El signo Icónico
Representa las cosas que vemos en la realidad.
Hiperrealismo Síntesis de la abstracción
04/21/2357
Signos
• Signo Cromático :
Es evidente que no tiene la capacidad de representar cosas ni objetos, sino que evocar y provocar sensaciones.
04/21/2358
Iconografía en Web
Home Cine
04/21/2359
Señalética
La señalética estudia las relaciones funcionales entre signos de orientación en el espacio y los comportamientos del individuo en dicho espacio.
04/21/2360
Señalética
• Funciones:
Identificar, Regular y Facilitar el acceso a los servicios o información, requeridos por los individuos o usuarios en un espacio determinado.
04/21/2361
Señalética
• La señalética usa:
– iconografía
– tipografías
– colores
– estructuras
04/21/2362
Funciones de Señalética
• Indicativa
04/21/2363
Funciones de Señalética
• Informativa
04/21/2364
Funciones de Señalética
• De ubicación
04/21/2365
Consideraciones
• Pesos de los elementos:– Volúmenes– Color– Densidad– Ubicación
• Vacíos
• Centros de Interés
• Ejes ordenadores
04/21/2366
Ejemplos
04/21/2367
Ejemplos
04/21/2368
Ejemplos - Rediseño
04/21/2369
Ejemplos - Rediseño
04/21/2370
Ejemplos - Rediseño
04/21/2371
Ejemplos
04/21/2372
Ejemplos
04/21/2373
Ejemplos
04/21/2374
Ejemplos
04/21/2375
Ejemplos
04/21/2376
Ejemplos
04/21/2377
Ejemplos
04/21/2378
Ejemplos
04/21/2379
Ejemplos
04/21/2380
Ejemplos
04/21/2381
Ejemplos
04/21/2382
Ejemplos
04/21/2383
Ejemplos
04/21/2384
Ejemplos
04/21/2385
Aproximación Al Diseño Gráfico
Jesús Mateluna Diseñador Gráfico
top related