LA TIPOGRAFÍA EN EL DISEÑO VISUAL

Formas de una terminal: Serif o serifas

Existen cinco elementos puntuales que sirven para clasificar e identificar a las diferentes las familias tipográficas:
- La presencia o ausencia del serif o remate.
- La forma del serif.
- La relación curva o recta entre bastones y serifs.
- La uniformidad o variabilidad del grosor del trazo.
- La dirección del eje de engrosamiento.
De acuerdo con esto podemos hacer un análisis y reconocer a los dos grandes grupos fundamentales:T
ipografías con serif: Los tipos de caracteres, pueden incluir adornos en sus extremos o no, estos adornos en sus terminaciones, se denominan serif o serifas.
Tipografías sans serif o de palo seco: Es la tipografía que no contiene estos adornos, comúnmente llamada sanserif o (sin serifas), éstas no tienen serif y actualmente se utilizan en muchos tipos de publicaciones de texto impreso.
Imagen de una serifa.

Imagen sin serifa o san serif Las terminales, son las serifas inferiores de un tipo, y las formas más comunes de una terminal, las clasificamos como: lapidaria, veneciana, de transición, bodoniana, lineal, egipcia, de fantasía, medieval, de escritura y adornada.
El espacio entre letras o palabras no tiene que ser ni muy amplio, ni demasidado reducido, para que tengan una buena visibilidad y legibilidad.
El tamaño, si el tipo es demasiado grande, o pequeña, cansa mucho al lector y reduce la legibilidad. También ocurre con las columnas, donde un ancho corto, cansa al usuario, ya que tiene que cambiar de línia constantemente.Un texto, todo en negrita es muy denso y también dificulta la lectura.
El interlineado es el término tipográfico que describe el espacio vertical entre líneas. La interlínea se usa para dar mayor legibilidad a las líneas de un texto, cuando éstas son largas y están compuestas en un cuerpo pequeño.
La alineación del Texto
La alineación del texto es un paso importante para mantener también una buena legibilidad. Las opciones de alineación en un diseño de una página tradicional son: Alinear a la izquierda, alinear a la derecha, centrar, justificar y alineaciones asimétricas.
Alineado a la izquierda es el recomendable para textos largos. Crea una letra y un espacio entre palabras muy equilibrado y uniforme. Esta clase de alineación de textos es probablemente la más legible.
Alineación a la derecha se encuentra en sentido contrario del lector porque resulta difícil encontrar la nueva línea. Este método puede ser adecuado para un texto que no sea muy extenso.
Alineado a derecha e izquierda puede ser muy legible, si el diseñador equilibra con uniformidad el espacio entre letras y palabras, evitando molestos huecos denominados ríos que no rompan el curso del texto.
Las alineaciones centradas proporcionan al texto una apariencia muy formal y son ideales cuando se usan mínimamente. Se debe evitar configurar textos demasiado largos con esta alineación.
Alineaciones asimétricas se utilizan cuando el diseñador quiere romper el texto en unidades de pensamiento lógicas, o para dar más expresivaidad a la página.

EL COLOR UN ELEMENTO EXPRESIVO

El color en su campo gráfico tiene varias aplicaciones clasficándose en: color denotativo y el color connotativo.
El color denotativo

El color es denotativo cuando se utiliza como representación de la figura u otro elemento, es decir, incorporado a las imágenes reales de la fotografía o la ilustración. Podemos distinguir tres categorías de color denotativo: Icónico, saturado y fantasioso, aunque siempre reconociendo la conicidad de la forma que se presenta.

Color icónico: Definimos un color icónico a la expresividad cromática como función de aceleración identificadora: la tierra es marrón, la cereza es roja y el cielo es azul. El color es un elemento fundamental de la imagen realista ya que la forma incolora aporta poca información en el desciframiento inmediato de las imágenes. La adición de un color natural acentúa el efecto de la realidad, permitiendo que la identificación del objeto o figura representada sea más rápida. Por lo tanto, el color ejerce una función de realismo que se superpone a la forma de las cosas: una manzana será más real si se reproduce o plasma en su color natural.

Color saturado: Es un color alterado o manipulado en su estado natural y real. Más brillante, son colores más densos, puros y luminosos. El color saturado nace de conseguir una exageración de los colores y captar la atención con estos. El entorno resulta más atractivo alterando el color de esta forma, el cine, la fotografía, la ilustración, carteles, etc., obedecen a una representación gráfica cromática exagerada que crea euforia colorista.

Color fantasioso: La fantasía y manipulación nace como nueva forma expresiva, por ejemplo, las imágenes coloreadas a mano en las que no se altera su forma, pero si el color. De esta forma se crea un ambigüedad entre la imagen o fotografía representada y el color expresivo que se le aplica, creando así una fantasía, respetando las formas pero alterando el color natural.

El color connotativo

La connotación es la acción de factores no descriptivos, sino psicológicos, estéticos o simbólicos que hacen suscitar un cierto ambiente correspondiendo a amplias subjetividades. Es un elemento estético que afecta a las sutilezas perceptivas de la sensibilidad.

Formas básicas que componen el color

Ningún color puede ser considerado un valor absoluto, de hecho los colores se influyen mutuamente si se acercan. Los colores tienen diferente realce según el contexto en el que se dispongan o se encuentren.

Existen dos formas compositivas del color, armonía y contraste.

Armonía del color


Armonizar significa coordinar los diferentes valores que el color adquiere en una composición. Cuando en una composición todos los colores tienen una parte común al resto de los colores componentes. Armónicas son las combinaciones en las que se utilizan modulaciones de un mismo tono, o también de diferentes tonos, pero que en su mezcla mantienen los unos parte de los mismos pigmentos de los restantes.En todas las armonías cromáticas se pueden observar tres colores: uno dominante, otro tónico y por último otro de mediación.


Dominante: Es el mas neutro y de mayor extensión y sirve para destacar los otros colores que conforman nuestra composición gráfica, especialmente al opuesto.

El tónico: Es el complementario del color de dominio, es el mas potente en color y valor, y el que se utiliza como nota de animación o audacia en cualquier elemento (alfombra, cortina, etc.)

El de mediación: Actúa como conciliador y modo de transición entre cada uno de los dos anteriores, suele tener una situación en el circulo cromático cercano a la de color tónico.Por ejemplo: en una composición armónica cuyo color dominante sea el amarillo y el violeta sea el tónico, el mediador puede ser el rojo si la sensación que queremos transmitir sea de calidez, o un azul si queremos que sea mas bien fría.
El contraste

El Contraste se produce cuando en una composición los colores no tienen nada en común no guardan ninguna similitud.Existen diferentes tipos de contraste:

De tono: Cuando utilizamos diversos tonos cromáticos, es el mismo color de base pero en distinto nivel de luminosidad y saturación.
Contraste de claro/oscuro o contraste de grises: El punto extremo está representado por blanco y negro, observándose la proporción de cada uno.
Contraste de color: Se produce por la modulación de saturación de un tono puro con blanco, con negro, con gris, o con un color complementario.
Contraste de cantidad: Es igual los colores que utilicemos, consiste en poner mucha cantidad de un color y otra más pequeña de otro.

Contraste simultáneo: Dos elementos con el mismo color producen el mismo contraste dependiendo del color que exista en su fondo.

Contraste entre complementarios: Se colocan un color primario y otro secundario opuesto en el triángulo de color. Para conseguir algo más armónico, se aconseja que uno de ellos sea un color puro y el otro esté modulado con blanco o con negro.

Contraste entre tonos cálidos y fríos: Es la unión de un color frío y otro cálido.
Efectos del color: El tamaño


Tamaño: El círculo central parece más pequeño si está rodeado de círculos de mayor tamaño y más grande si por el contrario lo rodean círculos más pequeños



Transparencia, peso y masa


Transparencia: Se visualiza el efecto de transparencia por la aparente mezcla de tonos.

Peso y masa del Color: El color actúa por gravitación y extensión de una superficie cromática. Los tonos fríos y claros parecen más livianos y menos sustanciales, los cálidos y oscuros parecen más pesados y densos.

Colores que avanzan o retroceden


Los colores fríos avanzan si són más luminosos que los cálidos en su entorno neutro.


Definición de los colores cálidos y fríos
Se llaman colores cálidos aquellos que van del rojo al amarillo y los colores fríos aquellos en que las graduaciones van del azul al verde. Esta división de los colores en cálidos y fríos radica simplemente en la sensación y experiencia humana. La calidez y la frialdad atienden a sensaciones térmicas. Los colores de alguna manera, nos pueden llegar a transmitir estas sensaciones. Un color frío y uno cálido o un color primario y uno compuesto, se complementan.


Cierto personaje descubrió por casualidad los componentes de los colores más simples, así como un método rudimentario de pintura. Las ventajas y la belleza de los resultados enseguida resultaron evidentes para todos, por EDWIN A.ABBOTT.


Como son percibidos los colores de los objetos.
Un cuerpo opaco, es decir no transparente, absorbe gran parte de la luz que lo ilumina y refleja una parte más o menos pequeña. Cuando este cuerpo absorve todos los colores contenidos en la luz blanca, el objeto parece negro.Cuando refleja todos los colores del espectro, el objeto parece blanco. Los colores absorbidos desaparecen en el interior del objeto, los reflejados llengan al ojo humano. Los colores que visualizamos, son por tanto los que los propios objetos no absorven, los propagan.


Absorción y reflexión

Todos los cuerpos están constituidos por sustancias que absorben y reflejan las ondas electromagnéticas, es decir, absorben y reflejan colores.Cuando un cuerpo se ve blanco es porque recibe todos los colores básicos del espectro (rojo, verde y azul) los devuelve reflejados, generándose así la mezcla de los tres colores, el blanco.Si el objeto se ve negro es porque absorbe todas las radiaciones electromagnéticas (todos los colores) y no refleja ninguno.

El rojo de un cuerpo


El tomate nos parece de color rojo, porque el ojo sólo recibe la luz roja reflejada por la hortaliza, absorbe el verde y el azul y refleja solamente el rojo. Un plátano amarillo absorbe el color azul y refleja los colores rojo y verde, los cuales sumados permiten visualizar el color amarillo.

Escalas de los colores.
El blanco, el negro y el gris son colores acromáticos, es decir, colores sin color. Psicológicamente son colores dado que originan en el observador determinadas sensaciones y reacciones. Desde el punto de vista físico, la luz blanca no es un color, sino la suma de todos los colores en cuanto a pigmento, el blanco sería considerado un color primario, ya que no puede obtenerse a partir de ninguna mezcla.El color negro, es la ausencia absoluta de la luz. Y en cuanto color sería considerado un secundario, ya que es posible obtenerlo a partir de la mezcla de otros.Las escalas pueden ser cromáticas o acromáticas

Escalas cromáticas y acromáticas


Cromática: Los valores del tono se obtienen mezclando los colores puros con el blanco o el negro, por lo que pueden perder fuerza cromática o luminosidad.

Acromática: Será siempre una escala de grises, una modulación continua del blanco al negro. La escala de grises se utiliza para establecer comparativamente tanto el valor de la luminosidad de los colores puros como el grado de claridad de las correspondientes gradaciones de este color puro. Por la comparación con la escala de grises (escala test), se pone de relieve las diferentes posiciones que alcanzan los diferentes colores puros en materia de luminosidad.

Extraído de: http://www.fotonostra.com/grafico/elcolor.htm

ESTILO VISUAL

Técnicas, elementos, sintaxis, expresión y finalidad básica constituyen, en síntesis, lo que llamamos estilo visual. Es una categoría de expresión visual, una clase determinada por su entorno cultural en globalidad. No se refiere a manifestaciones artísticas desarrolladas en determinados períodos históricos, sino más bien a categorías más amplias en que las propias escuelas y corrientes se relacionan, por su carácter, con alguna de ellas. Se clasifican en cinco que son:
  1. Primitivo: Sencillo, rico en símbolos y lleno de significados, se relaciona más con la escritura que con la expresión visual. Entre sus técnicas contamos la exageración, la espontaneidad, la economía, la redondez, el colorismo primario.
  2. Expresionismo: Caracterizado por una gran espiritualidad e intensidad de sentimientos, pretende provocar emociones tanto religiosas como espirituales. Su objetivo principal es la evocación de una respuesta emotiva en el observador, lo que logra distorsionando la realidad mediante la exageración, espontaneidad, distorsión, irregularidad y discontinuidad etc.
  3. Clasicismo: Es un estilo basado en la búsqueda de la perfección según los cánones de la Grecia Antigua, primordiando el amor por la naturaleza en toda su expresión, lo que consigue a través de la armonía, la simplicidad, la pasividad y la coherencia, entre otras técnicas.
  4. Embellecido: Es un estilo basado en la riqueza y complejidad del diseño mediante decoraciones y fantasías recargadas. Sus técnicas son la profusión, complejidad, el detallismo, el colorismo, la variedad.
  5. Funcionalidad: Metodología de diseño íntimamente ligada a las consideraciones económicas y utilitarias.
  6. Sus técnicas: simplicidad, simetría, angularidad, atracción, coherencia, unidad, organización, economía, sutileza, monocromaticidad.
Extraído de: Verónica Henríquez A.

REFERENCIAS RELACIONADAS AL BLOG

  1. http://neografica.blogspot.com/2007/06/variables-visuales-y-estilo-visual.html
  2. http://www.disenovisual.com/
  3. http://www.desarrolloweb.com/articulos/1277.php
  4. http://albertolacalle.com/diseno-visual.htm
  5. http://www.wiziq.com/tutorial/29723-Medios-visuales-II