Presentacion logica

Post on 13-Jun-2015

346 views 0 download

description

Elementos de lógica visual, teoría del color y tipografía para realizar una Presentación Electrónica

Transcript of Presentacion logica

Presentación con Lógica

Guía Básica

[Entrar]U N A C A RCampus Sabancuy

Por: Carlos Santisbón Montes de Oca

Febrero 2013

Guía BásicaColor Lógica Visual Tipografía

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Es de gran importancia conocer la fisiología del ojo humano.

El ojo es nuestra ventana a la luz.

Es de gran importancia conocer la fisiología del ojo humano.

El ojo es nuestra ventana a la luz.

1 de 8

Color

Nuestros ojos tienen tres grupos de fotorreceptores (Conos) sensibles al color, con sensibilidad al rojo (580 nm.), verde (540 nm.) y azul (450 nm.).

Nuestros ojos tienen tres grupos de fotorreceptores (Conos) sensibles al color, con sensibilidad al rojo (580 nm.), verde (540 nm.) y azul (450 nm.).

2 de 8

Lógica Visual Tipografía

Teoría Significado Sensación

Color

El ojo únicamente, es sensible a la luz en el ancho de banda de 400 nm a 700nm del espectro electromagnético

El ojo únicamente, es sensible a la luz en el ancho de banda de 400 nm a 700nm del espectro electromagnético

Color

3 de 8

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Modelo Ocular en función individual de la sensibilidad de los conos, y nuestra percepción (sensación)

Modelo Ocular en función individual de la sensibilidad de los conos, y nuestra percepción (sensación)

Color

4 de 8

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Primarios Aditivos

Primarios Aditivos

Primarios Substractivos

Primarios Substractivos

ColoresAcromáticos

ColoresAcromáticos

Los 8 (ocho) colores elementales en el Sistema Cromático Humano

Color

5 de 8

Lógica Visual Tipografía

Teoría Significado Sensación

Color

+

+

+

=

=

=

+

+

+

=

=

=

Síntesis AditivaSíntesis Aditiva Síntesis SubstractivaSíntesis Substractiva

Ausencia de estimulación Estimulación plena

Color

6 de 8

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Síntesis AditivaSíntesis Aditiva Síntesis SubstractivaSíntesis Substractiva

Color

7 de 8

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Círculo Cromáticoen base al color pigmento. (artes plásticas)

Círculo Cromáticoen base al color pigmento. (artes plásticas)

Color

8 de 8

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Colores CálidosColores Cálidos

Colores FríosColores Fríos

Color

1 de 4

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Precaución, atención, sol, oro, pureza

Peligro, sobresalto, alarma, fuego, sangre, violencia

Acción, precaución, fuego, oro

Colores CálidosColores Cálidos

Color

2 de 4

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Calma, Reposo, silencio, tranquilidad, sueño

Disponiblilidad, libertad, protección, plantas, humedad

Duelo, espiritualidad, melancolía, color de la vida

Colores FríosColores Fríos

Color

3 de 4

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Oscuridad, muerte, profundidad

Neutralidad, objetividad, luz, espiritual

Neutralidad, indiferencia, tibieza

Otros Colores Otros Colores

Color

4 de 4

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Color

1 de 4

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Efectos visuales: Nuestra percepción hacia los colores es relativa.

Efectos visuales: Nuestra percepción hacia los colores es relativa.

Un color claro parecerá más claro sobre un fondo oscuro que sobre un fondo claro

2 de 4

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Cada color muestra más claramente sus características si se coloca cercano a su  complementario

3 de 4

Lógica Visual Tipografía

Teoría Significado Sensación

Color

Los colores pueden influir en la sensasión de dimensiones

Los colores pueden influir en la sensasión de dimensiones

Color Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

La relación de la información selectiva que un sujeto acepta de su entorno.

Color

1 de 6

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

La atención selectiva del sujeto está de acuerdo a valores jerárquicos.

2 de 6

Teoría del color Tipografía

Jerarquía Coherencia

Lógica Visual

La prioridad de lo superior en un plano o espacio.

Arriba / abajoArriba / abajo

Organización

3 de 6

Teoría del color Tipografía

Jerarquía Coherencia

Lógica Visual

El valor de las cosas es proporcional a su tamaño.

Grande/pequeño

Grande/pequeño

Organización

4 de 6

Teoría del color Tipografía

Jerarquía Coherencia

Lógica Visual

Nuestra atención le da prioridad a lo separado del grupo.

Separado/ grupal

Separado/ grupal

Organización

5 de 6

Teoría del color Tipografía

Jerarquía Coherencia

Lógica Visual

Todo lo que brilla es oro, celestial, fuerza.

BrillanteBrillante

Organización

6 de 6

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

Imagen o suceso que rompe con un estado normal de nuestro entorno

Anomalía perceptivaAnomalía perceptiva

1 de 3

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

Como el mundo se presenta a nuestros sentidos, creación de imágenes para nuestra interpretación.

2 de 3

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

EL pilar básico de nuestras construcciones visuales.

Principio de analogíaPrincipio de analogía

3 de 3

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

Coherencia formal y funcional. Diseño interactivo

Ley de las espectativas satisfechas

Ley de las espectativas satisfechas

Pulse aquí

1 de 5

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

El orden es una herramienta esencial en el diseño gráfico, pero con presencia creativa.

2 de 5

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

Relación de elementos que por lógica deben ser dependientes.

ProximidadProximidad

3 de 5

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

Relaciones entre elementos, aunque estén distantes.

SemejanzaSemejanza

4 de 5

Teoría del color Tipografía

Jerarquía Coherencia Organización

Lógica Visual

Relaciones de formas heterogéneas que deben estar en un mismo perímetro.

InclusiónInclusión

Lógica visual

Legibilidad Tipos Atributos

Tipografía

La tipografía existe para enaltecer los contenidos1

Teoría del color

Legibilidad Tipos Atributos

La tipografía juega un papel doble en la comunicación: verbal y visual

1Robert Bringhurst, The elements of typographic style

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

1 de 4

Alineaciones

La márgenes definen las zonas de lecturas y pueden aportar una comodidad visual

Tipografía

La buena tipografía depende del

contraste visual entre los distintos tipos de

letras y entre los bloques de texto,

títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual

que facilita la lectura del texto:

proporcionando interrupciones visuales como

énfasis gráficos para entender relaciones

Tipografía

La buena tipografía depende del

contraste visual entre los distintos tipos de

letras y entre los bloques de texto,

títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual

que facilita la lectura del texto:

proporcionando interrupciones visuales como

énfasis gráficos para entender relaciones

Tipografía

La buena tipografía depende del contraste visual entre los distintos tipos de letras y entre los bloques de texto, títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual que facilita la lectura del texto: proporcionando interrupciones visuales como énfasis gráficos para entender relaciones

Tipografía

La buena tipografía depende del contraste visual entre los distintos tipos de letras y entre los bloques de texto, títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual que facilita la lectura del texto: proporcionando interrupciones visuales como énfasis gráficos para entender relaciones

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

2 de 4

Alineaciones

Margen izquierdo irregular

Centrada Derecha Justificada Izquierda

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

3 de 4

Longitud de línea

Tipografía

La buena tipografía depende del contraste visual entre los distintos tipos de letras y entre los bloques de texto, títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual que facilita la lectura del texto: proporcionando interrupciones visuales como énfasis gráficos para entender relaciones

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

4 de 4

Longitud de líneaTipografía

La buena tipografía depende del contraste visual entre los distintos tipos de letras y entre los bloques de texto, títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual que facilita la lectura del texto: proporcionando interrupciones visuales como énfasis gráficos para entender relaciones

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

1 de 7

Cada tipografía aporta un carácter propio, que debe propiciar una armonía verbal y visual al contenido.

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

2 de 7

Tipografía diseñada para una alta densidad en un espacio. Por ejemplo, times news roman.

Medios impresos

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

3 de 7

Tipografía diseñada para evitar la fatiga visual, cuando leemos en un monitor.

Medios digitales

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

4 de 7

Diseñada por Matthew Carter, y optimizada para pantalla por Thomas Rickner.

No es sólo un «revival» de la elegancia de las sans serif clásicas, sino un alfabeto diseñado para un medio específico: la pantalla.

Verdana

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

5 de 7

Diseñada por Matthew Carter, y optimizada por Tom Rickner.

Tahoma es una excelente opción en tipografías standard para interfases, ideal para cualquier situación donde haya que presentar información en pantalla

Tahoma

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

6 de 7

Diseñada en 1996 por Matthew Carter, y optimizada para pantalla por Thomas Rickner.

Fue pensada para ser utilizada en pantallas, por lo que se ajusta a la grilla de pixeles, y tanto las formas de cada caracter, como los distintos pesos y el interletrado, están optimizados para tener una correcta legibilidad.

Georgia

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

7 de 7

Diseñada por Vincent Connare en 1996, es una sans serif humanista, optimizada para la legibilidad en pantalla. Toma su inspiración de las sans serif de la década del 30 que tenían una altura de x generosa y rasgos redondeados.

Trebuchet

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

1 de 6

Los atributos se utilizan para realizar énfasis, ayudando al lector orientarse en el texto, haciendo más fácil el acceso al contenido.

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

2 de 6

Atrae por el contraste, se utiliza para citas, expresiones forzadas, palabras en otro idioma.

Cursiva

Tipografía

La buena tipografía depende del contraste visual entre los distintos tipos de letras y entre los bloques de texto, títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual que facilita la lectura del texto: proporcionando interrupciones visuales como énfasis gráficos para entender relaciones

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

3 de 6

Contrasta con lo normal por su color, aportando el énfasis necesario para destacar.

Negrita

Tipografía

La buena tipografía depende del contraste visual entre los distintos tipos de letras y entre los bloques de texto, títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual que facilita la lectura del texto: proporcionando interrupciones visuales como énfasis gráficos para entender relaciones

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

4 de 6

Herencia de la máquina de escribir, en pantalla se puede percibir como hipervínculo.

Subrayado

Tipografía

La buena tipografía depende del contraste visual entre los distintos tipos de letras y entre los bloques de texto, títulos y espacio en blanco circundante.

El buen uso de la tipografía establece una jerarquía visual que facilita la lectura del texto: proporcionando interrupciones visuales como énfasis gráficos para entender relaciones

Lógica visual

Legibilidad Tipos Atributos

Tipografía Teoría del color

Legibilidad Tipos Atributos

5 de 6

Es uno de los textos más usados y menos efectivo para poner énfasis en un texto.

Mayúsculas

Tipografía

LA BUENA TIPOGRAFÍA DEPENDE DEL CONTRASTE VISUAL ENTRE LOS DISTINTOS TIPOS DE LETRAS Y ENTRE LOS BLOQUES DE TEXTO, TÍTULOS Y ESPACIO EN BLANCO CIRCUNDANTE.

El buen uso de la tipografía establece una jerarquía visual que facilita la lectura del texto: proporcionando interrupciones visuales como énfasis gráficos para entender relaciones

BibliografíaLYNCH PATRICK, HORTON SARAH; “Manual de estilo web””, Editorial Gustavo Gili, 2ª. Edición,España 2004

HARALD KÜPPERS, “Teoría del Color” [en línea] 2001 Harald Küppers, ultima modificatión: 12/2005 [Consultada: 20 octubre 2006]. Disponible en Internet< http://www.ipsi.fraunhofer.de/Kueppersfarbe/es/index.html>

CONNEN ANNIE, ADAM STARK PEGGIE; “Color, Contrast, and Dimension in New Design” [En línea ]. [Consultada: 26 agosto 2006] Disponible en Internet <>

DIGITAL.COM “Legibilidad y Comprensión en la WEB: Encuentro internacional, tipografía para la vida real”. Copyright © (bi)gital» 2001 | http://bigital.com/ [Consultada: 14 de octubre 2005]. Disponible en Internet: <http://tpgbuenosaires.tipografica.com/workshops/apuntes/tipografia_para_pantalla.html>

Bruce MacEvoy “Modern Color: Color Vision” [en línea] Last revised 08.01.2005 • © 2005 Bruce MacEvoy [Consultada: 16 de febrero del 2006]. Disponible en Internet en < http://www.handprint.com/HP/WCL/color7.html#evolution>

REGIL VARGAS, Laura“Hipermadia: Medio, lenguaje herramienta del arte digital”. Revista Digital Universitaria [en línea]. 10 de octubre de 2005, Vol. 6, No. 10. [Consultada: 11 de octubre de 2005]. Disponible en Internet: <http://www.revista.unam.mx/vol.6/num10/art97/int97.htm>ISSN: 1607-6079.

MARTÍNEZ - VAL PEÑALOSA, JUAN; “Introducción a la Lógica Visual” ´[en línea] Juan Val www.juanval.net [Consultada 11 de octubre 2005] Disponible en Internet: < http://www.imageandart.com/tutoriales/morfologia/logica_visual/>

KANDINSKY, VASSILY, “Sobre lo Espiritual del Arte” [en línea] 2000-2007 Enfocarte.com /fvp. [Consultada 17 de octubre 2005] Disponible en Internet: < http://www.enfocarte.com/3.20/ensayo.html>

Presentación con Lógica

Gracias

U N A C A RCampus Sabancuy

Por: Carlos Santisbón Montes de Oca

E-mail: csantisbon@pampano.unacar.mx