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