nuevamente la bitacora, le cambie hartas cosas (casi todo lo que es diagramación) y cosas de contenido, aunque todavia le falta! (sobretodo en las ultimas (y sobretodo en la ultima) clases

1. bitácora
lenguaje computacional 01

2. primera clase
veintinueve de junio

3. era gutemberiana
Los procesos productivos van condicionando
el diseño
Los ebanistas tallaban la madera para poder hacer las letras. Por
razones de materialidad, resultaba mas simple tallar letras mas rec-
tas 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 lla-
madas filetes, pelos o plecas
Número de columnas de diagramación: el
mayor número de columnas que se puede perci-
bir 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 regimen 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
diarios
actualmente

5. Serif
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 Mer-
curio 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 desti-
nada a la lectura 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

6. segunda clase
c i n c o d e j u l i o

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 ne-
gro) cuatricromiai
Estudiaremos el CMYK ya que es modelo que nos interesa, el de las
impresiones
colores
como se separan los colores. La imágenes digitalizadas son las de tono con-
teoriá de
tinuo, como por ejemplo si una imagen se escanea, esta se transforma en
tono continuo
are de tono continuo.
trama viva
efecto moiré
cuando se ve la trama en la imagen

9. 75º
en la escala de grises de una imagen
(blanco y negro). El color gris, solo
45º
es una ilusión creada por el negro,
el cual según la cantidad que se apli-
que, va a ser la intensidad del gris,
esto tiene que ver con el angulo de 15º
los puntos.
en colores.pasa lo mismo que con
los grises, pero con puntos de colo-
res CMYK.
0º
tramas de
ángulos
semitono
en las impresiones el ángulo menos molesto a la vista es el que se ubica a 45º, por lo
tanto los colores mas oscuros se destinan generalmente a este ángulo, el ángulo que
se nos hace mas visible es a 0º.
tintas
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
planas
cuando la tinta ocupa el 100% del
espacio
tramas
cuando el área esta conformado por
solo un porcentaje de tinta
ppi
El ppi o dpi (dot per inch) es el número de puntos individuales de tinta que
(point per inch)
la impresora puede producir en un espacio de pulgada

11. Por cada color hay una película, en
todas las películas esta el negro de
separación
registo, el cual queda impreso en to-
de los colores
das las planchas, este tiene toda la
información de las planchas
La tintas son aguosas, por lo tanto se juntan o se
mezclan. Para evitar esto, se hacen dos películas:
reserva o
una con el texto, por ejemplo, y otra con el fondo.
Entonces en ese caso si el texto es mas claro, se le
sobreimpresión
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 ca-
lado 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
encargo: hacer una réplica del diario escogido para la tarea número 1 (Providence Journal)
diccionario
Key color:
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

12. tercera clase
d o c e d e j u l i o

13. Numero de columnas
Se puede predeterminar el número de columnas con las que queremos traba-
jar, esto nos facilita bastante el trabajo ya que , estableciendo el numero, este
se fija en todas las páginas que vamos a trabajar .
1
Al crear un nuevo documento, el programa piude los datos de comos erá
este, como las medidas, margenes, etc. entre ellos esta el número de co-
lumnas, dodne se debe poner el número que deseamos que nuestro docu-
mento tenga
uso de
n Design

15. Exportación a PDF
Al crear un archivo in design es recomendable también crear un archivo PDF
(expotandolo) para generar un previsualizacion total del documento.. Cabe
destacar que al ejecutar esta acción el archivo se comprime.
1
Al terminar nuestro trabajo, es necesario guardar el archivo en formato in
design (.indd) y también se debe exportar a formato PDF por medio de
“file” “exportar” ( control+E) y se selecciona en tipo: Adobe PDF.
encargo: hacer una bitacora de 20x20 que relate cada clase lo que vamos aprendiendo por medio de ima-
genes y textos, y el uso del propio In design
diccionario
W
para poder ver el trabajo sin grillas se pude utilizar la tecla “W”
Alt+shift+ control+V
significa “paste in place” que se usa para pegar las imagenes extraidas de photoshop en un
lugar seleccionado
al poner la lupa, se maximiza, pero para hacer el efecto contrario, o sea minimizar se usa
la tecla Alt, con la lupa

16. cuarta clase
veinte de julio

17. carpetas y formatos
*
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)
uso y datos
*
bitmaps (imagenes de camara digital, escaneado, imagenes por pixel)
gif. de
vectores (Illustrator, imagenes planas)
n Design

19. Diagramación
grilla o reticula editorial
La retícula es un esquema que permite subdividir el campo visual con el que
trabajaremos en espacios más reducidos a modo de reja. Los campos o espa-
cios pueden tener o no las mismas dimensiones. .
Los campos están separados entre sí por un espacio para que las imágenes no
se toquen y para que se conserve la legibilidad. La distancia entre los campos
es de una, dos o más líneas (distancia vertical); la distancia horizontal está en
función del tamaño de los tipos de letra y de las ilustraciones.
Tal como se planteó anteriormente, la grilla permite la organización
coherente de la información y de las imágenes, teniendo en
cuenta el objetivo principal de una publicación: la legibili-
dad. Es una guía que le permite al diseñador realizar luego el diseño editorial
con libertad, asegurando la legibilidad.
grilla utilizada para
esta bitacora, con-
uso de
siste en 4 columnas
y la segunda divi-
n Design
dida por la mitad,

20. quinta clase
veinte y siete de julio

21. 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 imprenta.
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 transporte de archivos gráficos. Fué desar-
rollado por John Warnock y Chuck Geschke, actualmente de Adobe Systems y
fue introducido en 1982.
Es como programar, pero sus funciones se espe-
cializan en todo tipo de trazos y gráficos.
Ha sido especialmente diseñado para comunicar
ordenador a
un documento creado por un
un dispositivo 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, tipo-
grafía (fuentes) de alta calidad a baja resolución
(e.g. 300 puntos por pulgada). y funciones,

23. Se diferenció por utilizar un lenguaje de program-
ación completo, en vez de una serie de secuen-
cias 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 .
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
dispositivo, 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
coordenadas y la función para trazar y rellenar un
rectángulo, esto es enviarle sólo algunas decenas Postcript en lugar de describir a un nivel detallado en-
de caracteres al dispositivo. viando el valor de cada pixel de la página su modo de
La velocidad de impresión es mayor por que la lectura corresponde a leer ( como la imagen superior;
información que se tiene que transmitir es menor ejemplo de bitmap) trata a las imágenes (incluso las
y por que los procesadores que lo interpretan son fuentes) como colecciones de objetos geométricos en
rápidos lugar de mapas de bits.

25. encargo: continuar con la bitácora, averiguar sobre Postcript
diccionario
En la clase si hizo una alusión al diario “La Epoca”
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

26. sexta clase
tres de agosto

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 tra-
bajar, no se puede diseñar. Es importante diseñar, ordenar, es-
tructurar 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.

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.

31. 5
se completan los datos como que nombre queremos ponerle al es-
tilo, 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,
datos
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,
como recuadros, circulos, etc

32. septima clase
d i e z d e a g o s t o

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.