1. INDICE
co
iodi or
r
e pe , col
d
ada resion esign
t
por Imp D n
a In evisio e
isis 2
l
Ana lase uccion 4 R e typ
1C n
d e u
ase ntro Clas pt y Tr rmacio n
l I
C io
i
e3 o
tscr la inf ramac
s
Cla Pos de iag
5 a D
ase tectur se 7
li
Cu
Cla
Arq
6
se
Cla
2. CLASE
1Analisis portada de periodico
Primera clase cor- También vemos la uti-
rección de las tareas. lización de los distintos
Vemos que las portadas tipos de letras como por
de los diarios tienen ejemplo las distinción
una grilla determina- entre las letras de palo
da, por la cual se rigen seco y las con serif, con-
para definir el espacio. cluimos que una letra con
Esta organización esta serif da mas formalidad
basada en columnas y requiere de una mayor
cada elemento del dia- detención, mientras las de
rio (columnas, fotos, palo seco son mas rápidas
etc.) están ordenados de leer. Así se puede ver
dependiendo de la base por ejemplo a quien va
de columnas por el cual destinado tal periódico,
fue construido. Apren- es decir, a que publico.
demos nuevos términos Otro tema es el proceso
propios del diario como productivo que requiere
filetes: separaciones ambas imagenes fueron tomadas de https://s3.amazonaws.com/
el diseño de un diario,
de líneas gruesas en- las partes que lo coronen: ppt-download/tarea-no1-gatica2367.pdf
tre cada noticia; pelos: Header, Body y Footers.
líneas delgadas que
.
también sirven para
separar pero que no son
tan notorios como los
filetes. Este termino
viene de el tiempo de la
impresión de Gutem-
berg, porque cuando
se construían las cajas
para ordenar las le-
tras se usaban separa-
dores que algunas veces
salían impresas en
el papel, de ahí queda
la costumbre de la util
ización de los “pelos”.
3. imagen tomada de http://www.library.fau.edu/depts/
spc/images/gutenberg.gif
Para crear su imprenta, Gutenberg adaptó una prensa de madera, de las que se usaban para moler la uva
en la preparación del vino. Creó tipos móviles metálicos (de plomo), que, a diferencia de los de madera,
eran mucho más resistentes, por lo que se podían utilizar muchas veces. Los diseñó como la escritura a
mano de la época, al estilo gótico. Modificó la consistencia de la tinta, para que fuera densa y se pegara
bien a los tipos (aporte de Schöffer). Los tipos se colocaban uno tras otro, sobre una vara de madera (en
línea). Las palabras quedaban separadas por un tipo sin relieve, que no imprimía nada. Las líneas ob-
tenidas se ordenaban en una caja o galera. Después, se untaba tinta en los caracteres y se ponía un per-
gamino sobre ellos. La impresión se obtenía de la presión de la galera contra la hoja mediante la prensa.
Antes de la imprenta, los libros eran copiados a mano en los monasterios, por lo que eran caros y escasos.
NUEVOS TERMINOS TIPS (nuevos)
-line tool
- Header: parte superior del peri-
(Photoshop)
odico, contine el logo y aveces un
resumen de las noticias -Horizontal type
- Body: parte central del periodico
(Photoshop)
- Footers: la parte inferior del
periodico
- Pelos: lineas de separacion
1
gutember grilla
HEADER serif DIARIO
pelos tipografia
FOOTERS GEOMETRIA
29/6/o7
4. CLASE
2 Impresion, color
Color aditivo: es aquel continuo son aquellas que optimo es que la apertura Se hace una separa-
que utilizamos en han sido digitalizadas y se encuentre en los 45º cion de colores al im-
aparatos electronicos pueden tener un filtro de Tramas de semitono en primir, por cada color
son el rojo, el verde y por medio. Por ejemplo cuatricromia,cuando los tengo 5 peliculas.
el azul (RGB), ellos Flickr les da un filtro clores estan equilibrados Existe tambien el
tienden hacia el blan- mas luminoso.Tramas de se puede ver lo que lla- problema de la sobre
co hacia la luz plena. semitono son los grises, man la flor “Roseta”. El impresión y ahí es cu-
Modelo sustractivo: son estos se van formando por efecto Moire es cuando se ando al caer uno ar-
aquellos colores que se la apertura o cierre de comienza a ver la trama el riba del otro cambia el
ocupan para la impre- puntos al imprimir. Lo negro cae de 45º. color deseado.
sión: cian, magenata,
amarillo y el bicolor el
negro(CMAN). Se hace
difícil poder definir el
color en pantalla ya que
estatarea dependera de
cada una. El especto
visible de los colores
tiene un maximo(lo que
ve el ojo) pero tambien
hay restricciones para
los RGB que alcanzan
a tomar un pequeño
espectro, ven colores
luminosos y lo CMAN
que alcanzan a ver un las imagenes fueron tomadas de www.gusgsm.com/files/rose
poco mas de color.
Las imágenes de tono
5. Problemasde impresion.
En la impresion de grises en las impresoras a inyeccion de tinta, suele repetirse constante mente un
problema que hace que no se pueda lograr un gris neutro, ya que
la impresora, asume un gris haciendo una mescla de colores por lo tanto nunca es un gris 50% y
50%. Esto no sucedia antes cuando solo habian impresiones con inyeccion de tinta solo negra. Por el
contrario con las impresoras laser si se puede obtener un gris neutro, aparece la opcion en la configu-
racion de la impresora.
informacion escrita por mi despues TIPS (nuevos)
NUEVOS TERMINOS
de haber realizado algunas pruebas
de impresion -metadatos: mas datos de los - rectangle tool
que se muestran en un arhivo, (InDesign)
porejemplo los de una foto, trae - leading
tamaño, peso,etc. (InDesign)
-trapping: reventado que se da al
imprimir.
2
cuatricromia
CMAN RGB LINEATURA
luz
ROSETA pantalla color impresion
5/7/o7
6. CLASE
3Introduccion a InDesign
Creación de un diseño dice algo importantísimo, modo pesan mucho. Una una serie de cosas que
de diario realizado por que es crear una carpeta de las acotaciones impor- nos van librando de las
Adolfo. Adolfo co- que contenga toda nuestra tantes fue el recurso de guías en este programa
mienza diciendo todos información. Esto es por el fluido de las columnas
los pasos a seguir para un tema de orden pero que se
que el control del pro- por sobre todo es porque nos presenta al principio
grama InDesign sea lo permite importar las imá-
mas fácil y limpio posi- genes al programa y no como una opción, los
ble. En primer lugar se pegarlas a él ya que de ese márgenes que e le dejan y
7. imagen sacada desde http://www.lipsum.
com/
Lorem Ipsum
es un programa que permite a un diseñador no perder tiempo en realizar un texto para visualizar
como queda una pagina con un texto vien “redactado”. Como Lorem Ipsum existen muchos otros
programas que sirven como simuladores de texto.
NUEVOS
TIPS (nuevos)
TERMINOS
(InDesign)
-ctrl v y d -
-direct selection tool
-preview
-font size
3
TEXTO cruces
columnas IMAGENES de
guias escala IND corte
PDF GRISES
13/7/o7
8. CLASE
4Revision
En esta clase se revisan
las bitacoras de cada
uno y se dan las prim-
eras notas resumiendo
el primer ciclo de las
portadas de los period-
icos. Adolfo menciona
lo que trabajaremos
las proxima clase: las
imagenes.Se da la tarea
deinvstigar algo sobre
algunos de los forma-
tos para guardar las
imagenes.
esta imagen fue tomada desde http://
webmaster.lycos.es/ressources/images/
channel/webmaster/topics/graphic/ess-
c04-im3.jpg
Tipos de archivos:
Existen dos categorias fundamentales, los BITMAP, que son construidos con reticula (pixeles) y tambien
estan los VECTORES, que son imgenes trazadas, no estan construidas por pixeles, son planas.
-Archivos TIFF
La denominación en inglés “Tagged Image File Format” (formato de archivo de imágenes con etiqu-
etas) se debe a que los ficheros TIFF contienen, además de los datos de la imagen propiamente dicha,
“etiquetas” en las que se archiva información sobre las características de la imagen, que sirve para su
tratamiento posterior.
-Archivos EPS: Utilizado para salida de dispositivos PostScript (.ps).
9. -Archivos: jpg, gif, png
Los algoritmos de compresión de imagenes se clasifican en dos tipos básicos:
con pérdida de calidad y
sin pérdida de calidad.
Sin pérdida de calidad es fácil de comprender, la información es compactada, aunque conservada ínte-
gramente, por lo que se puede recuperar la imagen original; pero ¿con pérdida? Se trata de formatos
que se basan en modelos acerca de cómo el ojo humano capta imágenes y cuáles son sus limitacio-
nes, eliminando así la información menos relevante para alcanzar grados mayores de compresión,
y renunciando al mismo tiempo a la posibilidad de recuperar la imagen original. Los algoritmos con
pérdida se utilizan porque existe un límite matemático a la posible compresión sin pérdida.
Los formatos de archivo más utilizados en la web son JPEG, GIF y PNG. Cada uno de ellos posee venta-
jas y desventajas que lo hacen adecuado para ciertos casos de uso y, a la vez, obsoleto para otros. La
siguiente tabla ilustra las ventajas y desventajas básicas de cada uno.
ventajas
formato tipo de compresion desventagas
-Ficheros muy reducidos -Pérdida de calidad notoria a
-Con pérdida (algorit-
JPG -Muy bueno para fotografías altos niveles de compresión
mo JPEG)
-Paleta limitada (obsoleto para
-Sin pérdida, aunque -Permite animaciones (no
GIF imágenes de muchos colores)
limitado a 256 colores adecuado para Wikipedia)
-Ficheros grandes para imágenes de
-Excelente para gráficos
-Sin pérdida
PNG muchos colores .
-Permite transparencias
4
pixeles COMPRESION
columnas IMAGENES
BITMAP EPS
BITMAN vectores
20/7/o7
10. CLASE
5 Postscript y True Type
PostScript es un “lenguaje de descripción de página”, es decir, es un lenguaje de
programación que se usa para decirle a una máquina destinada a imprimir cómo y qué
debe imprimir.
En esta clase se habla
sobre la calibracion
Un documento PostScript, en realidad, es un pequeño programa que le dice a una má-
de la pantalla, como quina qué, cómo y dónde imprimir, paso a paso. Los documentos PostScript se destinan
a imprimirse en aparatos PostScript, es decir, en aparatos que tienen un dispositivo
se puede hacer y las
interno capaz de descifrar el código que reciben y convertirlo en simples puntos de
diferencias que se
impresión (“aquí imprimo, aquí no, aquí sí, aquí también, etc…”).
producen debido a las
marcas, la calidad,
Un documento o fichero PostScript, como programa que es, debe atenerse a unas reglas
etc. Cualquier variante de construcción muy precisas. Aparte de esto, puede contener dentro datos de todo
tipo: Textos, Imágenes binarias (es decir, “fotos”) y descripciones mátemáticas de gráfi-
produce un cambio
cos (es decir, “ dibujos vectoriales “).
en el color de como
vemos las cosas. Tam-
La idea de PostScript, que parece bastante básica y tonta, no lo es en absoluto. La exis-
bien hablamos sobre
tencia de este lenguaje (y de otros similares) permite algo que en la actualidad parece
el archivo Postscript básico pero que hace muy pocos años no lo era: La portabilidad de los documentos de
una impresora o filmadora a otra.
y como funciona, a
grandes rasgos
Antes, si querías filmar un documento en un sistema de trabajo informatizado, debías
componerlo o meterlo a través de una terminal de dicho sistema que era “un sistema
completo” o “propietario” (proprietary). Es decir, que no podías acoplar y usar a la vez
piezas y programas de distintos fabricantes. Y de pasar documentos de un sistema
a otro para imprimir, mejor casi ni hablamos. Las calidades y resoluciones variaban
según los aparatos y había que adaptar los documentos a cada uno.
Para ser “adaptable”, PostScript es un lenguaje de los denominados “interpretados”.
Es decir, no le habla directamente a la máquina, sino que necesita un procesador (un
dispositivo físico o un programa residente en el ordenador) que actue como intérprete
traductor entre el código PostScript “universal” y la máquina. Eso es lo que se llama
“intérprete PostScript”. También se le denomina RIP por las siglas inglesas de Raster
Image Processor, lo que traducido es algo así como “Procesador de peinado o rastril-
lado de imagen”.
11. De hecho, el lenguaje PostScript es tan “universal” que su forma más sencilla son simples instrucciones escritas
como textos (siguiendo, eso sí, una sintaxis muy rigurosa). Básicamente un fichero PostScript contiene instrucciones
que, traducidas al lenguaje humano, dicen cosas del tipo “traza un círculo de 3 cm. de radio, dibuja una línea de 4,5
cm. en un ángulo de 45 grados, etc…” Por eso es portable, porque depende del RIP o interprete PostScript comuni-
carle a la máquina en su código particular cómo tomar esas instrucciones básicas y ejecutarlas una detrás de otra
hasta imprimir la página.
Hasta no hace mucho un RIP profesional de preimpresión solía ser un aparato carísimo con un software muy
especializado cuyo único trabajo era ir tragandose los ficheros PostScript para enviar los resultados intepretados
como secuencias de bits (“rastrillados”, del inglés rasterized) al dispositivo de impresión (una impresora, filmadora,
etc...). Hoy día hay excelentes RIP hardware y software capaces de dar paso a ficheros realmente grandes.
Porque esa es una de las ventajas - desventajas de PostScript: Al ser “interpretado” (para ser razonablemente
universal), no puede ser muy condensado, con lo que los ficheros son “grandes” de por si. Y, lo que es más, su
interpretación puede ser una tarea titánica (sin exagerar) capaz de bloquear al RIP más aguerrido y preparado. No
es extraño que ficheros de 8 Mb., al ser enviados a una cola de impresora, generen archivos de 40 Mb. o más.
Además, pese a ser un lenguaje básicamente “vectorial” (es decir, que realiza descripciones de operaciones
matemáticas para que se ejecuten), puede incrustar “dentro” de sus ficheros objetos de mapas de bits (es decir,
imagenes formadas por series ordenadas de bits muy grandes). Eso quiere decir que un fichero con pocos Kbs de
instrucciones pueden llevar incrustados ficheros de megas y megas de tamaño.
4
pixeles PROGRAMA
VECTORES bitmap
adobe fichero
archivo fuentes
27/7/o7
12. TRUE TYPE
La tecnología True Type fue desarrollada por Apple y Microsoft con el objetivo de frenar el predominio que en este
ámbito estaba alcanzando la tecnología PostScript de Adobe. Microsoft Windows 3.1, la versión aparecida a finales de
1991 incluía un programa de escalado de tipos de letra capaz de gestionar estas fuentes.
Las fuentes True Type son fuentes vectoriales, pero no PostScript, de alta calidad que emplean funciones cuadráticas,
más rápidas en su procesamiento que las PostScripts, aunque ocupan más cantidad de memoria y contiene hints
para la mejora de la visualización a bajas resoluciones. La tecnología TrueType incorpora el gestor de tipos en el
propio sistema operativo a partir de Windows 3.1 y de Apple System 7.0.
Los archivos de contorno de fuente True Type adquieren la extensión .ttf. Al cargar la fuente, el gestor de tipos de
Windows crea un fichero .fot, que coloca en la carpeta del Sistema, en el caso de Apple, y en el directorio c.windows
system en el caso de los PCs e indica el nombre de la fuente y la ubicación del fichero .ttf. La gestión de las fuentes
True Type se ha simplificado mucho en Windows 95, especialmente la búsqueda y copia de fuentes que se precisan
mandar a filmar y este formato parece convertirse en el estándar definitivo de los usuarios de PC.
Las letras en el formato True Type se describen mediantes curvas definidas por funciones cuadráticas [Véase Karow,
Peter. Digital Typefaces]. Un relativemente directo rasterizador ls convierte en el bitmap preciso para cualquier
cuerpo. Para mantener una cualidad adecuada. incluso en las resoluciones más bajas los contornos se ajustan a la
retícula de salida antes de la rasterización. Esta información es parte de la fuente misma. Posee un conjunto extenso
y flexible de instrucciones para la adecuación a la retícula que deja sitio de sobra a los desarrolladores y fabricantes
de fuentes para incorporar su propia tecnología de escalado del mismo modo que puede incorporar datos adiciona-
les a la fuente en un momento posterior. Dentro del archivo la información se agrupa en bloques diferenciados. Por
ejemplo, la información para la rasterización del carácter se almacena en una tabla denominada Glyph Data Table,
glyf.
Las curvas en este tipo de fuentes están representadas por funciones cudráticas, series de secciones de parábola o
quadratic B splines. El rasterizador de las fuentes está generalmente instalado en la ROM del dispositivo de salida o
forma parte del software del driver.
El aspecto más destacado es que los procedimientos de acomodación del contorno pueden variar en función del
fabricante que desarrolle cada fuente en particular. El procedimiento parece responder al siguiente esquema: la si-
lueta del carácter es primero colocada sobre la rejilla de salida; el rasterizador llena todos los pixeles cuyos centros
entra dentro de los límites internos del contorno. En principio este procedimiento podría provocar algunos dropout,
a pesar de que la acomodación se realice correctamente, si se trata de cuerpos pequeños, o cuando se ha producido
alguna rotación o deformación. El formato prevee procedimientos de corrección para evitar estas aberraciones según
el modo que los contornos entren en relación con los pixels. Estas técnicas suplementarias deben ser sólo aplicadas
cuando se pueda producir el peligro de dropouts pues emplean más tiempo que proceso de rasterización simple.
13. FREE TYPE
FreeType es una biblioteca que implementa un font-engine. Es usado principalmente para transformar las imagenes
vectoriales de las fuentes (como las de las fuentes TrueType) en mapas de bits.
El objetivo de Freetype es esencialmente permitir acceder a los archivos de las fuentes de manera sencilla y uni-
forme, las transformaciones de mayor nivel (distribución del texto, coloración, efectos especiales) están fuera de su
órbita.
FreeType es distribuido baja dos licencias de código abierto: GNU General Public License o una licencia similar a la
original licencia BSD, lo que permite reutilizar la biblióteca para cualquier proyecto, sea libre o propietario.
OPEN TYPE
OpenType es una familia de fuentes tipográficas escalables para ordenadores desarrolladas por Microsoft, más
tarde se ensambló por Adobe Systems. OpenType fue anunciada en 1996, con un número significativo de fuentes
que comenzaron a aparecer en 2000-2001. Adobe completó la conversión de su librería completa de fuentes a
OpenType a finales del 2002. A principios del 2005, había alrededor de 10.000 fuentes disponibles en formato
OpenType, con la librería de Adobe poseyendo un tercio del total. En el 2006, todas las fundidoras de fuentes impor-
tantes y muchas de las pequeñas estaban desarrollando fuentes en formato OpenType.
OpenType usa la estructura general “sfnt” de una fuente TrueType, pero agrega varias opciones de smartfont que
realzan las capacidades de soporte tipográficas y de idioma de la fuente. Los datos de contorno del glifo en una
fuente OpenType puede estar en uno o dos formatos: contornos de formato TrueType, en una tabla ‘glyf’, o contor-
nos de Formato de Fuente Compacta (CFF) es una tabla ‘CFF ‘. Los datos del contorno esta basados en el lenguaje
PostScript del formato de fuentes Type 2. El nombre de la tabla ‘CFF ‘ tiene cuatro caracteres de largo, terminando
en un caracter de espacio.
Para muchos propósitos, tal disposición, no importa que datos de contorno son, pero para algunos propósitos,
como rasterización, es significativo. El término OpenType no especifica el formato específico de datos del contorno.
A veces, términos como OpenType (sabor Postcript), OpenType CFF u OpenType (sabor TrueType) son usados para
indicar que formato de contornos contiene una fuente OpenType en particular.
14. CLASE
6Arquitectura de la informacion
Hablamos principal-
mente de como es
distribuida i ordenada
la informacion que
diseño
se tiene para poder
presentar algo y que
aquello sea entendible.
CONTENIDO
No es por casualidad
que cada vez que
queremos escribir algo
que nos debe servir
diseño
como una materia
nueva, anotamos con
letras mas grandes
algunas cosas, sub-
En el dibujo superior se muestra como una mismacosa puede mostrarse de
rayamos, destacamos,
disintas maneras. Abajo, una minima organizacion de los contenidos antes de
etc. Nos es casi natural
comenzar un texto
tener un orden para
disponer los elementos
pero existe algo llama-
TEXTO GENERAL
do la arquitectura de
la informacion que es
la forma mas indicada
para un diseñador para
lo destacado preguntas en italic
poder guiarse en la respuestas en
en bold
construccion de una regular
pagina.
15. ARQUITECTURA DE LA INFORMACION
La Arquitectura de información (AI) es la disciplina encargada de estructurar la información de tal forma que sat-
isfaga las necesidades del usuario. En los términos en los que hoy la conocemos, aplicada al web, nació a mediados
de los 70, aunque desde el prisma de las ciencias de administración de la información, como la biblioteconomía,
data de mucho antes. Se interesa por ordenar grandes y pequeñas cantidades de contenidos de forma que sus
destinatarios puedan trabajar con ellos adecuada y satisfactoriamente.
La comprensión de los objetivos del negocio, por un lado, y del modelo mental del usuario, su nivel de competen-
cia y su entorno cultural, por otro, son puntos de partida que consideramos de vital importancia para encarar un
proyecto.
El mejor momento para involucrar a un arquitecto de información es al inicio del desarrollo de un proyecto. Al igual
que uno no llamaría a un arquitecto tradicional a una construcción en el momento de techar un conjunto de paredes
inestables. Hay que hacer el diseño estructural antes de construir para que la “casa” no se derrumbe.
El arquitecto de información siempre buscará comprender los siguientes parámetros del proyecto:
-Metas y necesidades de los usuarios.
-Metas del negocio u organización.
-Limitaciones tecnológicas.
-Limitaciones del contenido.
-Limitaciones del proyecto.
-Porcentaje de contenidos y funcionalidades que
resultan más importantes para el mayor porcentaje de usuarios.
Analizar la audiencia y sus necesidades, los objetivos de negocio del proyecto, y las fortalezas y debilidades de la
empresa frente a la competencia es el requisito fundamental para la viabilidad de un proyecto web, idealmente
antes de su desarrollo.
4
ARQUITECTURA contenido
de informacion AI informacion
diseño
ORGANIZACION
3/8/o7
16. CLASE
7
Diagramacion
En primer lugarse cor-
rigeron algunos de los
levantamientos de la
WIRED, y conversa-
mos de lo interesante
La famosa frase ‘El medio es el mensaje’ (The Medium is The Message) nos lleva a la
que esta resulta, lo
preguntarnos qué es el medio y qué es el mensaje.
inovador de sus secci-
ones, y lo mas impor- Así como el medio es entendido como una extensión del cuerpo humano, el mensaje
no podría ser entonces simplemente reducido a ‘contenido’ o ‘información’, porque de
tante de todo, es como
esta forma excluíriamos algunas de las características más importantes de los medios:
muestran el contenido
su poder para modificar el curso y funcionamiento de las relaciones y las actividades
que tienen, porque jus-
humanas.
tamente esoes lo que
la hace tan interesante. En esta línea, McLuhan definirá al ‘mensaje’ de un medio como todo cambio de escala,
ritmo o pautas que ese medio provoque en las sociedades o culturas. De esta forma, el
Cuando Herbert Mar-
‘contenido’ se convierte en una ilusión, en el sentido de que éste se encuentra enmas-
shall McLuhan dijo
carado por la intervención del medio (la mediatización).
“El medio es elmen-
saje” tenia mucHisima
Medio y mensaje funcionan en pareja puesto que uno puede contener a otro: el telé-
razon y en esta revista grafo, contiene a la palabra impresa, que contiene a la escritura, que contiene al dis-
curso... y así, por lo que el contenido se convierte en el mensaje del medio continente.
eso se ve.
Habitualmente no notamos que existe interacción entre los medios y dado que su
efecto en nosotros, en tanto audiencia, suele ser poderoso, el contenido de cualquier
mensaje resulta menos importante que el medio en sí mismo.
Las cuatro edades Una manera de intentar sistematizar algunas ideas que caracterizan
el pensamiento de Mc Luhan es realizar un breve recorrido por la historia de la comuni-
cación, de acuerdo con la concepción que éste tenía de cada etapa.