Principios de Diseño Gráfico para una

comunicación efectiva

Nancy Sarahí Cabriales Longoriancabriales@itesm.mx

Adriana de la Garzaadrianagt@itesm.mx

minicurso

Temario

→ Conceptos básicos

→ Tipografía

→ Color

→ Enriquecer el recurso gráfico

→ Identidad Visual del Tecnológico de Monterrey

→ Links

Conceptos básicos

Simplicidad y complejidad

Énfasis y puntos de enfoque

Balance y equilibrio

Proporción

Tipografía

Legibilidad

→ Utiliza tipografías sans serif (sin serif o de palo seco), son las más legibles en pantalla.

Recomendaciones

→ UTILIZA UNA FUENTE SIN SERIFCombinala con una fuente con Serif

→ UTILIZA UNA FUENTE CON SERIFCOMBINALA CON UNA FUENTE SIN SERIF

Recomendaciones

→ NO ES BUENA IDEACOMBINAR DOS FUENTES SIMILARES

→ EL CONTRASTEes importante

Recomendaciones

→ SIMPLE Y EFECTIVOJUEGA CON LOS DISTINTOS GROSORES DE LAS FUENTES

→ USA UN MÁXIMO DE DOS FUENTES

(PERO RECUERDA, MENOS ES MAS)

Recomendaciones

→ Y NUNCA, NUNCA, NUNCA ESCOJAS

→

→ ALGERIAN→ BAUHAUS→ COMIC SANS

SI NO QUIERES ARRUINAR TU TRABAJO

* Porque restan prestigio y seriedad a tu trabajo

Color

Visibilidad

→ Según cómo combinemos fondo y textoayudaremos o dificultaremos la lectura.

→ Fondo blanco y texto negro, es la combinaciónmás visible y legible.

Contraste

→ Lo anterior no significa que NO podamos usarfondos y textos de colores, simplemente hay que evitar algunas combinaciones que restanlegibilidad y visibilidad, como éstas:

IDEA IDEA IDEA

IDEAIDEAIDEA

IDEA

IDEA

Combinaciones

→ Hay otras combinaciones, que aunque visibles y legibles, pueden causar sensación de inestabilidad e irritabilidad. Se aconseja utilizarlas con prudencia:

IDEA IDEAIDEA

Ornamentos sobre texto

→ Aparte de esto, conviene NO usar fondos complejos como los tipo mosaico o fondos muy ornamentados.

IDEA

IDEA

IDEA

IDEA

Esquemas de colores→ Algunos ejemplos de combinaciones según la regla

cromática son:

→ Complementario

Esquemas de colores

→ Análogos

Esquemas de colores

→ Tríada

Enriquecer el recurso gráfico

Recursos audiovisuales

→ Utiliza recursos audiovisuales, enriquecerás tupresentación.

Aa

Calidad

→ Evita utilizar recursos de baja calidad e imágenes de marca de agua.

Calidad

→ Algunos de los sitios que se pueden utilizar como recurso para obtener imágenes y vectores (Gráficos hechos a base de líneas, los vectores tienen la ventaja sobre los pixeles de ser escalables, es decir, se puede aumentar su tamaño conservando su

calidad original) son los siguientes:

→ Con costo

→ Sin costo

Calidad

Calidad

→ Vector→ Imagen

Identidad visual del Tecnológico de

Monterrey

Ruta

→ Para llegar al apartado de Identidad visual, hay que seguir la siguiente ruta:

→ Mi espacio / Servicios/ De Apoyo/ Mis documentos de trabajo/ Comunicación e imagen/ Identidad Visual/ Logotipo Institucional

Links

Para más información y novedades, consulta los siguientes links

→ desiginspiration.net(Sitio de novedades y consulta sobre varias áreas de Diseño).

→ color.adobe.com/es/create/color-wheel/(Generador de paletas de colores en base a la Regla Cromática).

→ http://www.paredro.com/tendencias-2017-la-tipografia-elemento-protagonico-en-diseno/(Tendencias 2017 en Tipografías).

¿Preguntas?

idea.itesm.mx#IDEASenAcción

¡Gracias!