3. era gutemberiana
Los procesos productivos van condicionando
el diseño
Los ebanistas tallaban la madera para poder hacer las letras. Por razones de ma-
terialidad, resultaba mas simple tallar letras mas rectas que con muchas curvas,
y es por eso que ahora nos podemos explicar algunas letras que tienen que ver
con los problemas.
Al calzar las letras en la caja, para luego imprimirlas, quedaban lineas en los
bordes, las que luego se utilizaban para separar. Esas lineas se pueden notar
actualmente en diarios y revistas y son llamadas filetes, pelos o plecas
Respecto a los diarios actualmente:
Número de columnas de diagramación: el mayor número de columnas que se puede
percibir es el numero de columnas que se uso para la diagramación
Tipografia pueden haber varias tipografías en el mismo diario, para establecer un regi-
men de diferenciación, asi unas son empleadas para el título, otras para los textos, etc.
La clasificación mas general es la de las -con serif
-sin serif
4.
5. la decision de los serif va a depender de varios factores como por ejemplo: público para
el cual va dirigido, el carácter que se le da al diario (si es un diario mas formal como por
ejemplo El Mercurio va a tener serif, en cambio uno mas popular como La cuarta va a
tener sin serif) esto guarda estrecha relación con la rapidez que esta destinada a la lec-
tura del diario, las letras sin serif son mas rápidas de leer que las con serif.
Encargo: estudiar la portada de un diario internacional, respecto a su diagramacion
Pelos, plecas o filete:
DICCIONARIO
línea destinada a la separación de las distintas partes del diario
Header:
parte superior de la pagina
Body:
la parte de al medio de la pagina, el cuerpo
Footer:
la parte inferior
Linotipia:
viene de Linotype, una fábrica de tipografias
Target.
Público al cual va dirigido el diario
7. Color e impresión
Modelo aditivo: RGB (red, green and blue), tiende al blanco y es empleado en las
pantallas
Modelo sustractivo: CMYK ((cyan, magenta, yellow, key color osea negro)
cuatricromiai
Estudiaremos el CMYK ya que es modelo que nos interesa, el de las impresiones
8.
9. Color
ÁREa dE ToNo CoNTiNuo:
como se separan los colores. La imágenes digitalizadas son las de tono continuo, como
por ejemplo si una imagen se escanea, esta se transforma en are de tono continuo.
TRaMaS dE SEMiToNo:
escalas de grises de una imagen (blanco y negro). El color gris, solo es una ilusión creada
por el negro, el cual según la cantidad que se aplique, va a ser la intensidad del gris
TRaMa viva (EfECTo MoiRé):
cuando se ve la trama en la imagen
Tintas:
La aplicación de la tinta depende de que color se quiere obtener, este será asignado por la cantidad
de tinta o el ángulo en que se encuentren los pigmentos
-PLaNa: cuando la tinta ocupa el 100% del espacio
-TRaMa: cuando el área esta conformado por solo un porcentaje de tinta
Los ángulos de la trama pueden ser de 0º o de 45º
Separación de colores
Por cada color hay una película, en todas las películas esta el negro de registo, el cual queda impreso
en todas las planchas, este tiene toda la información de las planchas
10.
11. Reserva o sobreimpresión
La tintas son aguosas, por lo tanto se juntan o se mezclan. Para evitar esto, se hacen dos películas:
una con el texto, por ejemplo, y otra con el fondo. Entonces en ese caso si el texto es mas claro, se le
hace un calado a la película mas oscura, para que así coincidan las letras mas claras con el calado, y
se conservan los colores exactos, ya que sin el calado se produciría una especie de sobre posición de
colores, lo cual los altera.
es importante ser preciso con
el calado, para que calce una
pelicula con la otra
Ppi (point per inch), dpi (dot per inch)
Número de puntos individuales de tinta que la impresora puede producir en un espacio de pulgada
encargo: hacer una réplica del diario escogido para la tarea número 1 (Providence Journal)
Key color:
DICCIONARIO+DATOS
negro utilizado en los sistemas de impresión CMYK
Trapping:
grado de aceptación de una tinta sobre otra impresa anterior-
mente
El papel del diario se llama papel bio-bio, este tiene menor dpi,
ya que es de baja calidad y por lo mismo no se pueden apreciar
los detalles de las imágenes.En cambio, el papel couche aguanta
hasta unos 300 dpi
13. Uso de In Design
Nociones básicas sobre el uso de In Design, respecto a la diagramación, las
imagenes, y la exportación a PDF
Número de columnas
El numero de columnas que va a tener la pagina se defíne al principio luego de determinar el tamaño
de la pagina.
Sobre la imagen
Las imágenes tienen que venir de photoshop con el tamaño que se necesitan ya que en in design no
se pueden modificar, las imágenes tienen que estar guardadas con el archivo IND, si no no se puede
14.
15. Sobre la exportación a Pdf
Al exportar el archivo in design a formato PDF, se comprime. Con esto se forman las cruces de corte.
encargo: hacer una bitacora de 20x20 que relate cada clase lo que vamos aprendiendo por medio de
imagenes y textos, y el uso del propio In design
W
D
para poder ver el trabajo sin grillas se pude utilizar la tecla “W”
w
A
Alt+shift+ control+V
significa “paste in place” que se usa para pegar las imagenes extraidas de
T
photoshop en un lugar seleccionado
O
al poner la lupa, se maximiza, pero para hacer el efecto contrario, o sea
minimizar se usa la tecla Alt, con la lupa
S
17. Corrección de bitácoras
La corrección de las bitácoras nos ayuda también a aprender sobre el uso de
In Design
* La fuentes mas especificas deben venir en la carpeta, ya que al no traerlas el archivo no se puede
abrir en In Design
* Es fundamental crear una carpeta para el ramo, que contenga otra sub carpeta para los trabajos y
otra para las imagenes que se le adjuntan, asi al tener las imagenes listas en photoshop se guardan en
la carpeta, y luego en InDesign se copia por medio de:
file - place - se selecciona el archivo en el cual se guardo la foto para luego seleccionarla - abrir
* tiff . pesa mas que JPG
eps. soporta imagenes de bitmaps y vectores
psd. photoshop (formato nativo)
png. fireworks (formato nativo)
jpg o jpeg. (formato de compresión)
gif.
bitmaps (imagenes de camara digital, escaneado, imagenes por pixel)
*imagen digitalizada
vectores (Illustrator, imagenes planas)
encargo: avanzar en la bitacora
18.
19. La diagramación consiste como base de 4 colum-
nas
luego se fijan las filas con las cuales se va a tra-
bajar,
Se eligen las tipografias que se utilizaran para
cada texto, para luego acomodar las imagenes
21. Postcript
Al exportar en PDF , el archivo se comprime, esto significa que se comprimirá
también en color.
Solución: imprimir en un archivo Postcript
El documento oficial se debe importar hacia una impresora vitual (postcript), de esas que imprimen
películas.
Entonces se debe crear un archivo postcript para esas impresiones, aunque se mande a una impren-
ta.
PostScript es un Lenguaje de Descripción de Página, que se trata de un lenguaje de descripción de
páginas que se ha convertido en un estándar, empleado en impresoras láser y como formato de trans-
porte de archivos gráficos. Fué desarrollado por John Warnock y Chuck Geschke, actualmente de Ado-
be Systems y fue introducido en 1982.
Es como programar, pero sus funciones se especializan en todo tipo de trazos y gráficos.
Ha sido especialmente diseñado para comunicar un documento creado por un ordenador a un dis-
positivo de impresión. Describe y transcribe a un alto nivel, ya que lee y describe las páginas como una
serie de objetos abstractos, es decir, en base a coordenadas, formas, curvas, descripciones por curvas
de Bezier, tipografía (fuentes) de alta calidad a baja resolución (e.g. 300 puntos por pulgada). y fun-
ciones, ya que en lugar de describirlas a un nivel detallado enviando el valor de cada pixel de la página
su modo de lectura corresponde a leer trata a las imágenes (incluso las fuentes) como colecciones de
objetos geométricos en lugar de mapas de bits.
22.
23. Se diferenció por utilizar un lenguaje de programación completo, en vez de una serie de secuencias
de escapes de bajo nivel, para describir una imagen para que sea impresa en una impresora láser o
algún otro dispositivo de salida .
Podemos dar como ejemplo, el dibujar un rectángulo:
Las impresoras tradicionales se alimentan con toda la información gráfica de la hoja, en forma de
“ceros” y “unos”. Esto representa una gran cantidad de información que debe transmitirse al disposi-
tivo, por lo que el tiempo de impresión es largo.
En cambio al dispositivo PostScript® se le envían los gráficos en lenguaje PostScript®, definiendo co-
ordenadas y la función para trazar y rellenar un rectángulo, esto es enviarle sólo algunas decenas de
caracteres al dispositivo.
La velocidad de impresión es mayor por que la información que se tiene que transmitir es menor y por
que los procesadores que lo interpretan son rápidos
24.
25. encargo: continuar con la bitácora, averiguar sobre Postcript
En la clase si hizo una alusión al diario “La Epoca”
DICCIONARIO+DATOS
el cual usaba la mitad de la pagina en fotografías de gran cali-
dad y alto contraste.
Distiller:
adobe profesional (hace el real archivo Pdf)
Acrobat:
programa que genera Pdf
Tipografía Truetipe:
cuando Windows se invento, se baso en los Mac. Steve Josh,
compró la idea del mouse.
La letra helvetica,
proviene del baujaus, de esta deriva la Swisserland que luego
pasa a ser arial
27. Diseño semantico
El diseño semantico guarda estrecha relación con el contenido. El contenido es
imprescindible, ya que sin este no se puede trabajar, no se puede diseñar. Es
importante diseñar, ordenar, estructurar y jerarquizar de acuerdo al contenido,
que de cierta forma lo describa. De modo que este no solo se presente como
algo estetico si no que también como algo útil.
Este término fue creado por Richard En resumen la arquitectura de
Saul Wurman en su libro “Information la información es una mezcla de
diseño, tecnología y peri-
Architects”
,
odismo.
allí plantea que el arquitecto de la
Esto nos ayuda a nosotros como
or-
información es “la persona que
arquitectura
en-
usuarios de un sitio web a
ganiza de la
los patrones inherentes a
tender la información, buscarla,
la información, haciendo entendible
información
entonces la arquitectura de la in-
lo complejo” la arquitectura de la in-
,
formación facilita enormemente a
formación se refiere al diseño, orga-
que cualquier persona entienda e
nización, etiquetado, navegación y
integre la información a su propio
sistemas de búsqueda que ayudan a
conocimiento, de manera simple.
los usuarios a encontrar y gestionar la
La arquitectura de la información
información de manera efectiva.
tiene que ver con la web, las edi-
ciones, el merchandising, etc.
28.
29. Estilos de texto
Los estilos de texto, son muy utiles cuando debemos utilizar muchas veces el
mismo tipo de fuente con las mismas caracteristicas en distintas partes, como
por ejemplo, los titulos. Los estilos de texto nos facilitan y agilizan esta tarea
con unos simples click
1
Se debe seleccionar el texto al cual se le aplicará el estilo de texto
2
determinar la fuente, tamaño y características que queremos que tenga el
texto
3
hacer click en “Window”“type and tables”“character styles
,
4 uso de
al lado derecho de la pantalla aparece la ventana con la posibilidad de hac-
er estilos de textos, en la parte inferior de esa ventana al lado del basurero
n Design
se le hace doble click al cuadrado.
30.
31. 5
se completan los datos como que nombre queremos ponerle al
estilo, y si es que no esta completa la fuente y el tamaño de la letra.
encargo: hacer un levantamiento de contenidos de la revista WIIRED, y un levantamiento de todas las activi-
dades anuales de la escuela
Tambien se pueden hacer estilos de objetos mediante el mismo proceso,
D
pero en vez de poner en window character style se pone “objet style”, y se
sique el mismo proceso que para los estilos de texto , definiedno formas,
A
como recuadros, circulos, etc
T
O
S
33. contenidos
Revista WIRED
La revista wired se divide en publicidad (gran porcentaje), indice,, cartas a la revista,
edición,entrevistas estadisticas, agenda, reportaje, articulos, opiniones
levantamiento
de
contenidos
encargo: construir la revista de la escuela,, llevar un boceto de lo que será, con las secciones en las que la divi-
diremos, ideas, etc.
