LC1
LENGUAJE
COMPUTACIONAL
DAMARIS SEPULVEDA T.

LC1 CLASES
INDICE TAREAS
LENGUAJE
INVESTIGACION
COMPUTACIONAL
Indice 1-2
Introducción Del diseño Gráfico y
La Tipografía 3-8
Diagramacion
de un medio de 9-11
portadas de periodicos
comunicacion color e impresion 12-14
visual
Modos de modelo RGB 15-17
modelo CMYK
Color I 18-19
La edición procesos en
editorial 20-22
Formatos
imagenes bitmap, mapa rasterizado 23-25
imagen Vectorial 26-27
digitales

Modos de
Bitmap
28-35
Escala de Grises Color II
Indexado
Lab
Duotono
Multicanal
Registro
Bitácora
36-38
Digital
Imagen
Glosario
39-41
Tipos de formato Digital
de imagen
Desarrollo
investigación y desarrollo
42-44
Tipo
true type & postcript
45-50
Digital
Diseño
51-53 Diseño
Digital
Wired
54-56 Revista Wired
AI
Arquitectura de la
57-60
Información
El Contenido
Diagramación
61-62
Información
La Aldea
McLuhan
63-65
Global
Aldea Global

INTRODUCCIÓN
D
DEL
DISEÑO
GRAFICO
Y LA
TIPOGRAFÍA

DEL
de Johannes
Gutenberg, la evo-
D
lución de la industria del li-
DISEÑO bro, los afiches parisinos, el
Movimiento de Artes y Ofi-
GRAFICO cios (Arts and Crafts), Wil-
Bau-
liam Morris, la
Y LA
haus,
TIPOGRAFÍA etc.
LAHISTORIA
DE LA
INFLUENCIA
La introducción de los
tipos móviles por
C.)es para algunos un muy
Al revisar la historia de la
hermoso y temprano ejemplo
humanidad se puede reparar
de diseño gráfico. Para otros,
que el diseño, como grafía, se
se trata de una manifestación
encuentra en la esencia del
gráfica, de alto valor artístico.
hombre desde que el hombre
La historia de la tipografía (y
toma conciencia de si mismo,
por carácter transitivo, tam-
como ejemplo de esto son las
bién la historia del libro) está
pinturas rupestres,que nacen
muy vinculada a la del dis-
por la necesidad de
eño gráfico, probablemente
comunicacion visual porque prácticamente no ex-
del hombre, y de plasmarla isten diseños gráficos que no
en el tiempo. Esto más tarde incluyan este tipo de elemen-
luego de muchos evoluciones tos gráficos.
deriva en el desarrollo del
alfabeto actual. De ahí que cuando se habla de
El libro de Kells (una Bi- la historia del diseño gráfico,
fragmento del libro de Kells
blia manuscrita profusamente también se cita la tipografía de
ilustrada, realizada por monjes la columna trajana, las minia-
irlandeses del siglo IX d. de turas medievales, la imprenta
.4

Johannes Gutenberg hizo los
libros más baratos de producir,
aumentando su difusión. Los
primeros libros impresos (in-
cunables) marcaron el modelo
a seguir hasta el siglo XX. El
diseño gráfico de esta época se
conoce como Estilo Antiguo
(especialmente la tipografía
que estos primeros tipógrafos
Humanista,
usaron) o
como la escuela filosófica pre-
dominante de la época.
TOULOUSE
LAUTREC
En el siglo XIX en las calles se
presentaron los carteles como
expresión de la vida social,
económica y cultural. Aqui es
Toulouse
donde se presenta la influencia
de Toulouse-Lautrec Lautrec
Divan
(1864-1901), influyó notable-
Japonais
mente en la elaboración del
1893
cartel moderno (poster). En-
carteles
relación del
tendía que los ma de impresión (Hollerbaum
eran un medio de comuni- und Schmidt) rompió una
diseño con
cación con otras personas, que nueva barrera: sus carteles re-
la era
se dirigía a cierta audiencia. stringieron la imagen al obje-
Descubrió la importancia de to que se estaba anunciando,
industrial
trasladar su trabajo a la im- y las pa-labras a la marca del
prenta, y a provechó la lito- fabricante. Este estilo se con-
grafía a gran escala. oce como cartel - objeto
En Berlín, un grupo de dise- Pero mi interes en este caso
(Sachplakat).
ñadores asociado con una fir- es detenerme en el desarrollo
.5

La emblemáti- nuevas exigencias y a las nue-
ca tipografía vas oportunidades que el siglo
diseñada en los XIX trajo consigo. La violen-
propios talleres cia con la que la tipografía
de la Bauhaus. moderna irrumpe en escena a
1923 comienzos del siglo XX refleja
la agresividad con la que los
nuevos conceptos sobre arte y
diseño, en cada campo, bar-
rieron convenciones agotadas
y atacaron actitudes que no
tenían relevancia en una so-
ciedad altamente industrial-
izada.”
BAUHAUS
SCHULE
La Bauhaus, la famosa
escuela de artes y artesanías,
entraría en juego el diseño. Se
del diseño gráfico tal como lo establecida en Weimar (Ale-
trataría de crear formas con-
conocemos hoy, el diseño que mania), en 1919. La Bauhaus
jugando estética y funciona-
se desarrolló gracias a todos estuvo justamente en el plano
lismo, y seleccionar entre ellas
los cambios sucedidos por la
de la comunicación
la más adecuada al fin pro-
revolucion industrial.
puesto.” (1) gráfica, en la conformación
José Ignacio Armentia apunta
Herbert Spencer en su li- de su especialidad como un
esta relación entre el diseño
bro Pioneros de la Tipografá área moderna de incumben-
y la era industrial: “La idea moderna,(1995) “El nuevo cia, no equiparable a las an-
de un producto concretada vocabulario de la tipografía y tiguas artes gráficas. Allí in-
teóricamente después de estu- del diseño gráfico se fraguó en tervinieron, aportes técnicos y
dios previos de necesidades de menos de veinte años (...) Por conceptuales de la psicología, la
mercado y de sistemas y costes supuesto, la tipografía moder- publicidad y la propaganda de
de producción, a fin de val- na no fue fruto de la repentina masas, generando un espacio
orar la funcionalidad y rent-
nuevo de articulación y
invención de un hombre, ni si-
abilidad, exige una proyección quiera de un grupo. de expresión, donde la proyec-
gráfica que posibilite su mate- Nació como una respuesta a las tación se abría no solamente
rialización. Sería aquí donde
6.

Holland post-
er by Dick Elfers.
a la innovación tipográfica y poster del festival
formal sino a la inclusión de la Holland por Dick
fotografía y otras composicio- Elfers.
nes plásticas. La utopía del or-
den y el ideal de la ilustración
de lograr la democratización
del acceso al conocimiento
y a la distinción de los sa-
beres, se plasmaban aquí en
un primer paso fundamental:
legibilidad.
la
EVOLUCIÓN
DE LA
COMUNICACIÓN
IMPRESA
En los años 60, La revolución
electrónica ofreció la posi-
bilidad de utilizar imágenes
almacenadas desde períodos
anteriores y de transformar al diseñador el control sobre a solucionar problemas de
sus contenidos en algo los medios gráficos de produc- comunicación y acabó siendo
contemporáneo, reconocido por los consumi-
ción y reproducción. Pero los
dores como sinónimo de moda
a través de la manipulación cambios de estilo estuvieron
provocados, más allá de los y buen gusto. La teoría “el
digital.
La evolución de la comu- avances de la tecnología y de medio es el mensaje”
nicación impresa se debió los medios de comunicación, El desarrollo de la tecnología
entonces, principalmente, por las mudanzas en el com- gráfica propició el control casi
a los avances de las nuevas portamiento de la sociedad. absoluto del diseñador sobre la
técnicas y de la tecnología producción
informática, que entregaron El diseño gráfico fue llamado
.7

13.07
Desde los 60 hasta el auge de
los 80, la informática permitió
CLASE 3
progresivamente que la cre-
ación, la organización y el al-
LENGUAJE
macenamiento de los elemen-
COMPUTACIONAL
tos gráficos se concentrasen
en el ámbito controlado por el
diseñador.
WORLD
WIDE Mapa 3D de la
WEB World Wide Web
Durante el siglo veinte, los me- con enlaces de hipertexto o tos de presentación visual. En
dios de comunicación adop- hipermedia que posibilitan la verdad, la WWW es un nue-
taron nuevas formas y cada navegación virtual por las in- vo y complejo campo para el
nueva técnica desarrollada formaciones disponibles en diseño gráfico. Su particular
aportó al diseñador un control Internet. arquitectura y las múltiples
proceso
mayor sobre el posibilidades de añadir imá-
gráfico. Es innegable, pues, genes móviles en animación o
H T M L
que en los años 90 las nuevas en vídeo, fotos, gráficos y tex-
tos en un ambiente inter-
formas de comunicación de
Hasta 1993, la tarea de crear
la era digital, como es el caso
activo, exigen un estudio
una página Web estuvo reser-
del sistema de distribución de
de diseño gráfico mucho más
vada a los técnicos en infor-
información World Wide Web
profundo, porque al revés que
mática que sabían manejar las
de Internet, están presentando
el grafismo impreso, aún no
etiquetas y códigos HTML
nuevos desafíos al diseñador y
ha habido tiempo para establ-
(Hypertext Markup Language
por ende al futuro del di-seño
ecer patrones estables para la
/ Lenguaje de Marcas de Hip-
gráfico.
reciente interfaz gráfica de la
ertexto), necesarios para la
Las páginas web son en reali-
Red.
composición de los elemen-
dad documentos electrónicos
8.

APUNTES
P
CLASE 1
PORTADAS
DE
PERIÓDICOS

29.06 primero un tipo era de Gutember y despues
caja de madera donde se calsaban la letras.
CLASE 1
LENGUAJE
COMPUTACIONAL
portadas de
periodicos
“La libertad de un diseña-
dor comienza cuando te-
nemos claros los límites” J.B.
y el diseño que el diario tendra. Para entender el proceso
productivo de la priori imprenta permite enteder el diseño
¿ Cómo hacemos para lle-
actual, gutember por ejemplo las letras actuales tienen
var las noticias a un medio
directa relacion con la madera. En la priori imprenta las le-
impreso?
tras eran puestas en un encuadre de madera, algo asi como
En este caso es conocer a
una caja. Al ver la diagramacion de una pagina se puede ver
que publico esta dirigido
la geometria que ya habia sido pensada con la invención de
el diario, eso definirá que
imprenta.
temas queremos abordar la
tarea la geometria 1
Reconocer de
un diario, cual es su
diagramación ,
es un analisis gráfico.
En este ejemplo se muestra el
analisis de grafias, en busca
de una escala de grises.
10 .

Quad City Times Iowa,
EEUU. diario elegido para
el estudio gráfico.
“Los procesos productivos van condicionando al diseño”J.B.
logotipo:
portada Entra en
La viene a una geometria, hay que entender
juego el logo del diario, que
que el diseño de la portada de un diario no es mas impor-
tante que el contenido. Enseñar a la gente a usar la tipo- identifica el caracter del dia-
rio, puede apoyarse en imá-
grafia. Es uno como diseñor el que propone el juego genes tambien.
al lector, al tener una estructura constante del diseño de
nuestro diario, se crea una imagen indentitiva del diario.
El lector sabe que ese diseño representa a ese diario y no a
otro.
legibilidad en el diseño
La consideración clave al elegir un tipo de texto
en la diagramación de un diario es su legibilidad.
Por legibilidad entendemos la facilidad con
la que las palabras pueden leerse cómodamente,
a una velocidad normal de lectura.
Ejemplos de comparaciones de tipo de letras y
texto en funcion de la legibilidad:
.con serif- sin serif . caja alta - caja baja
.tamaño del tipo
Christofer Perfect, Tipografía
. 11

APUNTES
C
CLASE 2
COLOR
E
IMPRESIÓN

05.07 Modelo
RGB
CLASE 2
LENGUAJE
COMPUTACIONAL
color e
impresión
“El diseño es ductil a la infor-
macion”
cuatricromia
es una este modelo de color es el
Modelo aditivo RGB
que se usa para todo lo que es impresión. Tratar de calibrar
Rojo,verde, azul
el color de la pantalla al perfil de color de la impresora es
tiende hacia la luz plena, es
algo muy complicado ya que estos dos trabajan con dos
el color usado para las pan-
modelos de colores diferentes.
tallas como dice su nombre,
Tono continuo imagen digitalizada, un original de tono
los colores se dan por la su-
continuo está formado por un número de variable de tonos
ma de estos tres colores.
intermedios entre blanco y negro ya sean imágenes mono-
Modelo sustractivo CMYK
cromáticas opolicromáticas.
cian, magenta, amarillo más
ki( seria el negro)
tarea 2
Luego de la primera tarea,
donde se hizo un
analisis gráfico
de la portada de un diario,
con ese mismo analisis se hace
una reproducción de la por-
tada.
13.

Modelo
CMYK
geométrica hexagonal),llamado ángulo de trama, donde
Tramas de semitono
cada color básico de selección (CMYK), posee un ángulo
Tinta negra escala de grises
particular,que permite,al entrecruzarse todas las retículas,
1 a 100. Postcrpit adobe
la formación de la roseta. Su función es, por ilusión óptica
pérmite hacer traducciones
fundir tales puntos en la retina del ojo para que se pueda
de imagenes y tipografias.
tramas: apreciar “tonos” y no “puntos”.
como se cier-
Tinta plana Tp
ran y abren los cuatro tonos
Es una tinta sin puntos la tinta es traslucida y acuosa, la
dispuestos en puntos, esto
sumatoria de colores, por eso muchas ocurre un efecto lla-
se llama punto de roseta
mado trapping que es cuando dos tintas se juntan ima-
ya que la disposición de
genes que se imprimen. relaciondas con su soporte, ppi.
puntos describe una figura
efecto moiré o más patrones de dibujos repetitivos
La superposición de dos
(las tramas de semitono lo son) suelen producir la aparición de
un nuevo patrón repetitivo no deseado. A este molesto y muy
evidente patrón se le llama con el galicismo aceptado de muaré
(en francés moirè).
En impresión, el muaré se evita ante todo con la variación de
ángulos de trama y con la superposición acertada de esas tra-
mas para que formen un pequeño motivo llamado roseta y me-
diante el uso de tramas estocásticas.
.14

TAREAS
M
MODELOS
DE
COLOR
CMYK-RGB

M
MODELOS
DE
COLOR
CMYK
cian
magenta
amarillo
negro(ki)
Modo de color CMYK
El modelo CMYK se basa
en la cualidad de absorber y
rechazar luz de los objetos.
Si un objeto es rojo esto sig-
nifica que el mismo absorbe
todas las componentes de la
luz exceptuando la compo-
nente roja.
Los colores sustracti-
vos ( CMY) y los aditivos
( RGB) son colores com-
plementarios. Cada par de
colores sustractivos crea un
color aditivo y viceversa.
16 .

En el modo CMYK de
Photoshop, a cada píxel se
le asigna un valor de por-
centaje para las tintas de
cuatricromía. Los colo-
res más claros ( iluminados)
tienen un porcentaje peque-
ño de tinta, mientras que
los más oscuros ( sombras)
tienen porcentajes mayores.
Por ejemplo, un rojo brillan-
te podría tener 2% de cyan,
93% de magenta, 90% de
amarillo y 0% de negro.
En las imágenes CMYK,
el blanco puro se genera
si los cuatro componentes
tienen valores del 0%.
Se utiliza el modo CMYK
en la preparación de imá-
genes que se van a imprimir
en cualquier sistema de im-
presión de tintas. Aunque
CMYK es un modelo de
color estándar, puede variar
el rango exacto de los colo-
res representados, depen-
diendo de la imprenta y las
condiciones de impresión.
. 17

MODELO La descripción RGB (del inglés Red, Green, Blue; “rojo,
RGB
verde, azul”) de un color hace referencia a la composición del
color en términos de la intensidad de los colores primarios
rojo, verde azul.
con que se forma: el el y el
rojoverde Este espacio es el adecuado para representar imágenes que
azul serán mostradas en monitores de computadora o que serán
impresas en impre-soras de papel fotográfico.
18 .

El color es la sensación pro-
ducida por los rayos lumino-
sos al impresionar los órganos
visuales (ojos) en función de
la longitud de onda.
Las imágenes RGB utili-
zan tres colores para repro-
ducir en pantalla hasta 16,7
millones de colores. RGB
es el modo por defecto para
las imágenes de Photoshop.
RGB
MONITOR
R monitores de or-
GB
Los
denador muestran siem-
pre los colores con el modelo
RGB. Esto significa que al
trabajar con modos de color
diferentes, como CMYK,
Photoshop convierte tem-
poralmente los datos a RGB
El modo RGB asigna un valor de intensidad a cada píxel
para su visualización.
que oscile entre 0 ( negro) y 255 ( blanco) para cada uno
Para indicar con qué pro- de los componentes RGB de una imagen en color. Por
porción mezclamos cada ejemplo, un color rojo brillante podría tener un valor R
color, se asigna un valor de 246, un valor G de 20 y un valor B de 50. El rojo más
a cada uno de los colores brillante que se puede conseguir es el R: 255, G: 0, B: 0.
primarios, de manera, por Cuando los valores de los tres componentes son idénticos,
ejemplo, el valor 0 signifi- se obtiene un matiz de gris. Si el valor de todos los com-
ca que no interviene en la ponentes es de 255, el resultado será blanco puro y será
mezcla, y a medida que ese negro puro si todos los componentes tienen un valor 0.
valor aumenta, se entiende Este espacio de color tiene su representación en el selector
que aporta más intensidad a de color de Photoshop.
la mezcla.
. 19

A
APUNTES
CLASE 3
PROCESOS
DE
EDITORIAL

13.07
CLASE 3
LENGUAJE
COMPUTACIONAL
procesos en
editorial una carpeta para las imagenes, y también para las fuentes.
El problema típico del diseñador es usar tipografías y no
Indesign
respaldo,
tener un tener el archivo de la fuente guar-
Para tener una imagen en
dado en un carpeta y al llevar el archivo a la imprenta se
un documento .idd hay que
vínculo encuentra con que la tipografia no es reconocida por el
crear un entre
sistema. Esto mismo suele ocurrir con las imagenes si uno
esta imagen y el archivo de la
no tiene una carpeta, estas al ser abiertas en otro computa-
imagen, no es llegar y copiar.
dor se pueden perder.
Tener la costumbre de hacer
Todo este procedimiento servirá para poder realizar la
una carpeta nueva para la
continua,
próxima tarea. Esta es una tarea un tra
tarea, y dentro de ella crear
tarea 3
Realización de una bita-
cora,, algo asi como un
registro
cuaderno de
digital de todas las clases.
Esta bitacora se basa en un
geometría de pagina ba-
sada en 1/3 de la pagina.
21 .

13.07
CLASE 3
LENGUAJE
COMPUTACIONAL
imagen vectorial
nizada la informacion que se Ctrl + X cortar
bajo alimentado periodi-
Crtl + V pegar
tiene.
camente en el tiempo. Es
tips and
bitácora V herramienta de selec-
una digital ción
tricks
se indentifican las clases ab- A Herramienta de selección
stract. se trata de tal cosa directa.
dibujos textos, etc. ubicar en Ctrl + D place T texto
algun lugar las cosas que se Ctrl + T ventana de caracter N herramienta linea
descubren. En un PDF y un Ctrl + N nuevo documento F herramienta marco
.idd a la mano se trae orga- Ctrl + C copiar rectangular
imagen vectorial
Para evitar los defectos y pérdidas de imagen que se producen en la imágenes tipo bitmap,
las imágenes compuestas por líneas, figuras planas y textos se pueden guardar como imágenes
vectoriales donde los elementos gráficos se forman utilizando vectores. La principal ventaja de
las imágenes vectoriales es su capacidad de almacenar los dibujos en un archivo muy compacto,
ya que sólo se requiere la información necesaria para generar cada uno de los vectores. Los
vectores pueden definir algunas propiedades de los objetos como el grosor de la línea o in-
cluso el color de relleno de los objetos.
. 22

INVESTIGACION
ID
DE LOS
FORMATOS
IMAGENES
DIGITALES

IMAGEN
VECTORIAL
(Gráficos de vector, gráficos
orientado a objetos (object-
oriented graphics), SVG)
Se refiere al uso de fórmu-
las geométricas para repre-
sentar imágenes por software
y hardware. Esto significa
que los gráficos vectoriales
son creados con primiti-
vas geométricas como
puntos, líneas, curvas
o polígonos.
Las imágenes vectoriales
son más flexibles que las
de mapa de bits porque pu-
eden ser redimensionadas y
extendidas sin perder cali-
dad. Incluso la animación
por gráficos vectoriales suele
ser más sencilla y ocupar
menos espacio que las de
gráficos de mapa de bits.
Otra ventaja de los
gráficos vectoriales es que su
representación suele requerir
menos memoria y menos es-
pacio de almacenamiento.
La mayoría de los siste-
24 .

Los gráficos vectoriales
almacenan la información en
fórmulas matemáticas.
mas gráficos sofisticados
gráficos
(CADD y software de ani- En tanto, aquellas imágenes
mación) utilizan gráficos que contienen texto (por
vectoriales.
por vector. Las fuentes son ejemplo un texto escaneado),
representadas como vectores pueden convertirse a gráfi-
llamadas fuentes orientadas cos vectoriales y así hacer el
fuentes Ha de destacarse que las texto editable. Estos siste-
a objetos o de fotografías no pueden al- mas son llamados OCR.
vectores. macenarse vectorialmente,
La mayoría de los dis- El flash, las fuentes, los gráf-
pero sí existen programas
positivos de salida (im- icos en 3D, etc. utilizan grá-
trazadores de imágenes que ficos vectoriales.
presoras, monitores, demás) intentan llevar las imágenes Algunos de los formatos
están basados en imágenes
de mapa de bits hacia grá- gráficos que aceptan vec-
por puntos, esto
ficos vectoriales. El re- tores son AI (de Illustra-
significa que todos los grá-
tor), CDR (de Corel Draw),
ficos vectoriales deben ser sultado es una imagen tipo
DXF (formato de intercam-
convertidos a un mapa de dibujo animado.
bio de AutoCad)
bits antes de su salida.
. 25

B I T MIA P
GRÁF CO
RASTERIZADO
El gráfico Rasterizado es
también llamado mapa de
bits o bitmap. Un gráfico
o imagen rasterizada es un
fichero de datos que repre-
senta una matriz de píxeles
(puntos de colores) denomi-
nada raster. En esta matriz
el color de cada píxel es
definido individualmente.
Los gráficos rasterizados al
ser ampliados comienzan a
pixelarse, o sea, se agran-
dan los elementos constitu-
yentes del gráfico, y pierden
calidad. En cambio los grá-
ficos vectoriales pueden am-
pliarse sin límites.
26 .

Los gráficos rasterizados
son útiles para imágenes
fotográficas, las cuales no
pueden ser representadas
por vectores.
La calidad de las imágenes
rasterizadas es determinada
por el total de píxeles que
poseen (resolución) y
la cantidad de información
en cada píxel (generalmente
llamada profundidad de col-
or).
Los gráficos rasterizados
(mapa bit) necesitan ser
comprimidos porque
suelen necesitar muchos
datos para poder almacenar
imágenes de alta calidad.
Algunas técnicas de com-
presión, para lograr un
tamaño menor, sacrifican
información de la imagen
para lograr su objetivo. Esto
hace que la imagen pierda
calidad y que esta no pueda
ser recuperada.
Un método para representar
imágenes gráficas es a través
de mapa de bits o gráfico ras-
terizado, en donde la ima-
gen está compuesta por una
error en mapa bit
matriz de puntos (píxeles).
. 27

INVESTIGACION
M
DE LOS
MODOS
DE
COLOR

M
MODOS
DE
COLOR
El modo de color expresa la
cantidad máxima de datos
de color que se pueden al-
macenar en un determinado
formato de archivo gráfico.
Podemos considerar el
modo de color como el con-
tenedor en que colocamos
la información sobre cada
píxel de una imagen. Así,
podemos guardar una can-
tidad pequeña de datos de
color en un contenedor muy
grande, pero no podremos
almacenar una gran canti-
dad de datos de color en un
contenedor muy pequeño.
Los principales modos de
color utilizados en aplica-
ciones gráficas son desarro-
llados en las páginas siguien-
tes.
29 .

MODOS
Los modos de color,
son la cantidad máxima
D E
de colores de la paleta de
un mapa de bits.
COLOR
Modo Bit Map o
monocromático
Correspondiente a una
profundidad de color de
1 bit, ofrece una imagen
monocromática formada ex-
clusivamente por los colores
blanco y negro puros, sin
tonos intermedios en-
tre ellos.
Para convertir una ima-
gen a modo monocromático
hay que pasarla antes a modo
escala de grises.
En este modo no es posible
trabajar con capas ni filtros.
. 30

Modo Escala de
Grises
Este modo maneja un solo
canal (el negro) para trabajar
con imágenes mono-
cromáticas de 256 tonos
de gris, entre el blanco y el
negro.
El tono de gris de cada
píxel se puede obtener
bien asignándole un valor de
brillo que va de 0 (negro) a
255 (blanco), bien como por-
centajes de tinta negra (0%
es igual a blanco y 100% es
igual a negro). Las imágenes
producidas con escáneres en
blanco y negro o en escala de
grises se visualizan normal-
mente en el modo escala de
grises.
El modo Escala de Grises
admite cualquier formato
de grabación, y salvo las
funciones de aplicación de Si se convierte una imagen modo de color a un modo
color, todas las herramien- Escala de Grises y después se guarda y se cierra, sus
tas de los programas grá- valores de luminosidad permanecerán intactos, pero la
ficos funcionan de la misma información de color no podrá recuperarse.
manera a como lo hacen con
otras imágenes de color.
31 .

Modo Color
Indexado
Denominado así porque
tiene un solo canal de color
(indexado) de 8 bits, por lo
que sólo se puede obtener
con él un máximo de 256
colores.
En este modo, la gama
de colores de la imagen se
adecua a una paleta con un
número restringido de el-
los, por lo que puede re-
sultar útil para trabajar con
algunos formatos que sólo
admiten la paleta de colores
del sistema.
También resulta útil reducir
una imágenes a color 8 bits
para su utilización en apli-
caciones multimedia, ya que
con ello se consiguen fiche-
ros de menos peso.
Su principal inconvenien-
te es que la mayoría de las
imágenes del mundo real
se componen de más de 256
colores. Además, aunque
admite efectos artísticos de
color, muchas de las herra-
mientas de los principales
programas gráficos no están
operativas con una paleta de
colores tan limitada.
. 32

Modo Color la luminosidad de una ima-
Lab gen sin alterar los valores de
saturación
tono y
del color, siendo adecuado
Consiste en tres canales, para transferir imágenes de
cada uno de los cuales con- unos sistemas a otros, pues
tiene hasta 256 tonalidades los valores cromáticos se
diferentes: un canal L de mantienen independientes
Luminosidad y dos canales del dispositivo de salida de
cromáticos, A (que oscila la imagen.
entre verde y rojo) y B (que
oscila entre azul y amarillo).
Color Lab
El componente de lumi-
nosidad L va de 0 (negro)
Mayor
a 100 (blanco). Los compo-
nentes A (eje rojo-verde) y
luminosidad
B (eje azul-amarillo) van de
+120 a -120.
Se usa sobre todo para tra-
El modelo de color Lab se bajar en imágenes Photo
basa en el modelo propuesto CD o para modificar la lu-
en 1931 por la CIE (Com- minancia y los valores del
mission Internationale color de una imagen inde-
d’Eclairage) como estándar pendientemente. También
internacional para medir el se puede usar el modo Lab
color. En 1976, este modelo para conservar la fidelidad
se perfeccionó y se denominó del color al trasladar archi-
CIE Lab. vos entre sistemas y para
El color Lab es indepen- imprimir en impresoras de
diente del dispositivo, PostScript de Nivel 2.
creando colores coherentes Sólo las impresoras Post-
con independencia de los Script de nivel 2 puede re-
dispositivos concretos para producir esta imágenes. Para
crear o reproducir la imagen impresiones normales, se re-
(monitores, impresoras, etc.). comienda pasar las imágenes
Este modo permite cambiar a RGB o a CMYK.
33.

Modo Color
Duotono
Modo de color que trabaja
con imágenes en escala de
grises, a las que se le pueden
añadir tintas planas (3 para
cada imagen, más el negro),
con el fin de colorear dis-
tintas gamas de grises.
canal
Sólo posee un
de color (Duotono, Tritono
o Cuatritono, dependiendo
del número de tintas).
Con este método podem-
os obtener fotos en blanco y
negro viradas al color que
queramos. Suele ser em-
pleado en impresión, donde
se usan dos o más planchas
para añadir riqueza y pro-
fundidad tonal a una imagen
de escala de grises.
El problema que presen-
ta este modo es que en los
duotonos, tritonos y cuadri-
tonos sólo hay un canal, por
lo que no es posible tratar
cada tinta de forma distinta
según las zonas de la ima-
gen. Es decir, no podemos
hacer una zona en la que solo
haya, por ejemplo, un parche
cuadrado de tinta roja, mien-
tras que en el resto sólo hay
una imagen de semitono en
blanco y negro.
.34

Modo Color
Multicanal
Posee múltiples cana-
les de 256 niveles de grises,
descomponiendo la imagen
en tantos canales alfa como
canales de color tuviera el
original (una imagen RGB
quedará descompuesta en 3
canales y una CMYK en 4
canales).
En este modo, cada tinta
es un canal que a la hora de
imprimir se superpon-
drá en el orden que deter-
minemos sobre los otros.
Por ello, es posible tratar
cada zona de forma particu-
larizada.
Se utiliza en determinadas
situaciones de impresión en
escala de grises. También,
para ensamblar cana-
les individuales de diversas
en color a multicanal, la nueva información de escala
imágenes antes de convertir
de grises se basa en los valores de color de los píxeles
la nueva imagen a un modo
de cada canal. Si la imagen estaba en modo CMYK, el
de color, pues los canales de
modo multicanal crea canales de tinta plana cian, ma-
color de tinta plana se con-
genta, amarilla y negra. Si estaba en modo RGB, se crean
servan si se convierte una
canales de tinta plana cian, magenta y amarilla.
imagen a modo multicanal.
Al convertir una imagen
35 .

D
APUNTES
CLASE 4
DIAGRAMACION
DE LA
BITACORA

20.07
CLASE 4
LENGUAJE
COMPUTACIONAL
diagramación de
bitacora
formato
Definir un mas como libro, tener en cuenta
“El diseñador debe tener la las imágen , notas a lo largo, buscar el dramatismo de una
imágenes.
capacidad de relacionar”A.M imágen. Tratar de usar más las
Recopilación en la bitacora .índice .paginación .portadillas.
Para la Lo que más destaca del texto. de la imagen.
diagramación
de la imagen
hay
que observar distintas jerar-
quias, descubrir distintos el- Toda imagen tiene un formato, esto depende , del pro-
ementos , tener la capacidad grama en donde se este trabajando la imagen o el formato
de relacionar. que uno eliga darle. Esto se puede definir como formato
tarea 4
Busqueda de el formato de-
finitivo de la bitacora.
Dinamismo
tanto en el texto como en en
el diseño.
Uso de iamgenes q hagan
visual lo que aprendimod
37 .

nativo, que como definición seria el formato propio jpg/jpeg: se comprime la
que el programa le da a la imagen. La imagen digital tam- informacion dela imágen.
bién puede clasificarse de dos formas: imagen de bitmap .pns
(mapabit) o imagen vectorial (.ai) El mapabit trabaja con .psd (photoshop)
píxeles .gif: toma colores como de
que son los portadores de la informacion grá-
una paleta de finida.
fica (color,etc,) de la imagen es como una tejido.
.eps: es un formato que so-
Distintos formatos de imagen bitmap:
porta iamgenes de birmap o
.tiff: guarda toda la informacion de la imagen sin
vectoriales.
comprimir,es deuna alta calidad, se usa para diarios que re-
quieren una mejor resolucion
el pixel
El píxel (del inglés picture element, es decir, “elemento de la im-
agen”) es la menor unidad en la que se descompone una
imagen digital, ya sea una fotografía, un fotograma de
vídeo o un gráfico. Al ampliar fuertemente una imagen digital
(zoom), por ejemplo en la pantalla de un ordenador, pueden ob-
servarse los píxeles que componen la imagen. Los píxeles apare-
cen como pequeños cuadrados en color, en blanco o en negro, o en
matices de gris. Las imágenes se forman como una matriz rect-
angular de píxeles, donde cada píxel forma un punto diminuto
en la imagen total.
. 38

TAREAS
F
T I P O DE
S
FORMATOS DE
IMAGEN

Nota: El sistema de color tricromático (red, green,
TIPOS
blue, (RGB)) en imagen digital, conserva cada uno
de sus componentes en un canal por separado y la
adición de los colores primarios en cada pixel, crea
canal alfa
FORMATOS DE el espectro visible. El o “alpha chan-
IMAGEN nel”, se refiere a un cuarto canal usualmente de 8 bits,
interpretado por el sistema gráfico como una trans-
parencia en diferentes grados de tal forma que so-
brepuesto con un color tendrá el efecto de mezcla.
BMP(.bmp) · Compuserve GIF: Mapa · RGB (1 canal)
Profundidad del color: de bits,Escala de grises Canales alfa: SI (1)
· 1 (Mapa de bits) Color indexado Compresión: SI
· 4-8 bits (Escala grises) · GIF89a (GIF Animado): (sin pérdidas)
· 8 bits (Color Indexado) Color IndexadoRGB (con QuicTime: 4 opcio-
· 24 bits(RGB) Canales alfa: NO nes para JPEG)
Modos de color: Compresión: SI (LZW) Notas acerca del formato:
· Modos RGB Notas acerca del formato: · Estándar de Macintosh
· Color Indexado, · Creado por Compuserve · Bueno para compresión
· Escala de Grises, en 1987 imágenes con área color
· Mapa de Bits · Graficos color indexado sólido
Canales alfa: NO · Posibilidad visualización Uso: Transferencia de grá-
Compresión: NO (excepto entrelazada (aparición ficos entre aplicaciones
en 4 y 8 bits) gradual)
JPEG(.jpg; .jpe)
Notas acerca del formato: · Transparencia y Ani-
Joint Photographic Ex-
· Formato estandar IBM mación
pert Group
PC, · Uso: Internet
· Uso: fondo escritorio, o Profundidad del color:
PICT (.pct; .pic)
imagenes sencillas de hasta 24 bits
256 colores Profundidad del color: Modos de color:
. RGB: 16/32 bits · Escala de grises
GIF(.gif) · Escala Grises: 2,4, 8 bits · RGB
Graphics Interchange Modos de color: · CMYK
Format · Mapa de bits (sin canalaes Canales alfa: NO
Profundidad del color: Alfa) Compresión: SI: diversas
· 8 bits (256 colores) · Escala de grises calidades (con pérdidas)
Modos de color: · Color Indexado Notas acerca del formato:
40 .

shop · RGB (1 canal)
LZW (Lempel- · Guarda capas y seleccio- Compresión: SI sin pérdidas
ZivWelch) es un algoritmo nes (canales) Notas acerca del formato:
de compresión sin pérdida Uso: Creación y Trata- · Mayor capacidad de
miento Imagen almacenamiento y capaci-
dades que el GIF
TARGA (.tga; · Genera transparencias de
.vda;.icb;.vst) fondo sin bordes dentados
· No muy extendido, con el
Profundidad del color:
tiempo sustiirá al GIF
16, 24 y 32 bits
· Uso: Internet
Modos de color:
· Junto con GIF y PNG · Escala Grises,
es el formato de Internet
TIF(.tif)
· Color
para gráficos y fotografias. indexado, Tag Image File Format
· Formato de color ver- · RGB (16 y 24 bits sin Profundidad del color:
dadero en el que no se canales alfa); 32 bits
produce pérdida de color, · RGB de 32 bits (un solo Modos de color:
anque si se comprime SI, canal alfa) ·Mapa de bits sin canales
pues se eliminan datos. Canales alfa: Si (1) Alfa
Uso:fotografías Internet Compresión: NO · Escala de Grises con ca-
Notas acerca del formato:
PHOTOSHOP nales Alfa y archivos Lab
Uso: Exportación a edición · Color Indexado
profesional Video
(.psd) · RGB con canales Alfa y
archivos Lab· · · CMYK
Profundidad del color:
PNG(.png) Canales alfa: SI
32 bits
Portable Networks Graphics Compresión: SI (LZW)
Modos de color:
Notas acerca del formato:
· Admite todos los Modos Profundidad del color:
· Desarrollado por Aldus
de Color 24 bits
Corporation.
· Canal Alfa y de Tintas Modos de color:
· Reconocido por casi
Planas · Mapa de bits
todos los programas de
· Guïas, trazados · Escala Grises,
Pintura y Vectorización·
· Capas de ajuste, de texto, · Color Indexado,
· Compatible IBM PC y
efectos capa · RGB
Mac
Canales alfa: SI (varios) Canales alfa:
Uso: Imprenta e intercam-
Compresión: NO · Mapa de bits ( 0 canal)
bio de archivos
Notas acerca del formato: · Escala Grises, (1 canal)
· Propio de Adobe Photo- · Color Indexado (0 canal),
. 41

APUNTES
I
CLASE 5
INVESTIGACÍON
Y
DESARROLLO

27.07
CLASE 5
LENGUAJE
COMPUTACIONAL
Investigación y
desarrollo
Internet es un modelo editorial. Adobe Abrobat salvar en
PDF. La fortma de tener un archivo PDF con una infor-
mación muy rica y sin perdida de ella es trabajando con los
archivos postscript, luego de imprimir el archivo en un for-
mato PDF. postscript modelamiento de la trama.
perfiles de impresión traduccio electronica de los
perfiles con una valorización colometrica de lo que imprime.
Distiller, setttings estandar para PDF( abrobat 5 pdf 1.4)
Directrices para crear archivos para convertir un archivo a
PostScript. Los cuadros de
PostScript diálogo Imprimir pueden
variar entre aplicaciones. Si
Si desea ajustar de forma precisa la creación de PDF con desea obtener instruccio-
parámetros de Distiller u operadores pdfmark, en primer nes sobre la creación de un
lugar cree un archivo PostScript y, a continuación, convierta archivo PostScript desde su
el archivo a PDF. Para más información, descargue el SDK aplicación concreta, consulte
de Adobe Acrobat 8 o partes de éste, como el manual de la documentación de dicha
referencia de pdfmark, que encontrará en varias fichas de aplicación.
la página Acrobat SDK documentation (sólo en inglés) del Recuerde las siguientes in-
sitio Web de Adobe. strucciones cuando desee
En las aplicaciones de creación como Adobe InDesign, uti- crear archivos PostScript:
lice el comando Imprimir con la impresora Adobe PDF
43 .

true type copia de
window para las fuentes de
Mac (postscript)
postscript son tipo-
grafías vectoriales, a base de
logartimos matematicos.
vector escalamiento sin
deformar ni pixelar la ima-
gen. Vector es linea, direc-
ción determinada. Investi-
gar acerca de las tipografia
true type y postcript
tamaños de página inapro-
. Utilice PostScript LanguageLevel 3 siempre que sea
piados en el PDF.
posible para aprovechar las ventajas de las funciones más
avanzadas de PostScript.
. Envíe los archivos Post-
. Utilice la impresora PDF de Adobe como impresora Post-
Script como binarios de
Script.
8 bits cuando utilice FTP
. (Windows) Envíe las fuentes utilizadas en el documento.
para transferir archivos entre
. Asigne al archivo PostScript el nombre del documento
equipos, especialmente si las
original, pero con la extensión .ps. (Algunas aplicaciones
plataformas son diferentes,
utilizan la extensión .prn.)
para evitar la conversión de
. Utilice el color y los tamaños de página personalizados
avances de línea en retornos
disponibles con el archivo PPD de Acrobat Distiller 8.0.
de carro o viceversa.
Otros archivos PPD pueden generar colores, fuentes o
. 44

T
TAREAS
COMPOSICION
DE LA
TIPOGRAFIA
DIGITAL

TIPOS la composición
de la tipografia
digital
DE FUENTES
TRUE TYPE
POSTCRIPT De la Historia
Durante los años 80, los
limites entre las actividades
desarrolladas en los estudios
de diseño, las oficinas y las
industrias de impresión/
composición tipográfica em-
pezaron a hacerse mas difu-
sos, como consecuencia de
una serie de avances experi-
mentados simultáneamente
en distintas áreas. Los orde-
nadores personales bajaron
drásticamente de precio, apa-
recieron los sistemas WYSI-
WYG, y las compañías de
tipos cedieron los derechos
de uso de sus bibliotecas de
tipos a los fabricantes de im-
presoras de oficina, quienes
por entonces ya habian lo-
grado adaptar las máquinas
láser para aquel desfavorable
ambiente. El hecho clave en
el final de ese proceso fue la
combinación, en 1983, del
lenguaje de descripción de
páginas PostScript, de Ado-
be Systems Inc., con la apli-
cación de autoedición Aldus
(hoy Adobe)
46 .

PostScript es un lenguaje
independiente del disposit-
vo, que describe el material
de una página electronica
(texto, imagenes y otras in-
formaciones graficas y com-
positivas).Permite al usu-
ario combinar, en cualquier
ordenador compatible con
el lenguaje Postscript , tipos
de diferentes fabricantes con
otros elementos gráficos e
imagenes, e imprimir todo
ello en cualquier impresora
que sea compatible con el
lenguaje, PostScript. Todos
los sistemas de composición
tipográficas de los años an-
teriores padecián la limi-
tación de que los tipos de
una compañia concreta sólo
podian funcionar en equipo
de la misma compañia, o de
otra a la que se hubieran ce-
dido los derechos sobre los
diseños de los tipos.
Despues los tipos ya no
fueron productos destinados La incompatibilidad de los formatos PostScript y TrueType
a las casas de composición, para circular libremente entre las plataformas operativas
sino a software para los or- de Window y Macintosh, unidas a las conveniencias co-
denadores personales.Por merciales, hicieron que las compañias Adobe y Microsoft
a trabajar juntas, y en 1997 se publicó OpenType, una
esto se creo en 1991, el len-
guaje TrueType, fuente tegnologia de envoltura, que puede contener fuentes crea-
de contorno de curva cua- das por ambos formatos. Su objetivo inical era de compati-
draticas. bilidad entre plataformas, pronto fue ampliado al trabajo
. 47

con el codificador de carac-
teres standar Unicode, más
amplio, el cual esta diseñado
para soportar el intercambio
, la elaboración y exhibición
de textos escritos en todas
las lenguas del mundo.
En 2000, Adobe anunció el
apoyo para OpenType, con
los lanzamientos de InDe-
sign y Photoshop, coincidi-
endo con el relanzamiento
por parte de la compañia de
Paltaino y Tekton, cada uno
de los cuales contiene 1.800
caracteres.
tipos de fuente mapa
bit
fuentes de puntos. Para el tamaño al que fueron destinadas pueden
Digitales dar un resultado “aceptable” a la hora de imprimir (general-
mente van de 5 pts. hasta máximo 36 o 48 pts.). Por ejem-
plo, en cuanto decidas aumentarlas, los puntos de la matriz
Básicamente las fuentes ele- pierden su forma y se ven “pixel.
trónicas se dividen en 2 cat-
Fuentes de contorno.
egorías:
Fuentes de mapa de bits y
fuentes de contorno. Son letras que logran su forma a base de operaciones
matemáticas, mediante vectores (ángulos, escribir recta
Fuentes de de x, y...). Eso permite aumentarlas o reducirlas a placer sin
perder calidad.
mapa de Se dividen básicamente en tres tipos:
bits. Son, como su nombre indica, un sistema de describir fuen-
tes incluido en el lenguaje PostScript (vectores). Estas de-
Son conjuntos de letras scriben el contorno de un tipo por medio de las llamdas
descritas mediante matrices “Curvas de Bezier” Básicamente son las llamadas “Tipo 1,2
48 .

Fuentes True
Type.
Como el sistema PostScript
es propiedad de la empresa
Adobe, otras firmas (Apple
y Microsoft) intentaron
sacar un estándar de fuen-
tes de contorno alternativo
a las fuentes PostScript. Las
True Type son compatibles
entre mac y PC, pero como
muchas de ellas estan muy
mal realizadas y las versio-
nes antiguas de PostScript
tenían problemas con ellas,
han tomado muy mala fama
(inmerecidamente) entre al-
Fuente gunos profesionales del sec-
postscript tor.
Fuentes Open
Type.
Son el presente/futuro. Son
y 3”, osea se presentan en tres archivos: La fuente de la compatibles entre Mac y
impresora ( a veces llamada PFM), que es el diseño pro- PC. Admiten muchos más
piamente dicho; su icono varía según el fabricante; los carácteres, sobre todo es-
mapabit, que son representaciones pixeladas de la fuente peciales (ligaturas, etc...).
de impresora para usar en pantalla; y el archivo AFM ( Nacen de un desarrollo
Adobe Font Metrics) que contienen datos puramente nu- conjunto de los principales
mericos sobre cada uno de los aspectos del diseño de la fabricantes y firmas relacio-
fuente Son lo más extendido y usual en artes gráficas pro- nadas con el sector.
fesionales. Se suelen componer de dos ficheros, uno ellos es OpenType es una tecnología
la “maletita o suitcase” que contiene la fuente y el otro es de tipos desarrollada entre
Adobe y
el del archivo de la impresora o “outlines”. Las versiones
Microsoft, que combina las
para Mac y para PC no son compatibles (lo que complica
tecnologías PostScript Tipo
mucho la vida de los fotomecánicos y diseñadores).
. 49

1 de Adobe y TrueType
de Apple. Según las espe-
cificaciones de Microsoft
son multiplataforma y fun-
cionan tanto en Windows
como en Mac. No son muy
populares todavía. Va a pasar
algún antes de que puedan
ser utilizadas extensamente
por proveedores, diseñadores
y negocios de pre-prensa.
¿Cómo se diferencia
una TrueType de una ejemplo del archivo de letra opentype
PostScript de pan-
talla y de una Post-
Script de impresora?
Las PostScript tienen en su
Pero ojo, esto de los diferentes iconos de pantalla sirve
icono de pantalla una única
para el Mac OS 9.x y anteriores. En el sistema 10.x pu-
letra “A” mientras las True
eden aparecer ambos tipos de pantalla con el mismo icono.
Type (que solo constan de
El archivo de impresora de los Postscript (las Truetype
un archivo similar al de pan-
no tienen) no se puede alojar en maletas y su icono de-
talla Postscript), contienen
pende del fabricante, además de caracterizarse porque
varias AAAs de diferen-
su nombre está abreviado (p. ej. Helvebolobl que sería el
tes tamaños que hacen ref-
archivo relativo al de pantalla Helvetica Bold Oblique).
erencia a su escalabilidad.
50 .

APUNTES
D
CLASE 6
DISEÑO
D I G I TA L

03.08
CLASE 6
LENGUAJE
TV digital
COMPUTACIONAL
E
Diseño
digital W
M
AI MD
Diseño digital,
Programación sistematica
Contenidos transversales de la
del contenido.
Arquitectura de la informacion
El contenido esta separado
del diseño
Todos los elementos asociados a la producción; ejemplo:
crema Nivea con una promoción que trae de regalo una
Arquitectura de la infor-
pelota
mación, el contenido no
El Contenido es transversal, nuestro cerebro actua con los
seduplica
sentidos, hay jerarquias y expresiónes de contenido
Cascadas de estilo ( html)
interface entre varias aplicaciones o
entre el propio programa
y el usuario. Metafórica-
En terminos generales, una interface es el punto, el área, mente se entiende la In-
o la superficie a lo largo de la cual dos cosas de naturaleza terfaz como conversación
distinta convergen. entre el usuario y el sistema
Por extensión, se denomina interfaz a cualquier medio que (o entre el usuario y el dis-
permita la interconexión de dos procesos diferenciados con eñador): durante muchos
un único propósito común. años se vio a la interacción
En software, una interfaz de usuario es la parte del pro- como un diálogo hombre-
grama informático que permite el flujo de información máquina (para trabajar con
52 .

secuencia de la Tipografia
Texto gral.
texto
negrita italica
general /2
Interface diseño el cliente tiene claro lo que quiere hacer, Pero no
La interface es como veo
tiene claro necesita que se haga
el contenido, hay ritmos de
Arquitectura de la información
lectura, por esto el contenido
Tareas:
tiene que ser claro y legible.
Levantamiento de contenido revista wired,
Como diseñadores nos
Mapa de contenido, Entender cual es la relacion de ellos,
efrentamos adiseñar para un
Levantamiento de todos las actividaes de la escuela
lector, y cuandonos piden un
Para un mejor entendimien-
to de esta acepción ponga-
una interfaz alfanumérica era necesario conocer el “len-
mos un ejemplo. Si extrapo-
guaje” de la máquina). Desde una perspectiva semiótica, los
láramos este concepto a la
usuarios no dialogan con el sistema sino con su creador por
vida real, podríamos decir
medio de un complejo juego de estrategias (del diseñador
que el teclado de un teléfono
y del usuario).
sería una interfaz de usuario,
En sentido amplio, puede definirse interfaz como el con-
mientras que la clavija sería
junto de comandos y métodos que permiten la interco-
la interfaz que permite al
municación del programa con cualquier otro programa o
teléfono comunicarse con la
elemento interno o externo. De hecho, los periféricos son
central telefónica.
controlados por interfaces.
.53

INVESTIGACION
D
DE LA
R E V I S TA
WIRED

R E V I S TA
WIRED
Wired es una revista men-
sual y un sitio web, wired.
com, actualizado a diario.
La palabra inglesa
Wired se traduce al
español como cableado o
cableada lo cual tenía gran
sentido en el año de fun-
dación de la revista, ya que
las computadoras dependían
exclusivamente de cables
para conectarse entre sus
componentes como el mon-
itor, el ratón, el teclado, la
impresora, etc, a pesar de
que en la era actual del de-
sarrollo de los equipos elec-
trónicos ya es una realidad el
uso de aparatos sin cables, a
pesar de eso la revista con-
serva su nombre e irónica-
mente ya publicó, al menos
un número especial, al que
tituló Unwired (sin cables)
festinando la evolución en
este sentido.
Por otra parte, desde sus
primeros números la revista
ha tenido especial cuidado
.55

en valorar el desarrollo del
internet y ha realizado un
El primer número de la
mapa mundial donde ex-
revista fue el publicado para
plícitamente valora a los
el período de marzo abril de
países conectados (wired)
1993, conforme a su propia
al internet o desconectados
nomencaltura fue la 1.01 ,
(unwired).
donde el primer numeral in-
dica el año y el segundo el
Wired pretende reflejar la
mes, fue fundada por el pe-
manera en que la tecnología
riodista Louis Rosetto y su
afecta la cultura, a la edu-
socia Jane Metcalfe en ese
cación, a la economía y a la
año, 1993 , con el apoyo ini-
política del mundo.
cial del empresario de la in-
Wired Magazine vs Wired.
dustria del software Charlie
com. Aunque en rigor la
Jackson y Nicholas Negro-
revista ya no pertenece a la
ponte, director del Labora-
empresa Wired.com, en-
torio de Medios del MIT,
cargada del sitio Web, esta
quien también fue columni-
sigue publicándose gratuita-
sta por más de seis años.
mente en Internet merced a
En el año 2005 ddC.(año
una cláusula del acuerdo cel-
edición en japonés, y una
13.xx según la nomencla-
ebrado con Condé Nast, el
edición británica de corta
tura de Wired) su Director
dueño de la revista. Su con-
vida (WiredUK). HotWired
General es Chris Anderson
tenido editorial se inspira
a su debido tiempo dio lugar
y las secciones de la revista
parcialmente en el teórico de
a docenas de sitios Web, in-
incluyen Rants & Raves ,
los medios Marshall McLu-
cluyendo WebMonkey y el
Start , Play , View y Found.
han, a quien se le ha otor-
buscador HotBot. Rosetto y
Desde el comienzo, Wired
gado el papel de “santo pa-
Metcalfe perdieron el con-
fue un gran éxito editorial y
trono” de la revista. Wired
trol de Wired en manos del
ha sido comparada con Roll-
ha sido tanto amada como
grupo de inversión Province
ing Stone por su impacto en
odiada por el espíritu liberal
Equity, que vendió las dis-
la sociedad norteamericana.
de sus páginas, su utopismo
tintas divisiones por sepa-
La revista fue acompa-
tecnológico, y su diseño grá-
rado. La revista fue vendida
ñada casi desde el comien-
fico siempre atrevido.
a Advance Publications, que
zo por un sitio de internet,
asignó su administración a
HISTORIA HotWired, una división
una de sus subsidiarias, la ya
encargada de la publicación
nombrada Condé Nast Inc.
de libros (HardWired), una
.56

D
INVESTIGACIÓN
DE LA
ARQUITECTURA
DE LA
INFORMACION

¿Qué es la
AI?
Arquitectura
de la
informacion
La Arquitectura de Infor-
mación (AI) es una disci-
plina relativamente nueva
que nace tras la definición
que hace Richard Saul
Wurman en 1975, en su li-
bro titulado “Information
Architects” (publicado al
año siguiente).
Allí plantea que el arqui- debido a que como arqui- y comencé a llamarme a mí
tecto de Información es “la tecto de profesión, le cor- mismo “Arquitecto de Infor-
persona que organiza los pa- respondió en ese año ser el mación”. Parecía tener senti-
trones inherentes a la Infor- máximo directivo de la con- do que hubiera una enorme
mación, haciendo entendible ferencia anual del Instituto cantidad de Información
lo complejo” o también, que Americano de Arquitectos, que nadie pudiera entender,
es “una persona que crea un realizada en la ciudad de Fi- usándome a mí como mod-
mapa de Información que ladelfia, Estados Unidos. elo, que tampoco podía en-
permite a otros encontrar su tender cosas; así que pensé
vía personal hacia el cono- Tal como él mismo lo recu- que ese término podía calzar
cimiento”. erda en una entrevista con y de la noche a la mañana
la revista “Design Matters”, hubiera un nuevo campo
Wurman tuvo oportunidad “decidí hacer el tema de la para el esfuerzo humano”.
de hacer pública esta nueva conferencia y lo llamé “Ar-
forma de trabajo en 1976, quitectura de Información” Sin embargo, el mismo con-
.58

fiesa que eso no llegó a ocurrir y durante 20 años el término partes, Me sorprende nueva-
permaneció archivado, hasta que con la llegada de los usos mente que haya despegado ese
comerciales de la Internet, fue retomado. En la misma en- término, que lo haya hecho tan
trevista, de junio de 1999, indica: “Ahora, particularmente en rápido. Diariamente, me doy
el último año, ha habido una explosión de personas que se lla- cuenta de que la gente la usa
man a sí mismos arquitectos de Información y ya están en todas en sus tarjetas de presentación,
.59

en sus escritorios, en Internet,
en sus páginas web. Y por su-
puesto, no saben de dónde salió.
Pero es un término que es de su
tiempo y la gente parece identi-
ficarse con él y parece llenar un
espacio importante, tal como
pensé que lo haría hace muchos
años, pero estaba equivocado
* Entiendan grandes can-
ambas veces. Entonces, porque Finalmente, si queremos
tidades de Información.
eso no ocurrió. Y ahora, porque ensayar una definición,
* Busquen y encuentren la
ocurrió tan rápido”. podemos afirmar que la Ar-
Información que necesitan quitectura de Información es
de manera simple. una disciplina que organiza
* Realicen acciones medi-conjuntos de Información,
ante el computador. permitiendo que cualquier
persona los entienda y los
La Arquitectura de Infor- integre a su propio cono-
mación, a su vez, permite cimiento, de manera simple.
a los creadores de un sitio
web... Ahora, si miramos la discip-
lina desde el punto de vista
* Aclarar la misión y la de quienes la utilizan para
Finalmente plantea que
visión del sitio, centrándose la construcción de sitios
la Arquitectura de Infor-
en las necesidades de sus au- web, podremos agregar que
mación es una mezcla de tres
diencias.
campos: tecnología, diseño La Arquitectura de Infor-
* Generar estructuras que mación es el conjunto de
gráfico y periodismo/re-
soporten el cambio y el cre- prácticas que entendiendo
dacción.
cimiento en el tiempo. el objetivo de un sitio web,
Aspectos esen- * Determinar qué conteni- organiza el contenido en
dos y funcionalidades deberá subconjuntos de nombres
ciales de la dis- contener el sitio. comprensibles para el usu-
ciplina * Poner nombres entend- ario final, facilitando las
ibles a las áreas de Infor- operaciones de búsqueda y
mación.
La Arquitectura de Infor- uso de la Información que
* Crear sistemas de naveg- contienen.
mación permite que los usu-
ación intuitivos.
arios de un sitio web...
.60

APUNTES
D
CLASE 7
DIAGRAMACIÓN
CONTENIDO
INFORMACIÓN

10.08
CLASE 7 Portada
LENGUAJE
COMPUTACIONAL
z
l
Legales
indice 1 2 3
a b
colofón
concurso
Distribuccion de los Contenidos en
la Revista Wired
Diagramacion del
contenido
de información
la revista. Hay que distribuir
Toda revista y en este caso la repotajes, secciones propias
Revista Wired, que es em- de la revista y publicidad, en
blematica en la entrega de el caso de la revista Wired
contenidos, tiene una dia- tiene un gran porcentaje de
gramacion en la entrega de publicidad ubicada muy es-
los contenidos.
McLuhan trategicamente.
El diseñar la distribución de
“El medio es el mensaje” los contenidos es una parte Tareas
esencial, hay que ponerse en Actulizar las bitacoras
el lugar del lector que es al fin Construir la Revista de la
y al cabo a quien va dirigida Escuela
. 62

INVESTIGACION
D
McLUHAN
Y LA
ALDEA
GLOBAL

que los medios de comuni-
cación electrónica admiten
ser considerados extensiones
de nuestro sistema nervioso
central, y que es posible dis-
tinguir entre medios cálidos
y fríos. La definición de los
datos que son transmitidos
a través de un medio, y el
grado de participación de las
audiencias para completar al
medio, son los dos criterios
fundamentales que propuso
McLuhan para distinguir
medios fríos y calientes:
Los medios
Frios
“Alta definición es el es-
tado del ser bien abastecido
de datos. Visualmente, una
fotografía es una alta defin-
ición. Una caricatura es una
definición baja por la sen-
cilla razón de que propor-
ciona muy poca información
MARSHALL visual. El teléfono es un
medio frío o un medio de
La aldea global
McLUHAN definición baja debido a que
se da al oído una cantidad
McLuhan anticipó el trán-
mezquina de información,
sito a la aldea global, afirmó
El medio es y el habla es un medio frío
que el medio es el mensaje,
el Mensaje
de definición baja, debido a
que las tecnologías admiten
que es muy poco lo que se da y
ser consideradas como pro-
mucho lo que el oyente tiene
longaciones de nuestro cu-
que completar ()
erpo y nuestros sentidos,
.64

Los medios
Cálidos
los medios cálidos son de poca
o baja participación, mien-
tras que los medios fríos son
de alta participación para
que el público los complete”.
(McLuhan, 1977: 47).
Formidable
visionario
Definitivamente, McLuhan
fue un formidable visionar-
io, susceptible de anticipar la
forma cómo los medios in-
tervienen en la modelación
de las sociedades hacia el
futuro. La llamada Sociedad
de la Información y el Con-
ocimiento admite ser con-
siderada como fase superior
de la aldea global mcluhani-
ana. El canadiense anticipó
además el advenimiento de
Internet:
pos en el espacio. Hoy en día, después de más de un siglo de
El medio de comunicación
técnica eléctrica, hemos prolongado nuestro propio sistema
inteligente:
nervioso central en un alcance total, aboliendo tanto el es-
pacio como el tiempo, en cuanto se refiere a nuestro planeta.
“Después de tres mil años
Estamos acercándonos rápidamente a la fase final de las
de explosión por medio de
prolongaciones del hombre, o sea la simulación técnica de
técnicas fragmentarias y
la conciencia, cuando el desarrollo creador del conocimiento
mecánicas, el mundo de Oc-
se extienda colectiva y conjuntamente al total de la socie-
cidente entra en implosión.
dad humana, del mismo modo en que ya hemos ampliado
Durante las eras mecánicas
y prolongado nuestros sentidos y nuestros nervios valién-
prolongamos nuestros cuer-
donos de los distintos medios” (McLuhan, 1977:26-27).
.65