Presentacion logica
-
Upload
carlossantisbon -
Category
Education
-
view
346 -
download
0
description
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: [email protected]