Академический Документы
Профессиональный Документы
Культура Документы
patatabrava.com
PROF. 15-16
BLOQUE I.
1. Comunicación gráfica
Vivimos en una sociedad de consumo. Vivimos en una sociedad de economía de la
atención.
Hay muchos mensajes que tratan de llegar hasta nosotros: mensajes publicitarios de pro-
ductos, servicios, políticos, grupos de presión, grupos sociales; mensajes de medios de
comunicación de masas, medios de comunicación social y medios de comunicación per-
sonal; mensajes de servicio público como la información del tiempo, de la hora o de la
velocidad máxima en una vía... Mensajes, mensajes, mensajes.
Mensajes que tratan de llegar a nosotros para que consumamos, opinemos, nos relacione-
mos, para nuestra seguridad, para nuestro confort...
Pero ahora ya no sólo somos receptores de mensajes. Ahora somos productores de men-
sajes (gráficos). Y esos mensajes gráficos deben ser eficaces.
Para un diseñador, el grafismo tiene —al menos— tres usos: es el vehículo que le ayuda a
pensar, es el vehículo para comunicar a otros sus ideas y, en muchos casos, es el producto
final de su trabajo. No es lo mismo intentar comunicar las ideas de diseño a un colega que
a un cliente. Ni intentar comunicárselas a un cliente que a un impresor. Ni a un impresor
que al jurado de un concurso. Y, desde luego, no es lo mismo intentar comunicárselas a
otros que intentar comunicárnoslas a nosotros mismo.
Con cada uno de los posibles interlocutores hay que comunicarse (gráficamente) de una
forma distinta. De los diferentes receptores y formas de comunicación gráfica hablaremos
a fondo en el Bloque II. En este Bloque I nos centraremos en las claves comunes que arti-
culan la comunicación gráfica.
2. Profesionalidad
Ahora ya no se trata de si una cartel, una marca o una web “nos gustan”. Ahora somos
profesionales y somos nosotros los que tenemos que provocar, intencionadamente, sensa-
ciones, emociones y actitudes en otros. Y para ello tenemos que conocer las claves a través
de las cuáles se consiguen transmitir esas emociones, sensaciones y actitudes.
No somos el centro del mundo, no es a nosotros a quien tiene que gustar. Es más, aunque
sobre gustos hay mucho escrito, la clave no es el gusto, es la eficacia y la correspondencia
entre lo que se desea comunicar y lo que, de hecho, se comunica con la imagen.
¿Por qué puede ser más eficaz la “comunicación gráfica” que la “comunicación verbal”?
Precisamente porque es sutil, no es directa.
Algunas obras de arte nos hacen sentir emociones, nos atraen o nos gustan. No sabemos
por qué pero algunos cuadros nos inspiran alegría, confianza, miedo... O incluso otro tipo
de sensaciones no emocionales como frío, calor, dureza o suavidad.
La sensación de paz, tranquilidad y quietud que pueda inspirarnos el cuadro “El Ángelus”
de Millet es mucho más eficaz que las palabras “paz”, “tranquilidad” y “quietud” por sí
mismas. Es fácil comprobarlo:
Experimento: Acabas de leer las palabras “paz”, “tranquilidad” y “quietud”. ¿Cuánta paz,
tranquilidad y quietud has sentido leyéndolas? Observa ahora el cuadro “El Ángelus” y
pregúntate cuánto de las anteriores palabras sientes observando el cuadro comparado con
sólo leer las palabras.
Imagen 1.1
L’Angelus
Autor: Jean-François
Millet, entre 1857 y 1859
Licencia: Dominio público
Fuente: Wikimedia Commons
Localización: Musée d’Orsay,
París, Francia
Imagen 1.2
Composición VIII
Autor: Wassily
Kandinsky, 1923
Licencia: Copyright Artists
Rights Society (ARS), New York
/ ADAGP, Paris
Fuente: jeremylach.com
Localización: Guggenheim
Museum, Nueva York, EE. UU.
Experimento: Ahora intenta nombrar los mecanismos que empleó Kandinsky para pro-
vocar las sensaciones, emociones o actitudes que hayas asociado al cuadro. Una pista:
piensa en color, forma y composición.
Siguiente experimento:
Imagen 1.3
El Grito
Imagen 1.4
Pocoyo
Licencia: TM & Copyright Zinkia
Entertaiment, s.l.
Fuente: www.pocoyo.com
Imagen 1.5
Marca gráfica de
Microsoft
Licencia: Marca registrada de
Microsoft Corporation
Fuente: The Official Microsft
Blog
Imagen 1.6
Marca Gráfica de
Apple
Licencia: Marca
registrada de apple Inc.
Fuente: Wikimedia
Commons
Imagen 1.7
Marca gráfica de
Google
Diseñador: Ruth Kedar
Licencia: Marca
registrada de Google Inc.
Fuente: Google
¿Habéis visto algún tipo de afinidad entre los mecanismos gráficos de las imágenes pictó-
ricas y los mecanismos de las marcas gráficas?
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 2. Imagen digital 17
Imágenes vectoriales:
Diseño editorial.
Imagen 2.3
Imagen de composición de página
Autor de la composición: Pablo R. Prieto - Licencia de las fotografías
de patos: © Waterfowl Medic
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
18 TEMA 2. Imagen digital
Nota del profesor: Estos apuntes están maquetados en InDesign, un programa de com-
posición de página. No quiero ni pensar lo que hubiera sido intenar maquetarlos igual en
Word, un programa de procesamiento de textos.
Adobe/Macromedia/Aldus Freehand
Durante años Freehand fue la herramienta por excelencia para la creación de gráfi-
cos vectoriales. Su formato de archivo propio (FH) llegó a ser el estándar de hecho
para este tipo de imágenes. Sin embargo Adobe, tras la compra de Macromedia,
anunció en el año 2007 que no continuaría su desarrollo, en favor de su otro pro-
grama para el mismo propósito: Illustrator.
Adobe Illustrator
Durante años fue la alternativa a Freehand y, actualmente, casi la única herramien-
ta profesional para gráficos vectoriales.
CorelDRAW
Una de las pocas alternativas, de nivel profesional, a Illustrator. Algunas versiones
antiguas producían archivos que daban problemas en los RIP de las imprentas, lo
que le creó mala fama en la industria de la impresión. Esos problemas ya no existen
y es una buena alternativa a Illustrator.
Nota del profesor: Resumiendo, es el ordenador o programa que traduce los archivos
informáticos en la imagen que se imprime. Su nombre no viene del latín “Requiescat In
Pace”, sino del inglés “Raster Image Processor”. Sería el equivalente, pero a lo bestia, al
controlador (driver) de una impresora doméstica.
Inkscape
Programa de nivel profesional, desarrollado originalmente para sistemas operati-
vos basados en Linux, pero actualmente también con versiones para Windows y
Mac.
Imagen 2.4
Diferencia entre
imagen bitmap
(izquierda) e
imagen vectorial
(derecha)
Fuente: Artículo “Scalable
Vector Graphics”, Wikipedia
Licencia: CC by-sa 2.5
Adobe Photoshop
El programa profesional por excelencia para imágenes de mapa de bits. El exceso
de su cita en los medios de comunicación y la facilidad para instalar copias sin li-
cencia lo han banalizado, como si fuera un programa sencillo o de uso común. No
se debe perder la perspectiva de su uso como herramienta profesional.
GIMP
Es un programa de nivel profesional para imágenes cuyo destino es una pantalla
o una impresora. Pero la imposibilidad de trabajar con imágenes en modo CMYK
restringe su uso en el mercado de la impresión.
QuarkXpress
El programa dominante durante los años ‘90. La falta de competencia ralentizó el
desarrollo del programa. Esta circunstancia, junto a su alto precio, facilitaron que
InDesign se hiciera un hueco en el mercado profesional.
Adobe InDesign
El programa profesional de Adobe para maquetación. Su relativo bajo precio y su
gran integración con el resto de programas de Adobe ha facilitado que se haga un
importante hueco en el mercado profesional.
Scribus
Programa de nivel profesional, y alternativa a los dos antes citados, de software
libre.
En las emisiones televisivas hay un estándar (casi siempre “de derecho”) que permite que
diferentes fabricantes puedan vender televisores compatibles con las emisiones de deter-
minadas zonas geográficas. Sin embargo, en las videoconsolas hay una competencia feroz
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
22 TEMA 2. Imagen digital
Algunas veces se extiende tanto un determinado formato que pareciera ser un estándar.
Quizás lo sea, pero no será lo mismo que lo sea “de hecho” que que lo sea “de derecho”.
Antes de entrar en esta distinción, os proporcionamos dos definiciones. La primera, de la
RAE: bastante genérica. La segunda, de la institución de estándares británica (BSI): más
completa.
estándar.
Especificación que establece un lenguaje común, contiene instrucciones técnicas
u otros criterios precisos y está diseñado para ser empleado de forma consistente
como una norma, una pauta o una definición.
“specification that establishes a common language, and contains a techni-cal specification
or other precise criteria and is designed to be used con-sistently, as a rule, a guideline, or
a definition.” [BSI, British Standards Institution]
Ejemplo: el formato de archivo “SVG” (del inglés “Scalable Vector Graphics”) es una espe-
cificación pública y gratuita para gráficos vectoriales promovida, desarrollada y publicada
por el W3C, el consorcio internacional para los estándares de la Web (W3C deriva, en
inglés, de World Wide Web Consortium).
AENOR:
Asociación Española de Normalización y Certificación.
ISO:
International Standard Organization - Organización Internacional de Estandarización
W3C:
World Wide Web Consortium - Consorcio de la World Wide Web
“El Consorcio World Wide Web (W3C) es una comunidad internacional donde
las organizaciones Miembro, personal a tiempo completo y el público en general
2. Fuente:
http://www.aenor.es/aenor/aenor/mision/mision.asp#.UO8aHXdZPOc [Consulta: 10 de enero de 2013]
3. Fuente:
http://www.aenor.es/desarrollo/aenor/quees/quees.asp [Consulta: 14 de octubre de 2007]
4. “ISO is an independent, non-governmental organization made up of members from the national stan-
dards bodies of 165 countries. Our members play a vital role in how we operate, meeting once a year for a
General Assembly that decides our strategic objectives.
We have a Central Secretariat in Geneva, Switzerland, that coordinates the system. Operations at the Central
Secretariat are directed by the Secretary General.”
http://www.iso.org/iso/home/about/about_governance.htm [Consulta: 28 de diciembre de 2014]
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
24 TEMA 2. Imagen digital
.doc de Microsoft
El formato de archivo generado por el procesador de textos Microsoft Word, que
hasta la versión 2003 empleaba la extensión .doc, es “de hecho” un estándar en
la distribución de documentos de texto. La definición interna del formato ha
variado con las distintas versiones del programa manteniéndose habitualmente
“compatibilidad hacia atrás” (una versión más moderna del programa puede abrir
archivos generados por versiones antiguas), pero no siempre se ha mantenido
“compatibilidad hacia adelante” (las versiones antiguas del programa en muchos
casos no pueden abrir archivos generados con versiones más modernas o pierden
algunas características del documento).
En 2007, con la aparición de Microsoft Word 2007, la definición interna del archivo
generado por el programa ha variado radicalmente. Toda la suite ofimática Office
emplea ahora un formato denominado Open Office XML (OOXML), basado en
una variante no estándar de XML. La extensión de archivo que genera Microsoft
Word 2007 es .docx.
.fh de FreeHand
.fh es un formato de archivo para imágenes vectoriales.
Nota del profesor: Nada es para siempre. La historia de FreeHand es un buen ejemplo de
la relevancia de los estándares “de derecho”. El programa que fue hegemónico en artes grá-
ficas ya no tiene ni actualizaciones ni soporte por parte de sus dueños. Adobe Illustrator
es capaz de importar archivos .fh, pero el propio formato de Illustrator, .ai, es un estándar
de hecho, no de derecho.
.qxd de QuarkXPress
QuarkXPress es un programa de “composición de página”, “maquetación” y “au-
toedición” aparecido en 1987. Durante los años ‘90 fue el estándar de hecho con
aproximadamente un 90% del mercado.
La especificación fue desarrollada por OASIS (Organization for the Advancement of Structured In-
formation Standards - Organización para el Avance de Estándares de Información Estruc-
turada) sobre la base de OpenOffice.org XML, el formato empleado originalmente
por las suites de ofimática StarOffice (propiedad entonces de Sun Microsystems) y
OpenOffice.org (basado en el anterior y distribuido como software libre).
SVG
SVG es un formato de archivo para imágenes vectoriales.
6. Fuente:
http://www.iso.org/iso/iso_catalogue/catalogue_tc/catalogue_detail.htm?csnumber=43485 [Consulta: _4
de octubre de 2007]
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
26 TEMA 2. Imagen digital
JPG/JPEG
JPG/JPEG es un formato de archivo para imágenes de mapa de bits que emplea un
sistema de compresión regulable con pérdidas de calidad.
PDF/X y PDF/A
PDF es un formato de archivo creado originalmente por la empresa Adobe Systems.
— Vale, una pregunta profesor: ¿Tenemos que aprendernos los ejemplos de los estándares
de hecho y de derecho, sus fechas y las normas que los rigen?
1. Bibliografía
La bibliografía, en esta asignatura, siempre es recomendada y no es imprescindible su con-
sulta. Se ofrece como referencia para: o una mejor comprensión del tema o para ampliar
conocimientos en un tema que interese especialmente al alumno.
Una de las primeras teorías del color y uno de los primeros libros que uno debiera leer a
lo largo de la carrera.
ITTEN, Johannes. Arte del color. Aproximación subjetiva y descripción objetiva del
arte. Bouret. París.
2. El color
Comenzaremos con la percepción humana del color. No todos los seres humanos percibi-
mos los colores de la misma forma. Hay, fundamentalmente, dos razones para esta diferen-
cia en la percepción de los colores: las cuestiones fisiológicas y las cuestiones psicológicas.
Anécdota: Si alguna vez, de pequeño (o no tan pequeño) te has preguntado: “¿Lo que yo
veo rojo los demás lo verán como yo o puede que lo vean verde pero que, como siempre lo
han llamado rojo, lo llaman rojo como yo aunque lo vean como yo veo el verde?”. Por fin
vas a tener una respuesta. La respuesta a esta pregunta, sin ser tan radical como ver verde
lo que otro ve rojo, es sí. Más allá de enfermedades o defectos congénitos, no todos los
seres humanos percibimos los colores igual.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
28 TEMA 3. Color digital
Las cuestiones fisiológicas de percepción humana del color nos dan datos objetivos para
usar el color con intención comunicativa.
Las cuestiones psicológicas nos dan datos menos objetivos, pero más relacionados con las
sensaciones, emociones y actitudes que el color puede provocar. Esto tiene más que ver
con la asignatura de “Teorías del color, la forma y la composición” así que sólo citaremos
las cuestiones psicológicas:
Este tema se centra en las cuestiones fisiológicas para llegar a la descripción del observador
estándar y, a partir de ahí, a la descripción científica del color y su correcta reproducción.
Basándonos en ese observador estándar, al que todos —salvo enfermedad o defecto con-
génito— nos parecemos, podemos saber que los humanos no percibimos todos los colores
con la misma intensidad.
Los seres humanos percibimos una parte del espectro electromagnético como colores; en
concreto, la parte del espectro que va de los 400nm a los 700nm. Pero la eficiencia de nues-
tros fotorreceptores cromáticos (los conos) no es constante a lo largo de ese espectro. En
la Imagen 3.1 podemos ver la distribución de esa eficiencia frente a los diferentes colores.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 29
Imagen 3.1
Eficiencia
luminosa
espectral para la
visión en color
humana
(visión fotópica)
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente de los datos: CIE
(Commission Internationale de
l’Éclairage)
Nota del profesor: Si conocemos qué colores se perciben con mayor y menor eficiencia
podremos emplear esa información a nuestro favor: cuando busquemos impacto, ser per-
cibidos con intensidad, pasar desapercibidos, ser discretos...
Por cierto: el color que se percibe con más eficiencia es el correspondiente a los 555 nanó-
metros, un verde amarillento. También es interesante destacar que los rojos, tan emplea-
dos para llamar la atención, se perciben como colores oscuros (poca eficiencia luminosa).
humanos: conos S, M
y L y bastones (R)
Autor: Versión en español de
Pablo R. Prieto, basada en la
del usuario Maxim Razin de
50
Wikipedia, basada en el gráfico
de los usuarios de Wikipedia
DrBob y Zeimusu” basada en
el trabajo de Bowmaker J.K. y
S R M L Dartnall H.J.A.
Bibliografía: BOWMAKER J.K.
0 and DARTNALL H.J.A., “Visual
pigments of rods and cones
400 500 600 700 in a human retina.” J. Physiol.
Violeta Azul Cian Verde Amarillo Rojo 298: pp501-511 (1980).
Longitud de onda (nm) Licencia: cc-by-sa-3.0
Fuente: Wikimedia Commons
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
30 TEMA 3. Color digital
La visión en color humana, por lo tanto, se basa en un sistema triestímulo. Así, para de-
finir los colores que podemos percibir los humanos, usaremos siempre tres parámetros.
¿Qué tres parámetros? Depende del modelo de descripción de color. Hay varios modelos
porque cada uno tiene sus ventajas y sus inconvenientes. Algunos modelos facilitan enor-
memente determinadas operaciones —como, por ejemplo, hacer que el mismo color sea
más brillante (con HSB esto es trivial)— peo dificultan mucho otras —eliminar un domi-
nante rojo (con HSB es casi imposible)—.
- RGB: El modelo de color cuando se usa luz, como en la iluminación de una esce-
na de teatro, o en un monitor de ordenador o una cámara de fotos.
- CMY(K): El modelo de color cuando se usan tintas, como al mezclar pinturas o
el que usan las imprentas y las impresoras.
- HSB: Una forma más intuitiva para los humanos para describir los colores RGB.
- Lab: El modelo de referencia. El único que representa todos los colores que per-
cibimos los humanos (teniendo en cuenta que describe al observador estándar de
la CIE).
Imagen 3.3
Los colores
básicos de luz y
sus mezclas
Autor: Pablo R. Prieto
Licencia: cc-by-sa 2.0
La superposición o mezcla de estas luces básicas permiten reproducir una amplia gama de
colores aunque, como veremos, no permite reproducir todos los colores que es capaz de
percibir el ser humano. En cualquier caso, es evidente que permite reproducir, para la ma-
yor parte de los casos, suficiente gama de color; al fin y al cabo los monitores de ordenador
usan este sistema y permiten el trabajo de artistas, arquitectos, diseñadores, fotógrafos...
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 31
Imagen 3.4
Cubo RGB
Autor: Pablo R. Prieto
Licencia: cc-by-sa 2.0
Hay algunas claves importantes que se deben observar. Con las luces a la máxima
intensidad:
Como estamos trabajando con luz, lo lógico es pensar que trabajamos con la luces apa-
gadas. Con las luces apagadas el negro se consigue... No iluminando con ningún color:
ausencia de luz.
Imagen 3.5
Los colores
básicos de tinta y
sus mezclas
Autor: Pablo R. Prieto
Licencia: cc-by-sa 2.0
De la misma forma que en las luces RGB, las mezclas de estas tintas básicas permiten
reproducir una amplia gama de colores, aunque tampoco todos los que puede percibir
el ser humano. No obstante, en la mayor parte de los casos la gama es suficiente, porque
las revistas, las reproducciones artísticas y la impresión de fotografías, por poner algunos
ejemplos, se realizan con las mezclas de estas tintas básicas.
También, como con RGB, podemos disponer los colores básicos de tinta en tres ejes y
formar el cubo de sus mezclas con distintas intensidades.
Imagen 3.6
Cubo CMY
Autor: Pablo R. Prieto
Licencia: cc-by-sa 2.0
Las tintas CMY tienen una peculiaridad: es imposible conseguir tintas cian, magenta y
amarilla puras (sí que es posible conseguir, para RGB, luces rojas, verdes y azules puras).
Por eso, aunque el modelo teórico es CMY, en la mayor parte de los casos se emplea
CMYK. La K representa al negro, de blacK en inglés. Se evita usar la inicial “B” de black
para no confundir con la B de Blue.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 33
¿Por qué es necesario usar negro (K)? Al ser imposible conseguir tintas puras cian, magen-
ta y amarillo, su mezcla real no da el negro que prevé el modelo; produce un color pardo
oscuro. Para poder obtener negro real es necesario reforzar con tinta negra.
Como se supone que estamos trabajando con tintas, se supone que trabajamos con la luz
encendida y sobre un fondo blanco. Así, para obtener blanco simplemente no ponemos
ninguna tinta.
En HSB los colores, en vez de en un cubo, se pueden representar en un cilindro. Los tonos
de color se disponen en un círculo, con el rojo primario (R) a 0º, el verde primario (G) a
120º y el azul primario (B) a 240º. Los colores primarios de tinta (CMY) están exactamen-
te en las posiciones intermedias.
Hacia el exterior del cilindro los colores están saturados, hacia el centro se desaturan
creando un eje de grises central.
La parte inferior del cilindro no tiene brillo (luz aparente) y por lo tanto es negra. Hacia
arriba en el cilindro aumenta el brillo (la luz aparente).
7. Estrictamente, lo que Alvy Ray Smith describió en el número de agosto de 1978 de la revista Computer
Graphics fue HSV, donde V es Value (valor en inglés). Esta V es asimilable a la B de Brightness de la mayor
parte de programas informáticos de gráficos. Por conformidad con estos programas informáticos (por ejem-
plo, Photoshop), hemos preferido hablar de HSB.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
34 TEMA 3. Color digital
Imagen 3.7
Cilindro HSV
Autor: Usuario SharkD de
Wikimedia Commons
Licencia: cc-by-sa-3.0
Fuente: Wikimedia Commons
Además, cuando hablamos de RGB y de CMY dijimos que son capaces de definir una am-
plia gama de colores, pero no todos los que puede percibir el ser humano.
- Y dos: Ha creado perfiles de color (luego veremos qué es eso de los “perfiles de
color”) en los que R, G y B o C, M e Y sí están perfectamente definidos. Y están
definidos, precisamente, respecto del espacio de color absoluto Lab.
Las ecuaciones que definen la gama del espacio de color Lab son complejas. Para
hacernos una idea, mostramos una de sus posibles representaciones en el espacio
xyY en la Imagen 3.8.
Nota del profesor: Está bien escrito, el espacio es xyY, no xyz. “x” e “y” son coordenadas
para definir la crominancia (el tono) e “Y” es la coordenada para definir la luminancia
(brillo). Ya dijimos que era complejo, estamos simplificando.
Imagen 3.8
La gama Lab
representada en
el espacio xyY
Autor: Pablo R. Prieto,
generado con un programa en
Web con Copyright de Bruce
Justin Lindbloom
Fuente: http://brucelindbloom.
com/
Imagen 3.9
La gama sRGB
representada en
el espacio xyY
Autor: Pablo R. Prieto,
generado con un programa en
Web con Copyright de Bruce
Justin Lindbloom
Fuente: http://brucelindbloom.
com/
Con este tipo de proyección nuestro bonito cubo RGB (Imagen 3.4) ya no es un
cubo. Pero, recordemos (Imagen 3.1), la percepción humana de los colores no es
lineal, por eso no sale un cubo.
Así, por ejemplo, para conseguir el color rosa central de la Imagen 3.10 el rojo está a la
máxima intensidad (255), el verde está bastante apagado (54) y el azul algo por encima de
la mitad de su intensidad máxima (153).
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 37
Imagen 3.10
Color rosa RGB:
255,54,153
Autor: Pablo R. Prieto
Licencia: cc-by-sa 2.0
Pero 255, 54, 153 siguen siendo unas coordenadas sin sentido si no tenemos el origen de
cada coordenada. En la Imagen 17 hemos usado un proyector rojo en concreto, un pro-
yector verde en concreto y un proyector azul en concreto, pero ¿cuál? ¿Y cómo definimos
ese rojo, verde y azul?
Vamos a simplificar la Imagen 3.8 y vamos a mirarla en una vista cenital, que es un repre-
sentación bastante habitual del espacio de color Lab (Imagen 3.11):
Imagen 3.11
Proyección xy
del espacio de
color Lab en xyY
Autor: Pablo R. Prieto sobre
original de Wikimedia
Commons
Licencia: Dominio público
Fuente: Wikimedia Commons
sRGB es un perfil que define la posición de R, G y B, respecto del espacio de color Lab, de
la mayor parte de monitores de ordenador. Visto en la forma simplificada (Imagen 3.12):
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
38 TEMA 3. Color digital
Imagen 3.12
Perfil sRGB sobre
el espacio de
color Lab en xy
Autor: Pablo R. Prieto sobre
original de Wikimedia
Commons
Licencia: Dominio público
Fuente: Wikimedia Commons
Los vértices del triángulo representan el rojo, verde y azul definidos para sRGB. Y, por lo
tanto, el interior del triángulo representa los colores que se pueden obtener con sRGB.
Como se puede comprobar, hay muchos colores perceptibles por el observador estándar
que no se pueden obtener con sRGB.
Pero sRGB no es el único perfil de color RGB. Hay muchos. Uno de los más empleados por
los profesionales de la imagen es el perfil RGB llamado “Adobe RGB 1998”. Es un perfil que
sitúa al verde en una posición más alejada para abarcar una mayor gama de color (Imagen
3.13):
Imagen 3.13
Perfil Adobe RGB
1998 sobre el
espacio de color
Lab en xy
Autor: Pablo R. Prieto sobre
original de Wikimedia
Commons
Licencia: Dominio público
Fuente: Wikimedia Commons
Como se puede observar, se amplía mucho la gama de cianes y verdes, que es bastante po-
bre en sRGB. Eso sí, para poder apreciar esta gama es necesario un monitor cuyo verde sea
el definido en Adobe RGB 1998. Algunos monitores profesionales (y caros) se aproximan
mucho a ese verde.
¿Y dónde ha quedado CMY? CMY es un espacio de color teórico. Lo cierto es que siempre
se imprime con CMYK; o sea, siempre se emplea tinta negra además de cian, magenta y
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 39
amarillo. Por eso los perfiles habituales de tinta son perfiles CMYK, no perfiles CMY. El
“negro” que se consigue mezclando tintas reales cian, magenta y amarilla está tan lejos de
ser negro que no hay otra opción.
En la Imagen 3.14 puede observarse la comparación de gamas entre la que puede percibir
el observador estándar (Lab), la que puede reproducir un típico monitor de ordenador
(sRGB) y la que puede reproducir una impresora o una imprenta genéricas (CMYK):
Imagen 3.14
Perfil genérico
CMYK (en rojo) y
perfil sRGB (en
negro) sobre el
espacio de color
Lab en xy
Autor: Pablo R. Prieto sobre
original de Wikimedia
Commons
Licencia: Dominio público
Fuente: Wikimedia Commons
Como se puede comprobar, hay colores que existen en sRGB que no existen en la gama
típica CMYK y viceversa. Hay intersección —amplia y, casi siempre, suficiente—, pero
hay colores que se pueden ver en pantalla pero que no se pueden obtener imprimiendo
y viceversa. Y ninguno de los dos perfiles cubre, ni de lejos, todos los colores que puede
percibir el observador estándar.
Nota del profesor: Pueden parecer muy pobres las gamas de color habituales en un moni-
tor (sRGB) o en una impresora (CMYK). Lo cierto es que lleváis toda la vida viendo cosas
en esas gamas tan restringidas y, probablemente, no habéis echado mucho de menos los
colores que no se pueden reproducir. Pero es bueno saber que son restringidas y que hay
colores que no se pueden obtener en una pantalla o en una impresora.
Resumeniendo
El modelo de color Lab tiene una enorme importancia: el resto de modelos de co-
lor se definen en función de él. Lab es el único modelo de color absoluto, el resto
de modelos de color son relativos.
Que Lab sea un modelo de color absoluto significa que los colores definidos con
coordenadas L, a y b son unívocos: las mismas coordenadas L, a y b siempre defini-
rán el mismo color. En el resto de modelos las mismas coordenadas (por ejemplo,
un triplete RGB) pueden definir distintos colores (en función del perfil RGB que
se esté empleando).
La segunda razón por la que Lab tiene una gran importancia es porque es el único
modelo que puede describir todos los colores que puede percibir el observador
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
40 TEMA 3. Color digital
Las imprentas no tienen tantas opciones. Sólo tienen cuatro colores a su disposición: cian,
magenta, amarillo y negro. Y no pueden premezclar las tintas. Las tintas se depositan pu-
ras, sin premezclar, sobre el papel. Por lo tanto, tendrá que ser la mente del observador la
que “mezcle” las tintas para percibir el resto de colores.
A los cuatro colores empleados en impresión se los conoce como “colores de proceso”
(“process colors” en inglés).
Imagen 3.16
Los colores de
proceso:
C. Cian
M. Magenta
Y. Amarillo
K. Negro
Autor: Pablo R. Prieto
Licencia: Dominio público
Fuente: Elaboración propia
Es importante recalcar que, según la Teoría del Color, el negro no debería ser necesario.
En teoría, la mezcla de cian, magenta y amarillo debería dar negro. En la práctica la mezcla
de las mejores tintas, las más puras que se puedan conseguir de cian, magenta y amarillo
no consigue un negro, consigue un pardo oscuro. Es por esta limitación que se emplea el
negro. Aparte de que, para imprimir objetos negros, como por ejemplo el propio texto —
que habitualmente va en negro—, es más práctico hacerlo con una sola tinta que hacerlo
con la mezcla de tres.
La situación: sólo tenemos cuatro colores. La realidad: los sistemas de impresión pueden
poner pequeños puntos (micropuntos) de cada uno de esos cuatro colores sobre el papel.
Pero, como veíamos al principio de esta introducción hablando de los pintores impresio-
nistas, habrá que seguir alguna estrategia de distribución de los micropuntos cian, ma-
genta, amarillo y negro para ayudar a nuestras mentes a percibirlos mezclados, aunque
realmente no lo estén.
Nota del profesor: La palabra “micropunto” es jerga, es una palabra precisa, no una pa-
labra inventada. Un micropunto es la unidad mínima de tinta que puede depositar sobre
el papel un sistema de impresión. Los micropuntos, en general (veremos que hay excep-
ciones), solo pueden ser cian, magenta, amarillo o negro. El resto de colores se consiguen
porque nuestra mente percibe como mezcladas las masas de micropuntos que sólo son, en
realidad, de cuatro colores.
Vamos a ver a continuación que hay dos estrategias distintas para conseguir que nuestras
mentes perciban los colores como si estuvieran mezclados. Cada uno de los dos gran-
des sistemas de impresión que estudiaremos ha seguido una estrategia completamente
distinta.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
42 TEMA 3. Color digital
Imagen 3.17
Trama
estocástica,
propia de los
sistemas de
impresión digital
Autor: Pablo R. Prieto
Fuente: Elaboración propia
Licencia: Todos los derechos
reservados
La distribución pseudoaleatoria evita que la mente perciba ningún patrón (ningún orden)
en la distribución de los micropuntos. Así ayuda a percibir “mezcla”.
Un último apunte antes de pasar a la otra estrategia para que nuestra mente perciba mez-
clas donde no las hay: en realidad algo de mezcla sí hay. Las tintas son líquidas. Y los mi-
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 43
cropuntos de cada color se pueden acumular unos encima de otros. Así, antes de secarse las
tintas (lo hacen muy rápidamente) pueden mezclarse ya sobre el papel. ¡Cuidado! No hay
mezcla previa, pero en el papel sí pueden “fundirse” antes de secarse. Por eso, en la Imagen
3.17 pueden verse puntos rojos, verdes y azules: simulan micropuntos magenta+amarillo,
amarillo+cian y cian+magenta que se han superpuesto y mezclado antes de secarse.
Los “semitonos” son simulaciones de tonos intermedios. Esto se va a entender mejor con
grises (luego hablaremos de lo mismo a color). Si sólo se dispone de tinta negra sólo hay
dos opciones: o se pone tinta o no se pone pero, si se pone, es negra (no gris).
Si agrupamos micropuntos negros en, por ejemplo, círculos de tal forma que si en una
zona de una imagen que tiene que ser más oscura hay círculos más grandes y en las zonas
claras hay círculos más pequeños, mirada la imagen a suficiente distancia nuestra mente
no verá los circulos. Nuestra mente percibirá grises donde en realidad sólo hay circulos
compuestos de agrupaciones de micropuntos completamente negros.
Imagen 3.18
Semitonos grises
obtenidos por
tramado
Autor: Pablo R. prieto
Fuente: Elaboración propia
Licencia: Todos los derechos
reservados
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
44 TEMA 3. Color digital
Además, para ayudar a esa percepción de nuestra mente, los círculos —sean más grandes
o más pequeños— se disponen centrados en un damero girado 45º. Como los seres huma-
nos somos muy conscientes de lo vertical y lo horizontal, el giro de 45º es lo más alejado
posible de esa consciencia y así se evita que se perciba la trama.
Nota del profesor: Obviamente, tanto la Imagen 3.17 como la Imagen 3.18 son ampliacio-
nes muy bastas para que se vea y se entienda cada tipo de trama. Las tramas empleadas en
impresión profesional son mucho más finas.
Este es un buen momento para introducir el último tipo de medida de “resolución relati-
va” que tenemos que conocer. Hasta ahora conocemos los ppi (pixels per inch - píxeles por
(en cada) pulgada) y los dpi (dots per inch - puntos (micropuntos) por (en cada) pulgada).
Pues bien, cuando hablamos de semitonos por tramado, de agrupaciones de micropuntos
en puntos de trama, la medida se llama lpi.
lpi son “lines per inch”, en español: líneas por pulgada. Y se cuentan de una forma curiosa:
aunque la trama de puntos de trama negros está girada 45º las líneas por (en cada) pulgada
se cuentan en vertical (o en horizontal, es lo mismo). En la imagen 3.18 son tan grandes los
puntos de trama que se podrían contar “a ojo”: ¿cuántos puntos de trama hay en una pul-
gada? Medimos una pulgada en vertical y contamos cuántos puntos de trama hay. Claro,
al contar verticalmente unos están un poco más “hacia dentro” que otros, pero se cuentan
todas las líneas.
Imagen 3.19
Formación del
punto de trama
a partir de
micropuntos
Autor: Pablo R. Prieto
Fuente: Elaboración propia
Licencia: CC by-sa
La Imagen 3.19 es una ampliación de la zona señalada con un recuadro rojo de la Ima-
gen 3.18. Se ha ampliado para que se vea cómo los puntos de trama están formados por
micropuntos.
Un último apunte: la forma de los puntos de trama, hasta ahora, se ha mostrado y co-
mentado siempre como círculos. En realidad, distintos fabricantes usan distintas formas:
círculos, rombos, elipses...
Los que se hace es tramar cada uno de los canales de color, como en la Imagen 3.20.
Imagen 3.20
Tamas de punto
de trama para
una imagen a
imprimir a color:
C. Cian
M. Magenta
Y. Amarilla
K. Negra
Autor: Pablo R. Prieto
Licencia: Todos los derechos
reservados
Por superposición de tramas, se percibe la imagen a color deseada. Los colores se mezclan
en nuestra mente, sobre el papel sólo hay puntos de trama cian, magenta, amarillo y negro.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
46 TEMA 3. Color digital
Para que nos entendamos pondremos un ejemplo. Cuando en televisión un invitado acu-
de con una camisa a rajas muy finas o con cuadrados muy pequeños, la superposición
de la trama de su camisa con la propia trama de la televisión (la televisión es una trama
compuesta por píxeles) hace que veamos como extraños dibujos cuando se mueve. Esos
extraños dibujos son moiré. La Imagen 3.21 es un ejemplo de moiré consecuencia de la
superposición de tramas bajo determinados ángulos:
Imagen 3.21
Moiré como efecto de la superposición de dos tramas
en ángulos distintos
Autor: Artz
Fuente: Wikimedia Commons
Licencia: GNU Free Documentation License, Versión 1.2 o posterior
Fuente: Artículo “Scalable Vector Graphics”, Wikipedia
Licencia: CC by-sa 2.5
Como vamos a superponer cuatro tramas corremos un alto riesgo de sufrir moiré. ¿Cómo
se evita?
La regla general para evitar el moiré es (y esta regla es de las que hay que saberse): poner el
color que más contraste con el color del papel a 45º y el resto, a ser posible, separados 30º.
Apliquemos esta regla a una impresión típica de cuatricromía: papel blanco y CMYK. El
color que más contraste con el blanco es el negro (K) que ponemos a 45º. Los siguientes
que más contrastan son el cian (C) y el magenta (M): pues los separamos 30º del negro.
Tradicionalmente se pone el magenta a 75º (45º+30º) y el cian a 15º (45º-30º). Ya sólo
queda poner el amarillo. Pero, aunque no lo parezca, ya no quedan ángulos libres que
cumplan con la regla.
Si intentamos 75º+30º para separarnos 30º del magenta nos ponemos a 105º. Por desgra-
cia 105º es lo mismo que 15º (105º-90º=15º), que está ocupado por el cian. ¿Por qué? A
ver, si tenemos un tablero de ajedrez los escaques están alineados a 0 y 90º, ¿no? Si giramos
45º el tablero de ajedrez tendremos los escaques a 45 y a 135º, ¿no? O sea, siempre ocupa-
mos el ángulo que sea y el que suma o resta 90º. Si el magenta ocupa los 75º, también está
ocupando los 165º. Si el cian ocupa los 15º también está ocupando los 105º. Si probáis,
todos los ángulos que se separan 30º de los 45º están ya ocupados.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 47
Por suerte, el amarillo es el color que menos contrasta con el papel blanco. Así que en vez
de 30º separado de los demás, que no se puede, lo separamos 15º de los demás y lo pone-
mos a 0º (o, lo que es lo mismo, a 90º).
Así, en resumen:
K: 45º
C: 15º
M: 75º
Y: 0º
Imagen 3.22
Ángulos
habituales
para tramas de
cuatricromía
¿Podemos evitar esto? La respuesta es “sí”. Y no sólo podemos evitar esto, podemos con-
seguir efectos interesantes en impresión utilizando tintas extra que no sean cian, magenta,
amarillo y negro. O, en vez de usar tintas extra, usar sólo dos o tres tintas, pero que ningu-
na sea cian, magenta, amarillo o negro.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
48 TEMA 3. Color digital
Existen varias gamas normalizadas de “tintas directas” (este nombre es jerga, el nombre
técnico por el que se las conoce). La más conocida y usada en Artes Gráficas en Pantone®.
En Pantone Matching System (PMS) se definen algo más de mil colores (1.114). Aunque en
el año 2007 Pantone presentó todo un nuevo sistema de colores directos para impresión (y
para otros propósitos, como color en pantalla) llamado Pantone Goe, con algo más de dos
mil colores (2.058), aún se emplea ampliamente el PMS8.
Imagen 3.23
Pantonera
Fuente: Agrega (http://agrega.
educacion.es
Licencia: CC-by-nc-sa
¿Cómo y para qué se usan estas tintas directas? Si queremos reproducir con total precisión
un determinado color lo primero que necesitamos es tenerlo definido con total precisión.
Por ello, normalmente los colores corporativos de las empresas se definen en la gama
Pantone. De esa forma, en todo el planeta, el color definido es el mismo. Como la mayor
parte de los colores Pantone están fuera de la gama que se puede conseguir con CMYK,
para imprimir un color Pantone hace falta imprimir con esa tinta Pantone. O sea, se carga
la máquina de impresión con una tinta que no es ni cian ni magenta ni amarillo ni negro,
es la tinta Pantone definida9.
Hay dos situaciones habituales en el empleo de Pantones: como tinta o tintas extra o sus-
tituyendo a las tintas de proceso.
Si en el impreso que hay que reproducir en imprenta hay una fotografía a color, es in-
evitable el empleo de CMYK: es nuestra base para la reproducción de la amplia gama de
colores necesaria para reproducir, por ejemplo, fotos. Pero si, además, hay que reproducir
con total precisión los dos colores corporativos de una marca, necesitaremos dos tintas
extra. En total estaremos imprimiendo con 6 colores (lo cual, por cierto, encarece el pro-
ducto). Por cierto, hay que ser razonables: no es ni medio habitual el empleo de más de 6
tintas. Si hubiera que reproducir los colores corporativos de 10 marcas, cada una con dos
8. Hay un interesantísimo artículo sobre el paso de Pantone Matching System a Pantone Goe en:
http://www.creativepro.com/article/pantone-2-0-after-45-years-the-sequel-to-pms-
9. Las tintas Pantone, en PMS, se obtienen a partir de la mezclas precisas de 13 colores base más negro y
blanco. Se pueden adquirir ya mezcladas, aunque algunas imprentas prefieren contar con los colores base y
mezclarlos ellos mismos.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 49
colores precisos... nada de usar una tinta por cada color: se imprime todo en cuatricromía
(CMYK), con los colores equivalentes más cercanos.
Otra situación posible es que no haya nada “a todo color”, ni fotografías ni nada que pida
una amplia gama de colores, pero que sí queramos usar dos o tres colores precisos. En
esas situaciones se prescinde de las tintas de proceso (CMYK) y directamente se imprime
con las tintas directas que se desee. Por cierto: con este sistema solemos estar ahorrando
costes. Al reducir el número de colores, si imprimimos en offset, reducimos los costes de
preimpresión.
- Tintas metalizadas: La propia empresa Pantone, y otras, tienen una gama de tin-
tas con brillo metálico.
- Barnices: Como si de una tinta extra se tratara, se puede aplicar barniz sobre las
partes del papel que se desee (siempre se aplica como última tinta, queda por en-
cima de las otras). El barniz hace que esa zona brille y tenga una tacto más suave.
- Tintas con olor: Empresas de impresión especializadas cuentan con sistemas que
les permiten dotar de olor a zonas del papel impreso.
Puede que los sistemas de publicación en soportes digitales estén en pleno auge y avancen
rápidamente. Pero la industria de la impresión no está quieta esperando a ver cómo es
sustituida: reacciona con productos atractivos e innovadores.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 3. Color digital 51
1. Introducción
Los tres elementos básicos de la comunicación gráfica son el color, la forma y la compo-
sición. Hay, por supuesto, muchos otros elementos: la textura, los materiales, el entorno o
contexto de la comunicación... Pero los tres citados constituyen la base ordenadora de lo
que se puede comunicar y del cómo se puede comunicar.
De los tres elementos ya se ha hablado en la anterior asignatura, Teorías del color, la forma
y la composisción. Y en ésta los volvemos a abordar desde otras perspectiva. En este tema
hablaremos, por un lado, de la percepción de la forma y, por otro lado, de la composición
en términos de orden y relación de las formas entre ellas y con el conjunto. Y para esto
hay “reglas”.
Por supuesto que se pueden transgredir las “reglas” sobre el significado o carácter comuni-
cativo del color, la forma y la composición. Pero, si se transgreden, manipulan o modifican
es necesario hacerlo de forma consciente.
2. Teorías de la percepción
La psicología de la Gestalt es una corriente psicológica surgida en Alemania a principios
del S. XX. Describe varios fenómenos de la percepción humana y es un buen punto de
partida para entender cómo percibimos las formas.
Ha sido criticada por ser meramente descriptiva y no indagar en las razones de los fenó-
menos perceptivos. Pero, de momento, la percepción nos va a ser suficiente.
Emergencia
Es el proceso de formación de patrones complejos a partir de reglas sencillas. En
la Imagen 4.1 se percibe un dálmata oliendo el suelo y no se hace a partir de sus
partes y después deduciendo la figura completa: El perro se percibe como un todo.
Imagen 4.1.
Principios
generales de
la Gestalt:
Emergencia
Fuente: http://architecturehell.
wordpress.com/2009/08/27/
gestalts/
Reificación
Es el principio constructor o generador de la percepción por la cual se experimen-
ta o percibe más información que la que estrictamente tiene el estímulo visual.
Imagen 4.2.
Principios
generales de
la Gestalt:
Reificación
Autor: Mahwah Lawrence
Erlbaum
Fuente: Wikimedia Commons
Licencia: Dominio público
Multiestabilidad
Es la tendencia a interpretar alternativamente una interpretación u otra (u otras)
en las experiencias perceptuales ambiguas. Esto incluye percepciones planas —
fondo/figura— y percepciones espaciales —cercano/lejano—.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 4. Percepción, forma y composición 53
Imagen 4.3.
Principios
generales de
la Gestalt:
Multiestabilidad
Autor: Alan De Smet
Fuente: Wikimedia Commons
Licencia: Dominio público
Invarianza
Es la propiedad de la percepción por la cual los objetos geométricos sencillos son
reconocidos independientemente de su rotación, traslación o escala. También son
reconocidos a través de deformaciones elásticas, diferencias de iluminación y di-
ferentes representaciones.
Imagen 4.4.
Principios
generales de
la Gestalt:
Invarianza
Autor: Alan De Smet
Fuente: Wikimedia Commons
Licencia: Dominio público
Proximidad
La ley de la proximidad establece que cuando se perciben ordenaciones de objetos,
los objetos próximos se perciben como grupo.
Imagen 4.5.
Leyes de
agrupamiento
de la Gestalt:
Proximidad
Autor: Usuario Eumedemito de
Wikimedia Commons
Fuente: Wikimedia Commons
Licencia: Dominio público
Semejanza
En una disposición de objetos se perciben agrupados aquellos que son similares.
La semejanza puede ser por razón de forma, color, iluminación y otras cualidades.
Imagen 4.6.
Leyes de
agrupamiento
de la Gestalt:
Semejanza
Autor: Usuario Eumedemito de
Wikimedia Commons
Fuente: Wikimedia Commons
Licencia: Dominio público
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 4. Percepción, forma y composición 55
Cierre
La ley de cierre establece que los objetos tales como formas, letras, dibujos, etc., se
perciben como completos incluso cuando no lo están: Nuestra percepción com-
pleta las ausencias.
Imagen 4.7.
Leyes de
agrupamiento
de la Gestalt:
Cierre
Autor: Usuario Eumedemito de
Wikimedia Commons
Fuente: Wikimedia Commons
Licencia: Dominio público
Simetría
Los objetos simétricos se perciben como un grupo entorno al centro de simetría.
[ ]{ }[ ]
Dirección común
Establece que cuando varios objetos se mueven en la misma dirección tendemos a
percibirlos como pertenecientes al mismo grupo.
Continuidad
Los objetos dispuestos en un línea recta o en una curva suave tienden a ser perci-
bidos como una unidad.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
56 TEMA 4. Percepción, forma y composición
Imagen 4.8.
Leyes de
agrupamiento
de la Gestalt:
Continuidad
Autor: Ramona Winkler
Fuente: http://www.
infovis-wiki.net/index.
php?title=Gestalt_Laws
En la Imagen 4.9 es más fácil percibir un rombo entre dos líneas verticales que una
“W” sobre una “M”.
Imagen 4.9.
Leyes de
agrupamiento
de la Gestalt:
Simplicidad o
buena figura
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Experiencia pasada
Implica que bajo determinadas circunstancias el estímulo visual se categoriza se-
gún la pasada experiencia.
Imagen 4.10.
Leyes de
agrupamiento
de la Gestalt:
Pasada
experiencia
Autor: Charles F. Schmidt
Fuente: http://www.rci.
rutgers.edu/~cfs/305_html/
Gestalt/wertheimer2.html
Licencia: © Charles F. Schmidt
3. La articulación de la forma
Antes de entrar en la relación entre las formas y de las formas con el todo, vamos a rematar
la relación de la forma consigo misma.
Imagen 4.11.
Articulación de
las formas
Autor: Francis D.K. Ching
Licencia: Copyright 1979-1996
John Wiley & Sons, Inc.
Fuente: Arquitectura, forma,
espacio y orden, p. 79.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
58 TEMA 4. Percepción, forma y composición
Armonía
La Real Academia Española define, en su tercera acepción (y es que las dos pri-
meras acepciones hacen referencia al sonido), como: “Conveniente proporción y
correspondencia de unas cosas con otras”. La definición —sin duda, quiénes somos
nosotros para corregir a la RAE— es correcta, pero poco explícita.
Tan sólo barajando las palabras de la propia RAE trataremos de encontrar una
definición más explícita: Armonía es la “conveniente relación de proporción de las
piezas de un conjunto entre sí y con el conjunto”.
Hay varias teorías, como ocurría en el color, sobre las “relaciones que producen
conjuntos armónicos”. Estas teorías están especialmente desarrolladas en el mun-
do de la música. Nos aproximaremos mínimamente a él para tratar de empezar a
entender qué es la armonía y qué leyes la rigen.
Imagen 4.12.
Armonía:
Tetraktys
Autor: Versión de Pablo R.
Prieto sobre original del
usuario Jossifresco de la
Wikipedia
Licencia: Dominio público
Fuente: Wikimedia Commons
Otra relación armónica es la “tríada mayor” en música, compuesta por tres tonos
en relación numérica 6 a 5 a 4. La Imagen 4.13 muestra la manera en que se com-
pone y su relación “armónica” en forma de onda.
Imagen 4.13.
Armonía: Triada
mayor
Autor: Usuario Jeff Dahl de la
Wikipedia
Licencia: Licencia de
documentación libre GNU
Fuente: Wikimedia Commons
Tensión (visual)
Es difícil definir con palabras el concepto de “tensión visual”. Un ensayo de defini-
ción: Tensión visual es “la relación de fuerza que se establece entre una pieza y el
conjunto o entre dos (o más) piezas del conjunto”.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
60 TEMA 4. Percepción, forma y composición
Imagen 4.14.
Tensión visual:
Entre una pieza y
el conjunto
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente: Elaboración propia
Imagen 4.15.
Tensión visual:
Entre dos piezas
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente: Elaboración propia
Contraste (visual)
Para definir el contraste (visual) volvemos a recurrir a la RAE, aunque volveremos
a necesitar matices. En su segunda acepción, contraste es: “Oposición, contraposi-
ción o diferencia notable que existe entre personas o cosas” (RAE).
Joaquín López del Ramo (un profesor de la URJC) habla de contraste al combinar
diferentes...
- Formas.
- Tamaños.
- Colores.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 4. Percepción, forma y composición 61
- Texturas.
- Posiciones.
- Direcciones.
- Cantidades y densidades de formas.
Nota del profesor: ¿No sería un ejercicio genial dibujar los gráficos que mostraran cada
uno de los posibles contrastes nombrados?
Imagen 4.16.
Taijitu_ armonía,
tensión y
contraste
Autor de esta versión: Pablo
R. Prieto
Licencia: Dominio público
Axialidad
Disposición de las piezas del conjunto en torno a un eje.
Imagen 4.17.
Operaciones
básicas de
composición:
Axialidad
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente: Elaboración propia
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
62 TEMA 4. Percepción, forma y composición
Simetría
La simetría es una forma específica de axialidad: se trata de la disposición de las
piezas del conjunto a un lado del eje y de sus especulares al lado contrario.
Imagen 4.18.
Operaciones
básicas de
composición:
Simetría
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente: Elaboración propia
Jerarquía
La jerarquía es una operación de composición por la que se reconoce, a través de
algún recurso visual, la gradación de importancia entre las piezas del conjunto.
Imagen 4.19.
Operaciones
básicas de
composición:
Jerarquía
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente: Elaboración propia
Pauta
Relación entre las partes de un conjunto que permite deducir una secuencia.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 4. Percepción, forma y composición 63
Imagen 4.20.
Operaciones
básicas de
composición:
Pauta
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente: Elaboración propia
Repetición
La repetición es una forma específica de pauta.
Imagen 4.21.
Operaciones
básicas de
composición:
Repetición
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente: Elaboración propia
Ritmo
Según la RAE, el ritmo es: “Orden acompasado en la sucesión o acaecimiento de
las cosas”. Dicho de otro modo: es la repetición de una pauta.
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
64 TEMA 4. Percepción, forma y composición
Imagen 4.22.
Operaciones
básicas de
composición:
Ritmo
Autor: Pablo R. Prieto
Licencia: cc-by-sa
Fuente: Elaboración propia
5. La proporción áurea
a a+b
=
b a
Profesor: Hablamos, más o menos, de lo último: de los secretos de los números. Algunas
relaciones de proporción resultan ser bellas, armónicas, agradables... Este tema habla de
“Mecanismos de composición”. A veces, recordar que algunas relaciones numéricas, algu-
nas proporciones, son “bellas” va y te echa una mano. Además, veremos que resulta im-
posible entender muchas arquitecturas construidas (y muchas obras de arte) sin conocer
la proporción áurea.
La relación entre la parte larga y la corta (o entre el total y la larga porque, según la defi-
nición, son lo mismo) es un número que se representa, habitualmente, con la letra “phi”
griega (se usa, indistintamente, la “phi” minúscula y la mayúscula; nosotros usaremos la
mayúscula).
Φ = 1,6180339887...
Nota del profesor: Para quien quiera una sencilla demostración matemática del valor de
Φ, puede acudir al siguiente enlace de la Wikipedia:
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 4. Percepción, forma y composición 65
http://es.wikipedia.org/wiki/Secci%C3%B3n_%C3%A1urea#C.C3.A1lculo_del_valor_
del_n.C3.BAmero_.C3.A1ureo
La Imagen 4.23 muestra una construcción geométrica para obtener una rectángulo cuyos
lados estén en proporción áurea (o dos segmentos que lo estén):
Imagen 4.23.
Construcción
geométrica de la
sección áurea
Autor: Pablo R. Prieto, basado
en original por Cristóbal Vila
b b a+b Licencia: © Cristóbal Vila
Fuente: http://www.
a a a b etereaestudios.com/docs_
html/nbyn_htm/about_index.
htm
0 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987 1597 2584 4181 6765 ...
La sucesión de Fibonacci, además, permite dibujar con facilidad una espiral, la Espiral de
Fibonacci, que es una aproximación a la Espiral Áurea.
13
Imagen 4.24.
Espiral de
21
Fibonacci,
aproximación a
2 la Espiral Áurea
3
1 1
Autor: Pablo R. Prieto, basado
8 en original por Cristóbal Vila
5 Licencia: © Cristóbal Vila
Fuente: http://www.
etereaestudios.com/docs_
html/nbyn_htm/about_index.
htm
Hace tiempo que las “publicaciones” no son sólo “publicaciones impresas”. Tomaros tan en
serio una web referenciada desde los apuntes como un libro impreso.
Nature by numbers
Nature by numbers es una fantástica (y corta: 3’ 43’’) película realizada por Cris-
tóbal Vila (al que no conozco personalmente, no estoy citando a un “amiguete”).
6. Trazados reguladores
¿De qué sirven la Proporción Áurea, el Número de Oro o la serie de Fibonacci?
En el proceso de cualquier proyecto creativo aparecen situaciones en las que hay elemen-
tos, relaciones entre elementos o relaciones con el conjunto en las que hay que tomar deci-
siones. Son decisiones de tamaño, posición, dirección... Una fuerte intuición compositiva
puede acudir en nuestra ayuda. Pero no todos somos genios o, al menos, no siempre nos
asiste la genialidad.
Nota del profesor: Ni hay que obsesionarse con el control geométrico ni pueden dejarse
(todas) las decisiones al “me gusta”.
En palabras de Le Corbusier:
Le Corbusier, 1923
The Dynamics of Architectural Form
Vamos a trabajar sobre tres tipos de trazados reguladores —que son combinables y no
mutuamente excluyentes: La relación áurea, las relaciones de proporción y las relaciones
armónicas.
D Imagen 4.25.
Trazados
reguladores -
Relación áurea:
Análisis 1 del
Partenón
Autor: Pablo R. Prieto, basado
en original por Francis D.K.
Ching
C BC AB BD AE B Licencia: Copyright 1979-1996
Φ= = = = =Φ John Wiley & Sons, Inc.
AB BD AD DE Fuente: Arquitectura, forma,
espacio y orden, p. 288.
Imagen 4.26.
Trazados
reguladores -
Relación áurea:
Análisis 1 del
Partenón
Autor: Pablo R. Prieto, basado
en original por Francis D.K.
Ching
Licencia: Copyright 1979-1996
John Wiley & Sons, Inc.
Fuente: Arquitectura, forma,
espacio y orden, p. 288.
Imagen 4.27.
Trazados
reguladores:
Análisis 2 del
Partenón basado
en la proporción
áurea
Autor: Pablo R. Prieto, basado
en original por Francis D.K.
Ching
Licencia: Copyright 1979-1996
John Wiley & Sons, Inc.
Fuente: Arquitectura, forma,
espacio y orden, p. 288.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE I. ELEMENTOS DE COMUNICACIÓN GRÁFICA
TEMA 4. Percepción, forma y composición 69
Imagen 4.28.
Trazados
reguladores:
Análisis 2 del
Partenón basado
en la proporción
áurea
Autor: Pablo R. Prieto, basado
en original por Francis D.K.
Ching
Licencia: Copyright 1979-1996
John Wiley & Sons, Inc.
Fuente: Arquitectura, forma,
espacio y orden, p. 288.
Un sencillo —
y eficaz— mecanismo de composición consiste en mantener la misma pro-
porción en los elementos del conjunto a distintas escalas.
Imagen 4.29.
Trazados regula-
dores - Relacio-
nes de propor-
cionalidad:
Análisis del Pa-
lacio Farnesio
(Antonio da San-
gallo el Joven.
Roma, 1515)
Autor: Francis D.K. Ching
Licencia: Copyright 1979-1996
John Wiley & Sons, Inc.
Fuente: Arquitectura, forma,
espacio y orden, p. 290.
Francis D.K. Ching cita a Colin Rowe y su ensayo “Las matemáticas de la vivienda ideal”
(1947) como origen del análisis y la exposición de la semejanza en la composición armó-
nica de dos viviendas separadas por cuatro siglos (Imágenes 4.30 y 4.31).
Imagen 4.30.
Trazados regula-
dores - Relacio-
nes armónicas:
Análisis de la
Villa Foscari (An-
drea Palladio.
Malcontenta,
Italia, 1558)
Autor: Francis D.K. Ching
Licencia: Copyright 1979-1996
John Wiley & Sons, Inc.
Fuente: Arquitectura, forma,
espacio y orden, p. 291.
Imagen 4.31.
Trazados regula-
dores - Relacio-
nes armónicas
Análisis de la
Villa en Garches
(Le Corbusier.
Vaucresson,
Francia, 1926)
Autor: Francis D.K. Ching
Licencia: Copyright 1979-1996
John Wiley & Sons, Inc.
Fuente: Arquitectura, forma,
espacio y orden, p. 291.
BLOQUE II.
TIPOGRAFÍA
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE II. TIPOGRAFÍA
TEMA 5. Diseño de tipografía / Diseño y tipografía 73
1. Qué es la tipografía
La tipografía es el arte y la técnica de crear y componer caracteres para comunicar men-
sajes escritos.
Como arte puede no tener una función o utilidad como fin último, más allá de la deseada
por el creador.
Empecemos, para motivar el tema de la tipografía, con un breve audio de un gran diseña-
dor español, Oyer Corazón, hijo de un Gran Diseñador español, Alberto Corazón:
http://www.rtve.es/alacarta/audios/diseno-sensato/diseno-sensato-letras-gustan-me-
nos-28-07-10/839737/
2. Jerga de la tipografía
La jerga es el lenguaje propio de una profesión u oficio. Aprender a nombrar cosas es un
paso para entenderlas. Vamos con la jerga de la tipografía:
Tipo o carácter: Cada uno de los símbolos gráficos que componen un conjunto tipográfi-
co tales como letras, números, signos de puntuación, etc.
Imagen 5.1.
Conjunto
tipográfico
“Roboto”
Autor: Google Inc.
Fuente: http://typographya.
wordpress.com/
- Grosor (peso): Ligera (Light LT), Media (Medium MD), Estándar (Standard ST),
Seminegrita (Semibold SmBd), Negrita (Bold Bd), Negra (Black Bk), Extranegra
(ExtraBlack XBk)...
Ni remotamente todos los conjuntos tipográficos tienen todas las posibles variantes y sus
combinaciones.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE II. TIPOGRAFÍA
TEMA 5. Diseño de tipografía / Diseño y tipografía 75
Imagen 5.3
Tipografía:
Partes de un
carácter
Fuente: http://typographya.
wordpress.com/2011/02/27/
partes-de-un-caracter/
Caja baja o Altura x: Altura de las letras minúsculas (excluyendo las ascendentes y
las descendentes). Se toma como referencia para esta altura el carácter ‘x’, de donde
toma su nombre.
Asta: Rasgo principal de la letra que la define como su forma o parte mas esencial.
Ascendente: Asta que contiene la letra de caja baja y que sobresale por
encima de la altura x, tales como las letras “b, d y k”.
Astas montantes: Son las astas principales o oblicuas de una letra, tales
como la “L, B, V o A”.
Asta transversal: Rasgo horizontal de las letras “A, H, f o t” (no señalada
en el gráfico).
Descendente: Asta de la letra de caja baja que se encuentra por debajo de
la línea de base, como ocurre con la letra “p y g”.
Asta ondulada o espina: Es el rasgo principal de la letra “S” en mayúscula
o “s” en minúscula (no señalada en el gráfico).
Anillo: Es el asta curva cerrada que forman las letras “b, p y o”.
Cola: Asta oblicua colgante que forman algunas letras, tales como la “R o
K”.
Oreja: Es la terminación o terminal que se le añade a algunas letras tales como “g,
o y r”.
Hay dos rasgos que ayudan a crear grandes clasificaciones para los diseño tipográficos. Las
variantes de estos rasgos crean grandes familias:
Existen diseños tipográficos que no se ajustan en absoluto a los anteriores rasgos para
poder ser clasificados. Así, tienen clasificación propia por rasgos comunes los siguientes
diseños genéricos:
Caligráficas:
Son diseños caligráficos que imitan la escritura manual.
Fantasía:
Son diseños caligráficos en los que prima la creatividad del diseñador frente a otras
clasificaciones más convencionales.
Imagen 5.4
Clasificación
de los diseños
tipográficos
Autor: Pablo R. Prieto
Licencia del gráfico: cc-by-
Arial Optima LT Std Demi Curlz MT sa (Excluidos los diseños
Sin serifa Grosor trazo variable Fantasía tipográficos)
Cada una de estas clasificaciones por variación de forma tiene unas implicaciones comu-
nicativas. La forma comunica y la forma de los diseños tipográficos, por lo tanto, también.
Las tipografías, como decíamos, son formas. Si, hablando de formas, lo horizontal
combinado con lo vertical es el paradigma de la estabilidad, nada se subraya más
en un diseño tipográfico con serifa que esas dos direcciones. Los remates horizon-
tales refuerzan la horizontalidad del texto. Los trazos verticales van haciendo de
columnas. Los textos escritos con tipografías con serifa son estáticos, estables.
La segunda razón del serio y clásico carácter de estos diseños tipográficos tiene
que ver con su origen: la antigua Roma. Las letras romanas se escribían con estos
remates. El mejor ejemplo se encuentra en la basa de la Columna de Trajano, del
siglo I d.C. De hecho, es en este diseño en el que se basó Stanley Morison para el
diseño de la “Times New Roman”. Si desgranamos el nombre lo entenderemos: es
BLOQUE II. TIPOGRAFÍA
78 TEMA 5. Diseño de tipografía / Diseño y tipografía
la “nueva letra romana para el periódico The Times”, diseñada en 1931 basando su
diseño en los textos de la Columna de Trajano.
Son las recomendables para textos largos porque las serifas van creando unas guías
que sostienen la mirada en cada línea.
Son recomendables para títulos o para nombrar cosas, como objetos en un plano.
Su claridad y limpio diseño no interfiere con otros elementos que pueda haber en
su entorno.
Los tipos con grosor del trazo constante son más estáticos, más serios, más mini-
malistas, menos intrusivos.
Tipografías caligráficas:
Los diseños de tipos que imitan la escritura a mano tienen muchas variaciones de
significado, porque hay muchas variaciones de escritura caligráfica. Pero, básica-
mente, podemos distinguir dos:
Tipografías de fantasía:
Este es un cajón de sastre para todos los diseños tipográficos que concentran su
intención en el propio diseño o en los que el diseño refleja intenciones que van más
allá de la lectura o la comunicación de un mensaje escrito.
Algunas grandes familias, que se apoyan en los anteriores criterios, son suficientemente
importantes como para que merezca la pena conocerlas:
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE II. TIPOGRAFÍA
TEMA 5. Diseño de tipografía / Diseño y tipografía 79
El veloz murciélago
hindú comía feliz Imagen 5.5
- Con serifa.
- La serifa es de terminación es aguda y de base ancha.
- Los trazos son variables: ascendentes finos y descendientes gruesos.
- La dirección del eje de engrosamiento es oblicua.
- El espaciado de las letras es esencialmente amplio.
- Peso y color intenso en su apariencia general.
El veloz murciélago
hindú comía feliz Imagen 5.6
- Con serifa.
- La serifa es de terminación mucho más aguda que las antiguas.
- Los trazos son variables, al igual que las antiguas, pero las diferencias entre finos
y gruesos son más marcadas sin llegar al contraste que marcan las modernas.
- Las minúsculas son más redondas.
BLOQUE II. TIPOGRAFÍA
80 TEMA 5. Diseño de tipografía / Diseño y tipografía
- La dirección del eje de engrosamiento está más cerca de ser horizontal que
oblicuo.
El veloz murciélago
hindú comía feliz Imagen 5.7
- Con serifa.
- La serifa es lineal.
- La serifa se relaciona angularmente con el bastón de la letra.
- Los trazos son marcadamente variables, mucho más que en el caso de las roma-
nas antiguas.
- La dirección del eje de engrosamiento es horizontal.
- Las cursivas son muy inclinadas, hacen referencia a la escritura caligráfica.
Las romanas modernas también son llamadas Didonas, nombre formado a partir
de Fermín Didot y Giambattista Bodoni, relevantes tipógrafos del Siglo XIX. El
lenguaje de estas tipografías se relaciona fuertemente con la Revolución Industrial.
3.4. Egipcias
El veloz murciélago
hindú comía feliz
cardillo y kiwi. Imagen 5.8
Egipcia
(Rockwell)
Autor: Pablo R. Prieto
Licencia del gráfico: cc-by-
sa (Excluidos los diseños
tipográficos)
- Con serifa.
- La serifa es tan gruesa como los trazos. Esta es la principal característica que las
identifican.
- La serifa puede ser cuadrada (Lubalin Graph, Robotik) o redonda (Cooper Black).
- Las relaciones entre la serifa y bastón pueden ser angulares (Memphis) o curvas
(Clarendon).
- La dirección del eje de engrosamiento es normalmente horizontal.
Los primeros tipos de la familia Egipcia aparecen hacia el año 1820, con la “Cla-
rendon”. La Clarendon y la Egyptienne ofrecen cuerpos medianos para ser usados
como textos de libros.
3.5. Grotescas
El veloz murciélago
hindú comía feliz Imagen 5.9
Grotescas en
Las grotescas forman una familia muy amplia de tipos, dentro de los cuales se
multiplican las variantes: en redonda, cursiva, expandida, condensada, fina, semi-
negra, extranegra... Esta extensa variedad de formas es una de las características
principales de las grotescas actuales.
3.6. Geométricas
El veloz murciélago
hindú comía feliz
cardillo y kiwi. Imagen 5.10
Geométricas
(Futura)
Autor: Pablo R. Prieto
Licencia del gráfico: cc-by-
sa (Excluidos los diseños
tipográficos)
- Sin serifa.
- Diseños basados en formas y estructuras geométricas.
- Normalmente sin variación en el grosor del trazo.
- Emplean deliberadamente las mismas curvas y líneas en tantas letras como sea
posible, la diferencia entre las letras es mínima.
- Las mayúsculas se basan en las antiguas formas griegas y fenicias.
3.7. Humanísticas
El veloz murciélago
hindú comía feliz
cardillo y kiwi. Imagen 5.11
Humanísticas
(Gill Sans)
Autor: Pablo R. Prieto
Licencia del gráfico: cc-by-
sa (Excluidos los diseños
tipográficos)
- Sin serifa.
- Basadas en las proporciones de las romanas de los siglos XV-XVI.
- Grosor de trazo variable.
Edward Johston, calígrafo relevante de la época, crea en 1916 el tipo de palo seco para el
Metro de Londres. Significó un gran paso en lo referente a las características habituales
hasta entonces presentes en estos tipos.
3.8. Caligráficas
El veloz murciélago
hindú comía feliz
cardillo y kiwi. Imagen 5.12
Caligráficas
(Mistral)
Autor: Pablo R. Prieto
Licencia del gráfico: cc-by-
sa (Excluidos los diseños
tipográficos)
3.9. Fantasía
El veloz murciélago
hindú comía feliz
cardillo y kiwi. Imagen 5.13
Fantasía (Curlz)
Autor: Pablo R. Prieto
Licencia del gráfico: cc-by-
sa (Excluidos los diseños
tipográficos)
La ornamentación tipográfica existe desde hace muchos siglos, primero con las
letras capitales adornadas, en los tiempos del Uncial, el Carolingio y el Gótico, más
tarde con las capitales del Renacimiento.
5. Legibilidad
A no ser que la intención sea explícitamente otra, el fin último de un texto es ser leído.
Y, por lo tanto, la legibilidad es una característica deseable. Varios factores influyen en la
legibilidad de un texto:
- El cuerpo (tamaño de la letra): Una letra de tamaño grande es más legible que
otra más pequeña. Para distancias de lectura normal el tamaño ideal oscila entre
cuerpos 10 ó 12. Para un cartel que se observará a 10 metros la altura de la letra
debe ser, al menos de 2,5 cm, mientras que para una valla publicitaria que deba
leerse a 60 metros, la altura de la letra deberá ser al menos de 15 cm.
- La longitud de la linea: En general las líneas cortas son más legibles que las lar-
gas. Aunque una línea excesivamente corta, que no permita un buen acomodo de
las palabras, puede provocar excesivas palabras saltando de línea.
http://oyercorazon.com/2011/09/26/tipografia-y-dislexia/
http://oyercorazon.com/2011/01/03/senalizacion-muro-tipografico-cita/
Imagen 5.14
Muro Tipográfico
Centro
Internacional
de Tecnologías
Avanzadas para
el Medio Rural
en Peñaranda
de Bracamonte
(Salamanca)
Arquitectos: Álvaro Siza y Juan
Miguel Hernández de León
Diseño del muro: Oyer Corazón
Fotografía: Ricardo Santonja
Imagen 5.15
Muro Tipográfico
Centro
Internacional
de Tecnologías
Avanzadas para
el Medio Rural
en Peñaranda
de Bracamonte
(Salamanca)
Arquitectos: Álvaro Siza y Juan
Miguel Hernández de León
Diseño del muro: Oyer Corazón
Fotografía: Ricardo Santonja
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE II. TIPOGRAFÍA
TEMA 6. Tipografía digital. 89
Para “fuente” hay, además de las dos primeras arriba reflejadas, otras nueve acepciones
más. Ninguna de ellas hace referencia a letras, signos, escritura o —ni remotamente— a
la imprenta.
En “tipo” tenemos que esperar hasta las acepciones quinta y sexta para encontrar algo
relacionado con los signos de escritura, pero ahí están.
¿Por qué, entonces, en los sistemas operativos y programas de ordenador en español a los
diseños tipográficos se les llama “fuentes”? Se trata de un caso de un “falso amigo” elevado
a la categoría de desastre oficial. Un “falso amigo” es una palabra en otro idioma que se
parece en escritura o pronunciación a la palabra en el idioma considerado, pero que tiene
un significado distinto. La palabra que se nos ha colado —”fuente”— es un falso amigo de
la palabra inglesa “font” que a su vez deriva de la original francesa “fonte”: pieza fundida,
que a su vez hace referencia a los tipos fundidos en plomo de las primeras imprentas. Y, a
pesar de estar por todos sitios en los ordenadores, es incorrecto referirse a los tipos y a los
conjuntos tipográficos como “fuentes”.
En español las “fuentes” tienen que ver con el agua, lo que tiene que ver con los diseños de
los signo de escritura son los tipos.
Nota del profesor: Lo que viene a continuación es una historia del gran lío que son las
medidas tipográficas y que, aún hoy, heredamos y sufrimos. Que nadie memorice autores,
fechas o medidas. Una buena referencia para este tema es la siguiente entrada de la Wiki-
pedia en inglés: http://en.wikipedia.org/wiki/Point_%28typography%29
Nota del profesor: Como se puede comprobar, la pulgada francesa no mide lo mismo que
la actualmente vigente pulgada imperial británica, que en 1958 se definió como 25,4 mm.
Así, para Pierre Simon Fouriner el joven las medidas tipográficas se basaron en:
La idea de multiplicar por 0,166 era evitar los infinitos decimales de la operación
1/6.
La “pica Johnson” fue definida por la fundición “Mackellar, Smiths and Jordan type
foundry” (MS&J) de la siguiente forma:
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE II. TIPOGRAFÍA
TEMA 6. Tipografía digital. 91
83 picas = 35 centímetros
La razón para hacer referencia a centímetros en vez de a pulgadas era que la pul-
gada del Sistema Imperial Británico y la empleada en Estados Unidos eran ligera-
mente diferentes y ningún país podía legislar sobre las medidas del otro.
PostScript
En 1984 Adobe Systems Incorporated publica el lenguaje de descripción de página
PostScript, que implementa un sistema de descripción de tipos. En este lenguaje el
tamaño de los tipos se define basándose en submultiplos de la pulgada actual (25,4
mm):
1 pica = 1 pulgada/6
Por suerte, porque nadie ponía orden en esto de las medidas tipográficas, para
los sistemas informáticos esta definición de punto tipográfico se convertiría en el
estándar de hecho. Y como hoy en día en la práctica totalidad de las publicacio-
nes, en alguna de sus fases o en todas, intervienen los ordenadores, este estándar
—aunque sea “de hecho” y no “de derecho”— facilita la tarea de la definición de
medidas tipográficas.
En 1998 DIN publicó un boceto de una norma para medidas tipográficas basadas
en el sistema métrico decimal: DIN 16507-2. Esta norma sugería tomar como base
la medida de 0,25 mm. El intento se quedó en la fase de borrador.
Sin embargo sí hay un país en el que las medidas tipográficas usan el sistema mé-
trico decimal: los diseñadores de tipos japoneses emplean la medida Q (“quarter”)
que es, de hecho, Q = 0,25 mm.
Pero el estándar de hecho, al menos en sistemas DTP (del inglés “DeskTop Publis-
hing”, expresión sin traducción técnica o académica al español), o sea, si la maque-
tación se hace por ordenador, es el punto PostScript:
1 pica = 1 pulgada/6
BLOQUE II. TIPOGRAFÍA
92 TEMA 6. Tipografía digital
Comenzamos, por ejemplo, en los primeros años de la década de los ‘80 del siglo pasado:
una empresa, Apple Inc, comercializa unos ordenadores llamados Apple II y Apple III.
Estos ordenadores aún no tienen “Interfaz Gráfica de Usuario (GUI por sus siglas en in-
glés: Graphical User Interface)”10. Tienen una línea de comandos y los tipos (la letras) en
pantalla tienen un tamaño fijo. Son, ya veremos qué significa esto, “tipos bitmap”. También
venden una impresora llamada Image Writter que, a la hora de imprimir, sólo puede im-
primir con la misma resolución que lo que se muestra en la pantalla: aproximadamente 72
ppi para la pantalla y 72 dpi para la impresora11. En estas circunstancias, maquetar e im-
primir un libro o una revista empleando un ordenador es impensable. Por cierto, la World
Wide Web aún no existe, está a una década en el futuro.
También en 1984 Apple Inc pone a la venta el primer ordenador con éxito comercial
que incluye una Interfaz Gráfica de Usuario (GUI): el Apple Macintosh. Juntando ambas
tecnologías se podrían representar en pantalla documentos que, al ser impresos, tuvieran
más resolución que lo visto en la pantalla. La pantalla presentaría una representación
gráfica de lo que se está haciendo, pero a la hora de imprimirlo se podrían aprovechar las
mejores resoluciones (dpi superior a ppi) de las impresoras, si es que las hubiera.
La idea que estaba naciendo era el sistema WYSIWYG: “What You See Is What You Get”
(lo que ves es lo que obtienes). En la pantalla gráfica se muestra una página tal y como será
impresa, pero la calidad de la impresión no depende de la previsualización en pantalla,
puede ser mejor.
Aún faltan dos componentes: El programa que pueda hacer esto y la impresora de mayor
resolución.
En 1985 Apple Inc introduce la impresora Laserwritter, de 300 dpi. La diferencia de reso-
lución entre la pantalla y la impresora provoca que Apple adopte, para el Macintosh, los
tipos de contorno desarrollados por Adobe Systems en 1984: PostScript/Type One.
10. Para que nos entendamos, una GUI es lo que vemos en los sistemas operativos modernos: ventanas,
iconos...
11. Un “píxel” es la unidad más pequeña que se puede representar en una pantalla. Es la primera “p” de “ppi”.
Un “punto” (no confundir con “punto tipográfico” referido a las medidas) es la unidad más pequeña que
puede imprimir una impresora. Es la “d” de “dot” (punto en inglés) de “dpi”.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE II. TIPOGRAFÍA
TEMA 6. Tipografía digital. 93
Y en 1985 una empresa llamada Aldus presenta el primer programa comercial de maque-
tación: PageMaker.
El conjunto “Aldus PageMaker”, los tipos PostScript/Type One adoptados por el sistema ope-
rativo Apple Macintosh y la impresora LaserWritter suponen el nacimiento de la autoedición.
Imagen 6.1
Ordenador
Apple Macintosh
e impresora
LaserWritter
Cuando, en 1992, Microsoft publicó Windows 3.1, licenció el formato de tipos de Apple y
adoptó TrueType como sistema de tipos nativo de Windows.
En octubre de 2001 Microsoft presentó Windows XP. Una de la novedades del sistema
operativo era el soporte para una nueva tecnología de definición de tipos: OpenType. Esta
tecnología fue desarrollada en conjunto por Microsoft y Adobe Systems. Apple, finalmen-
te, ha hecho que las versiones más modernas de Mac OS X sean compatibles con la tecno-
logía OpenType.
Por cierto, para terminar con los “matrimonios” y “divorcios” entre empresas: los sistemas
Macintosh más antiguos y las versiones de Windows anteriores a Windows XP pueden
acceder a la tecnología de tipos OpenType a través del software Adobe Type Manager.
BLOQUE II. TIPOGRAFÍA
94 TEMA 6. Tipografía digital
Imagen 6.2
Una “b” definida
como tipo
bitmap
Imagen 6.3
Una “b” definida
como tipo
vectorial
Empleando distintas tecnologías (veremos que hay varias) son los empleados actualmente
en el mercado de la publicación tanto impresa como digital.
Imagen 6.4
Una “b” definida
como tipo de
contorno
Como se ha dicho, dentro de la forma de definir tipos a partir de su contorno, hay varias
tecnologías que implican diferentes formatos de archivo. Si un sistema operativo no cono-
ce las especificaciones de algún formato de archivo no podrá emplear conjuntos tipográfi-
cos (¡ay! “fuentes”) que usen ese formato.
Aunque las más modernas versiones de los principales sistemas operativos reconocen los
tres formatos que se describen a continuación, hay algunas incompatibilidades. Por poner
un ejemplo: el antiguo formato de PostScript/Type One que empleaba un archivo para
pantalla y otro para impresión no es compatible con ninguna versión de Windows.
Tipos TrueType
- Definición de tipos de contorno introducida por Apple en 1989.
- Emplea “curvas Bezier” de segundo grado para las curvas. Esto las hace incompa-
tibles con la PostScript-Type One (es una imposibilidad matemática la conversión
directa), pero el ordenador necesita menos potencia para representarlas.
- Usa un sólo archivo para la representación de tipos en pantalla y para impresión.
- El entorno de ventanas Windows de Microsoft (Windows todavía no era un sis-
tema operativo, sólo era un “entorno de ventanas”), en su versión 3.1, las adopta
como la definición de tipos nativa en 1992.
Tipos OpenType
- Definición de tipos de contorno desarrollada inicialmente por Microsoft (1994)
y conjuntamente con Adobe a partir de 1996.
- Es un estándar ISO (ISO/IEC 14496-22) desde marzo de 2007.
- Puede emplear cualquier tipo de “curva Bezier” para la definición de los contornos.
- Los tipos OpenType tienen soporte completo en Windows desde las versiones
XP/2000.
- Mac OS X incluye soporte nativo para tipos OpenType desde la versión 10.4.
Las restricciones de la licencia en gran parte de los casos impide la redistribución de los
archivos de tipos. Sin embargo para la correcta reproducción de los tipos en imprenta es
necesaria la inclusión del archivo de tipos.
¿Por qué es necesaria la inclusión de los archivos de todos los conjuntos tipográficos que
se hayan empleado en una maqueta entre la información que se manda a una imprenta?
La inclusión de los archivos de definición de tipos es imprescindible para asegurar una co-
rrecta reproducción de los textos en imprenta. La imprenta puede contar con un conjunto
tipográfico del mismo nombre pero hay:
Estas diferencias entre versiones pueden, por ejemplo, hacer que algunos caracteres no
aparezcan. Un texto impreso con una versión de Times New Roman anterior al año 2000
no podría presentar el símbolo “€” porque no existía. Si se imprimiera con una versión
que no tiene el símbolo del euro, simplemente éste no aparcería (confiemos en que no sea
un periódico económico donde nos pase).
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE II. TIPOGRAFÍA
TEMA 6. Tipografía digital. 99
También puede ocurrir que, sustituyendo inocentemente una Times New Roman descrita
como TrueType por una descrita como Type One no nos demos cuenta de las ligerísimas
diferencias y, por acumulación, el texto acabe saltando de línea o página en sitios que no
eran los esperados.
Otros programas, que dependen del o de los archivos de definición de tipos, pueden em-
paquetar los archivos en el conjunto de archivos y carpetas a entregar a la imprenta. Pero,
al hacerlo, podrían estar violando la licencia de alguna fuente (¡Ay, no! que una fuente es
algo que echa agua. Quise decir “de algún conjunto tipográfico”).
En cualquier caso, a la imprenta SIEMPRE deben llegarle los archivos con los conjuntos
tipográficos. Y no se debe permitir a la imprenta imprimir los trabajos usando sus versio-
nes, deben cargar las versiones que se le entregan con el trabajo a imprimir.
BLOQUE III.
COMUNICACIÓN GRÁFICA
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE III. COMUNICACIÓN GRÁFICA
TEMA 7. Formas de comunicación gráfica 103
Abstraer.
1. tr. Separar por medio de una operación intelectual las cualidades de un obje-
to para considerarlas aisladamente o para considerar el mismo objeto en su pura
esencia o noción.
3. prnl. Enajenarse de los objetos sensibles, no atender a ellos por entregarse a la
consideración de lo que se tiene en el pensamiento.
Figurar.
1. tr. Disponer, delinear y formar la figura de algo.
Entre la abstracción pura —que surgió en los años ‘10 del siglo XX— y el hiperrealismo
—de finales de los años ‘60 del siglo XX— hay toda una gradación con mayor o menor
referencia a la realidad.
Imagen 7.1
Abstracción pura
Obra de Piet
Mondrian
Fuente: http://gracielabello-
art.blogspot.com.es
Licencia: No en dominio
público
BLOQUE III. COMUNICACIÓN GRÁFICA
104 TEMA 7. Formas de comunicación gráfica
Imagen 7.2
Hiperrealismo
“Terraza de Lucio”,
Antonio López
(1962-1990)
Autor de la fotografía de la
pintura: Luis García
Fuente: Wikimedia Commons
Licencia de la fotografía de la
pintura: CC by-sa 3.0
Por el contrario, la figuración hace referencia de forma más o menos estilizada, de forma
más o menos abstraída, a la realidad. Hay un referente más o menos reconocible.
Roy Lichtenstein pintó, en 1973, una serie de cuadros en las que se puede apreciar con
claridad la gradación entre la figuración y la abstracción:
Imagen 7.3
De la figuración
a la abstracción
Imagen 7.4
De la figuración
a la abstracción
Imagen 7.5
De la figuración
a la abstracción
“Bull series.
Bull III”, Roy
Lichtenstein
(1973)
Fuente: Tate Modern
Licencia: © Estate of Roy
Lichtenstein/DACS 2002
Imagen 7.6
De la figuración
a la abstracción
“Bull series.
Bull IV”, Roy
Lichtenstein
(1973)
Fuente: Tate Modern
Licencia: © Estate of Roy
Lichtenstein/DACS 2002
BLOQUE III. COMUNICACIÓN GRÁFICA
106 TEMA 7. Formas de comunicación gráfica
Imagen 7.7
De la figuración
a la abstracción
Imagen 7.8
De la figuración
a la abstracción
“Bull series.
Bull VI”, Roy
Lichtenstein
(1973)
Fuente: Tate Modern
Licencia: © Estate of Roy
Lichtenstein/DACS 2002
Símbolo:
1. m. Representación sensorialmente perceptible de una realidad, en virtud de ras-
gos que se asocian con esta por una convención socialmente aceptada. (RAE)
real. O sea, un pictograma —que es un tipo de símbolo— debería ser directamente reco-
nocible. Pero no todos los símbolos son pictogramas.
Imagen 7.9
Símbolo no
pictográfico
Marca gráfica de
Nike
Licencia: Marca registrada.
Imagen 7.10
Símbolo no
pictográfico
Marca gráfica de
Adidas
Licencia: Marca registrada.
BLOQUE III. COMUNICACIÓN GRÁFICA
108 TEMA 7. Formas de comunicación gráfica
Imagen 7.11
Símbolo
pictográfico
Marca gráfica de
Le Coq Sportif
Licencia: Marca registrada
Imagen 7.12
Símbolo
pictográfico
Marca gráfica de
Kappa
Licencia: Marca registrada
En los siguientes puntos de este tema se repasan las manifestaciones más habituales de la
comunicación gráfica. Cada una de esas manifestaciones es un ejercicio profesional en sí
mismo. Y la mayoría —excepto la señalética— se traducen en asignaturas específicas del
plan de estudios del Grado en Diseño integral y Gestión de la imagen”
Distintos autores se refieren a los posibles elementos que componen la marca gráfica con
distintos nombres. Pero, en conjunto, siempre se habla de tres conceptos:
Logotipo: Como su propio nombre indica, es la parte de la marca gráfica que con-
tiene tipografía. Es muy habitual emplear en lenguaje común, incorrectamente,
este término para referirse a la marca gráfica. En jerga nunca debería usarse de
forma incorrecta.
Como ejemplo, se muestra la marca gráfica de Renault, compuesta por un símbolo no pic-
tográfico y un logotipo. La coordinación, relación de posición y tamaño de los elementos,
es una o varias determinadas, pero no es libre. Habitualmente está definida en el “Manual
de identidad gráfica”.
Imagen 7.13
Marca gráfica
Marca gráfica
de Renault,
compuesta por
un símbolo y un
logotipo en una
coordinación
concreta
Fuente: Wikimedia Commons
Licencia: Marca registrada
BLOQUE III. COMUNICACIÓN GRÁFICA
110 TEMA 7. Formas de comunicación gráfica
Imagen 7.14
Marca gráfica
Explicación de las
connotaciones de
la marca gráfica
de Renault
Fuente: Aldo Tonelli
Licencia: Desconocida (La
fuente empleada no cita fuente
original)
3. Señalética12
La señalética es el campo de la Comunicación Gráfica que estudia y desarrolla los sistemas
de orientación, información, guía e identificación en un espacio acotado.
La información que aporta un sistema de señalética debe facilitar con rapidez, a veces con
inmediatez, la percepción clara del mensaje que se intenta transmitir. Esta información se
ofrece al usuario a través de un conjunto de señales gráficas o tipográficas en un trayecto
o en un lugar determinado.
- Los sistemas señaléticos son creados o adaptados en cada caso particular (a dife-
rencia de la señalización, que emplea un sistema estandarizado y universal).
- Utiliza códigos de lectura reconocibles por los usuarios. Estos códigos no necesa-
riamente son universales, en ciertos casos pueden ser locales.
Para el usuario:
Ahorro de tiempo. Los sistemas de señalética deben facilitar la rápida orientación,
guía e información a los usuarios de un espacio.
3.3.1. Orientadoras
Sitúan al usuario en el entorno del espacio considerado. Por ejemplo: Mapas o
planos de situación.
Seinaletika Geltokietan Señalética en Estaciones
Seinale Motak Tipos de Señales
Eskala
Escala 1:250 Eskala
Escala 1:2.500 Eskala
Escala 1:50.000
Imagen 7.15
Geltokia / Estación Zerbitzu Interesgarriak / Servicios de Interés Zerbitzu Interesgarriak / Servicios de Interés Kale Izenak / Callejero
Señales
Moyua
Zerbitzuan
orientadoras
En servicio
Egitasmoan edo eraikibidean
En proyecto o construcción
3.3.2. Informativas
Informan de horarios, servicios... Suelen ser un listado y necesitar renovación
constante.
Seinaletika Geltokietan
Imagen 7.15
A Bidaigunea / Zona A
Señal
24:00
23:00
05:15
informativa
23:00
22:30
24:00
04:45
04:45
3.3.3. Direccionales
A pesar de su denominación genérica (direccionales), indican dirección y sentido.
Señalan el camino que conduce a un objetivo. Por ejemplo: Flechas o prohibicio-
nes de paso.
X Seinaletika Eraikinetan Señalética en Edificio
Direktorioen Seinaleak Señales de Directorio
Grado en Diseño1/10integral
X y Gestión de la imagen
3/10 X Administrazioko Zuzendaritza Seinaleak, ahal dela NCS 0090-Y70R Preferentemente las se
REPRESENTACIÓN 3/20 X Y COMUNICACIÓN GRÁFICA X gorri kolorekoak izango dira, baina be- color Blanco NCS, aun
3/10 X
Profesor: Pablo R. Prieto
3/20 X
Dirección Administrativa reiztea baino espazio arkitektonikoari admite el Gris NCS 500
ondo joan dakiola garratzitsuagoa de- gro NCS cuando prime
nean NCS 5005 R50B grisa ere onartzen tegración en el espacio
BLOQUE III. COMUNICACIÓN GRÁFICA 8X da. sobre el de identificaci
Bi kasuetan, testuak eta geziak NCS zu- El texto será de color N
TEMA 7. Formas de comunicación gráfica 113eduki
riak izango dira. NCS beltza testu flechas Gris NCS 5005-
eta piktograma jakin batzuk bereizteko 0090-Y70R.
baino ez da erabiliko.
La información textual
Testuen bidezko argibideak bi lerrotan dos líneas: la primera p
idazten dira, lehenean euskaraz eta bi- euskara y la segunda p
garrenean gazteleraz. Rotis Semisans El tipo de letra será la
Administrazioko Zuzendaritza 3/10 X
Bold eta Rotis Semisans Light erabiliko
dira hurrenez hurren. Gainera, testua
Bold y Light respectiva
el texto siempre se just
Dirección Administrativa beti doituko da ezkerretara, seinalearen da dejando un margen
zabaleraren besteko tartea utziz. ra de la señal.
Seinaletika Lokaletan Señalética en Locales
Imagen 7.17
Señales
direccionales
Administrazioko Zuzendaritza
Dirección Administrativa Fuente: Manual de señalética
del Metro de Bilbao
Bezeroaren Arretarako Bulegoa
Oficina de Atención al Cliente
Ordutegia
Zuzendaritza Adminiztrazioaren
Dirección Zuzendaritza
Dirección de
20 Administración
Seinaletika: Eraikinetan
Señalética: Edificios
Bezeroaren Arretarako
Imagen 7.18
Atención al Cliente
Ordutegia
Horario
Señal
Astelehenetik Ostiralera
8:30etik 19:30era
Lunes a Viernes
de 8:30 a 19:30
identificativa
La señal identificativa
está sobre la puerta, la
lateral sobre el horario
es informativa
72 Seinaletika: Seinaletika Lokaletan
Señalética: Señalética en Locales Fuente: Manual de señalética
del Metro de Bilbao
tica en Trenes
1. Señal reguladora preventiva: Alerta del posible peligro.
1 Seinalea: Sorospeneko atea irekitzeko
Señal 1: Apertura Puerta de Socorro
Eskala 1:2
Eskala 1:2
Escala 1:2
Eskala 1:2
Escala 1:2
Escala 1:2
s y Pictogramas
e aquí no se muestran, existen Baliodun bidaitxartelik ez eramateagatik 5.000 ptako isuna jarriko da.
s mensajes verbales referentes a (1990/1121 Erret Dekretuaren 293-11. eta 295-1b artikuluak)
mas de uso del extintor, el freno
rgencia, el intercomunicador,
No portar título válido será sancionado con 5.000 pts. de multa.
(Arts. 293-11º y 295-1b del Real Decreto 1.211/1990)
Eskala 1:2
Escala 1:2
Eskala 1:2
Escala 1:2
Debekatuta sartzea
ibido el paso
421 x 87
6 Seinalea: Zenbait debeku desberdin
Señal 6: Prohibiciones varias
Eskala 1:2
Escala 1:2
Trenetan
en
Imagen 7.20
Señales
reguladoras
restrictivas
Explicación de las
connotaciones de
la marca gráfica
de Renault
Fuente: Diseño de Sistemas de
Señalización y Señalética
Autor: Rafaél Orozco
Aunque aquí no se muestran, existen Baliodun bidaitxartelik ez eramateagatik 5.000 ptako isuna jarriko da.
además mensajes verbales referentes a (1990/1121 Erret Dekretuaren 293-11. eta 295-1b artikuluak)
las normas de uso del extintor, el freno
de emergencia, el intercomunicador,
etc. No portar título válido será sancionado con 5.000 pts. de multa.
Grado en Diseño integral y Gestión de la imagen
(Arts. 293-11º y 295-1b del Real Decreto 1.211/1990)
Eskala 1:2
Escala 1:2
BLOQUE III. COMUNICACIÓN GRÁFICA
TEMA 7. Formas de comunicación gráfica 115
Eskala 1:2
Escala 1:2
60 Seinaletika: Trenetan
Señalética: Tren
Imagen 7.21
Señales
reguladoras
prohibitivas
Fuente: Manual de señalética
del Metro de Bilbao
Imagen 7.22
Señales
ornamentales
Fuente: Diseño de Sistemas de
Señalización y Señalética
Autor: Rafaél Orozco
4. Infografía
La infografía es una rama de la comunicación gráfica. En la infografía confluyen dos gran-
des ramas del conocimiento: Las Ciencias de la Comunicación y el Diseño.
A pesar de la falta de acuerdo sobre el significado del término14, según vuestro profesor se
refiere a la “información gráfica”, esté generado el diseño por ordenador o no.
14. Algunos autores defienden que el prefijo info- proviene del vocablo “informática” [Albornoz, 2007].
Otros que proviene de “información” [Canga, 1994; Gäde, 2002]. Afirma Reinhard Gäde que ya existían
BLOQUE III. COMUNICACIÓN GRÁFICA
116 TEMA 7. Formas de comunicación gráfica
Nota del profesor: Uno de los mejores infógrafos de España, que actualmente trabaja en
el Boston Globe, es Chiqui Esteban. Merece la pena visitar su web (http://chiquiesteban.
com/) y su blog (http://infografistas.blogspot.com.es/). Aunque desde que trabaja en el
Boston Globe (noviembre de 2012) tiene el blog un poco abandonado.
5. Diseño editorial
El diseño editorial es, al igual que la infografía, una rama de la comunicación gráfica en
la que confluyen dos grandes ramas del conocimiento: Las Ciencias de la Comunicación
y el Diseño.
gráficos informativos —infografías— antes de la invención de los ordenadores, aunque sean los generados
por ordenador los que hayan facilitado la generalización de los mismos [ibid].
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE III. COMUNICACIÓN GRÁFICA
TEMA 7. Formas de comunicación gráfica 117
6. Diseño publicitario
El diseño publicitario, de nuevo, es una rama de la comunicación gráfica en la que conflu-
yen dos grandes ramas del conocimiento: la Publicidad y el Diseño.
7.1. El briefing
El briefing, como hemos dicho, es un documento elaborado por el cliente en la primera
etapa de definición del proyecto de diseño. Es un documento escrito en el que se definen
los objetivos, expectativas y alcance del proyecto.
BLOQUE III. COMUNICACIÓN GRÁFICA
118 TEMA 7. Formas de comunicación gráfica
El briefing debe ser un documento breve, claro y conciso y debe evitar dar soluciones de
diseño. Es un documento de trabajo, debe ser práctico.
- Información del producto o servicio: Una ficha completa que abarca desde la
fecha de nacimiento hasta las unidades vendidas pasando por la evolución de sus
características. Fecha de lanzamiento, crecimiento, historia, planes de evolución,
etc... Tamaño, nombre, misión, visión y todos aquellos datos de interés para que
el diseñador pueda, sin verlo, hacerse una idea lo más real posible de su aspecto o
función. Debe aportarse una visión objetiva de sus características.
- Características subjetivas: Para qué se utiliza, para qué sirve y para qué podría
utilizar el producto o servicio el consumidor o usuario. Aporta información sobre
los aspectos no visibles que, a su juicio, tiene el producto o servicio. Se trata de
explicar aquí la función psicológica del producto o servicio. Es importante que se
destaquen tanto los puntos fuerte (ventajas) como los débiles (desventajas).
- Análisis de la competencia.
7.2. El Contrabriefing
El contrabriefing es un documento elaborado por el diseñador. Es un documento elabo-
rado a partir del briefing. Puede solocitar información que considera ausente, corregir
estratégias que considere erróneas y avanzar soluciones de diseño que respondan a la in-
formación aportada.
15. Los textos descriptivos de información de la empresa, del producto o servicio y características subjetivas
están tomados de la “Guía de Gestión del Diseño del Producto Industrial Impreso” elaborada por Cluster
Industria Gráfica Valenciana.
Grado en Diseño integral y Gestión de la imagen
REPRESENTACIÓN Y COMUNICACIÓN GRÁFICA
Profesor: Pablo R. Prieto
BLOQUE III. COMUNICACIÓN GRÁFICA
TEMA 7. Formas de comunicación gráfica 119
El objetivo del documento es asegurar a los actores que están trabajando en la misma
dirección.