3. Índice
Clase 1 29 de junio pag 1
Clase 2 6 de julio pag3
Clase 3 13 de julio pag 6
Clase 4 20 de Julio pag 10
Clase 5 27 de Julio pag 14
Clase 6 03 de Agosto pag 17
Clase 7 10 de Agosto pag 14
4.
5. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Clase 1 29 de junio
Encargo
Portadas de Periódicos
Objetivos
Gutemberg y la
·Reconocer distintas maneras de dis-
imprenta
poner el contenido
en una portada de un periódico que no
Sistema de impresiones,
sea chileno.
llevamos la noticia a lo
·Rescatar su geometría y estilos
impreso, (era digital Gutem-
tipográficos
beriana), hoy en día el dis-
·Derivar su proceso de producción en
eño de prensa se relaciona
computador .
directamente con gutem-
berg, los procesos produc-
tivos condicionan el diseño,
la libertad del diseñador
comienza cuando comienzan
los limites. Cuando inven-
taron la imprenta había una
persona que se dedicaba a
dibujar, y otra que pintaba,
y asi como en cada funcion
hay un por que en cada
diseño de pagina
Pág
1.
6.
7. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Geometría de la
pagina:
Un diseñador responde a las Descubrimos también que en el
necesidades corpo orden de la pagina encontramos
rativas, enseñamos al usuario a divisiones, dadas por columnas,
leer el diseño, las cuales en si se ordenan con,
el diseñador le propone un pelos, reglones, grillas.
juego al usuario, En cuanto a las columnas se
hay que darle cavida al conteni- distinguen grillas bajas y altas,
do, hay una ley en el campo editorial primero se
tras el juego de letras. diseñan
En la pagina de un periodico las grandes columnas y luego
encontramos 3 divisiones. sus divisiones.
Header: se refiere a la parte (Antiguamente los diarios se
superior, donde encontramos por hacían con maquinas que traba-
lo general el logo del periodico, jaban con plomo linotipia.)
titulos, subtitulos y avisos pub- Las tipografías pueden dividirse
licitarios en algunas portadas. en diversos tipos, y así también
Body: parte central, encon- tener características como las
tramos generalmente la parte que son con serif y las que no
central de la noticia y lo mas tienen serif.
relevante Esto va a depender del publico
en cuanto a información. al que este sea dirigido (tagged)
Footers: parte inferior, estan al carácter que le da el mismo
algunas noticias menos rel- diario, y al tiempo de lectura.
evantes, avisos publicitarios, El diario lleva una imagen global
el informe del tiempo, etc. en si, NO necesa
riamente debe llevar fotos.
La manera en como la gente lea, afecta en la medida de cómo nosotros le damos el contenido.
Pág
2.
8.
9. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Clase 2 6 de julio
Encargo
Reproducción de periodico
en InDesign
Pa s o s a s e g u i r. . .
Objetivos
Sobre la base de la geometría y descu-
brimientos del Diseño que hicimos
hacer una réplica del diario en un archivo
de InDesign.
Registrando los pasos en Indesign a
través de la impresión de las pantallas,
e ir editando los en otro archivo
InDesign
Pág
3.
10.
11. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Color e impresión Espectro visible Reserva o sobre
y gamas de color: impresión
Propiedades del color y término de
impresión. Un espacio de color es un
Es difícil establecer un estándar
Relacionados con el destino de lo rango de colores en el grises.
de color de pantalla.
que se va hacer espectro visible. Un espacio
-Tono continuo: manera de
Colores básicos: rojo verde azul de color puede ser también
presentar la separación de los
(aditivos) RGB una variante de un modelo
colores.
Aditivo: tiende hacia el blanco, la de color. Adobe RGB, Apple
-Imágenes digitalizadas: imá-
luz plena, y se usan en pantallas, RGB y sRGB son ejemplos de
genes de tono continuo.
monitores, etc. diferentes espacios de color
-Tramas semi tono: solo tintas ne-
Sustractivo: la mezcla de basados en el mismo modelo
gras, representación con escalas
pigmentos cian, magenta de color.
de grises.
y amarillo no produce el color blan- Gamas de diferentes espacios
-Traducir al negro: solo trabaja
co, sino un color gris sucio, neutro. de color: Gama visual.
con la escala de grises.
En cuanto al negro, Espacio de color RGB
tampoco es posible obtenerlo Espacio de color CMYK
a partir de los primarios, siendo Se hacen marcos, para no
necesario incluirlo en el conjunto poner un color sobre otro se
de colores básicos sustractivos, hace una reserva.
obteniéndose el modelo CMYK
(Cyan, Magenta, Yellow, Black).
colores CMYK
Colores aditivos y sustractivos
Colores basicos
Pág
4.
12.
13. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Lineatura o
frecuencia de la
trama
Trapping: tiene que ver con Colores de cuatritomia: - cian,
una decisión controlada. - cian,magenta, - cian, magenta,
Area de tono continuo: amarillo, -cian, magenta, ama-
Imágenes digitalizadas = rillo, negro.
imágenes de tono continuo. es el número de líneas de
Tramas de semitono: con tinta puntos por unidad de medida
negra utilizado para representar
Cuatritomia: produce una flor los la imagen impresa en el papel.
colores caen sobre si mismo con La relación entre la resolución
una variación, produciendo de salida (dpi) y la lineatura (lpi)
la roseta. determina el grado de detalle en
la impresión del mapa de bits
y la cantidad de niveles de gris
que podrá tener.
Cuatritomia
Trapping
Reserva o sobreimpresion
-Control v muestra medidas y datos metadatos.-Existen cruces de calces que nos ayudan a calzar el trabajo Pág
una vez impreso.
5.
-El key color seria el color negro aditivo-Los colores se deben separar para ser impresos.
14.
15. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Clase 3 13 de julio
Encargo
bitacora de clases.
Objetivos
Realizar una bitácora en indesing,
que va evolucionando periódicamente
a medida que pasen las clases, apuntes,
Pasos útiles para
preguntas, respuestas, investigar y leer
wikipedia.
InDesign
1)identificar las clases.
2)Respaldo ideas y descubrimientos.
La pagina debe medir 20 x 20 cms
Ir actualizándola y en formato pdf
Armarse una carpeta en el escritorio para ir guardando las imágenes.
e indesign
En indesign abrir nueva ventana y elegir tamaños,
numero de columnas, márgenes.
Las herramientas funcionan con las columnas no con las guías.
Para transportar una imagen ya previamente tratada en photoshop
(place o import) y poner la foto en la figura geométrica que se a hecho
en el lugar donde va ir esta foto.
Formato IND, la imagen ya viene predeterminada, es un formato
liviano, el cual será el vínculo, que pasando por un archivo TIF para
llegar finalmente a la página donde se quiere poner esta imagen.
PDF comprime toda la información y así se puede exportar.
Pág
6.
16.
17. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Guias maestras:
Útiles para llevar una diagramacion clave y base de la página, nos
ayuda a llevar un orden.
Pág
7.
18.
19. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Imágenes
Para insertar una imagen es necesario ya tener preparada la imagen
que se quiere presentar con un tamaño ideal, primero hay que selecci-
onar la herraienta del cuadrado con una cruz y hacer un cuadrado que
es del tamaño de donde irá la foto, luego en en file seleccionar place y
aparecerá la imagen.
Pág
8.
20.
21. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Character style
Con esta opcion podemos crear y guardar nuestros propios estilos de
tipografia, nos ayuda en el momento de repetor parrafos, titulos, suti-
tulos, textos en general. Es de gran ayuda y ahorra bastante tiempo
-¿Los estilos de carácter sirven por caja de texto. -¿como cambiar columnas cuando estas ya están seleccionadas
en la pagina?. -Las guías actúan como imán.
Pág
9.
22.
23. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Clase 4 20 de Julio
Encargo
Mejorar y avanzar en la bitácora
Objetivo
Reconocer jerarquias, evolucion del
Lo que falta...
descubrimiento, paletas, estilos, colo-
res, imágenes.
-Creas carpeta para imágenes
Imágen como vin- -Falta de indice
-Paginación.
culo -Incorporar imágenes.
Crear una carpeta específica para
las imágenes, que actue como
un respaldo para ellas, verificar el
tamaño de la imagen antes de in
sertarla, y cuidarla de como esta
es modificada para ser utilizada.
Pág
10.
24.
25. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Clase5 27 de Julio
Encargo
Documento o fichero Postcript: Como funciona:
Investigar todo acerca de post-
cript, y de trutype. debe atenerse a unas reglas PostScript es un lenguaje de los
de construcción muy precisas. denominados “interpretados”. Es
Objetivo Aparte de esto, puede contener decir, no le habla directamente
dentro datos de todo tipo: Tex- a la máquina, sino que necesita
Saber todo acerca del significado de
tos, Imágenes binarias. un procesador (un dispositivo
postcript y trutype, saber de donde
permite algo que en la actuali- físico o un programa residente
viene, para que sirve y de que se trara.
dad parece básico pero que hace en el ordenador) que actue
muy pocos años no lo era: como intérprete traductor entre
Ac e r c a d e l Po s t - La portabilidad de los documen- el código PostScript “universal”
tos de una impresora o filmadora y la máquina. Eso es lo que se
script a otra. llama “intérprete PostScript”.
También se le denomina RIP por
PostScript es un “lenguaje de
PostScript fue inventado y desar- las siglas inglesas de Raster Im-
descripción de página”, es decir,
rollado por la firma californiana age Processor, lo que traducido
es un lenguaje de programación
Adobe hacia 1984. Apple lo es algo así como “Procesador de
que se usa para decirle a una
adaptó en 1985 a sus impreso- peinado o rastrillado de imagen”.
máquina destinada a imprimir
ras láser y fue un rotundo éxito, .
cómo y qué debe imprimir.
gracias en parte a una aplicación
Un documento PostScript, en
de diseño de páginas llamada
realidad, es un programa que le
PageMaker que fabricaba la com-
dice a una máquina qué, cómo y
pañía Aldus.
dónde imprimir, paso a paso. Los
Cuando una empresa de gran
documentos PostScript se des-
solvencia en las artes gráficas,
tinan a imprimirse en aparatos
Linotype, adoptó PostScript el
PostScript, es decir, en aparatos
éxito quedó asegurado.
que tienen un dispositivo interno
El hecho es que PostScript no es
capaz de descifrar el código que
el único Lenguaje de Descripción
reciben y convertirlo en simples
de Página (LDP) que existe, pero
puntos de impresión (aquí im-
es el que ha tenido más éxito y
primo o no)
el que se ha convertido en un
estándar de las artes gráficas.
Pág
11.
26.
27. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Ficheros PostScript
La complicación surge de que un
Atienen a la estructura del 3. Un Fichero PDF Es, sim-
dibujo vectorial puede contener
lenguaje PostScript para, usual- plificando mucho, el “hijo listo”
a su vez uno o más “mapas de
mente, describir datos de ima- de PostScript. Para saber más
imágenes” (fotos) incrustadas en
gen a un dispositivo de impresión sobre qué es y cómo funciona,
su interior, y un mapa de imá-
“de calidad”. mejor consulta estas páginas
genes puede contener uno o más
tendrá un encabezamiento que formato PDF.
objetos vectoriales (trazados, en
lo identificará como fichero Post- 4. Un fichero de Illustra-
este caso)
Script. tor Esto tiene su truco, ya que
pueden ser multipágina o de una la relación entre Illustrator y
sóla página. Éstos últimos se los dos formatos anteriores es
Diferencia entre fichero Postcript,
suelen llamar ficheros EPS. extremadamente fina y ha ido
PDF, Illustrator,EPS.
los ficheros EPS son ficheros variando con el tiempo. La mejor
1. Un fichero PostScript Es
que se van a tratar como una forma de decirlo es reproducir
un conjunto de código Post-
única imagen (especialmente en el mensaje de Paul Asente (uno
Script que describe general-
otro programa) y que, por ello, de los ingenieros de Adobe Il-
mente un contenido destinado
contienen una delimitación de lustrator) en el grupo de noticias
a la impresión. Puede (y suele)
tamaño alt.graphics.illustrator (28 de
tener más de una página y diciembre de 2002) respondi-
Diferencia entre los ficheros
necesita imprimirse en un dis- endo a la pregunta “¿Cuál es la
PostScript a secas y los fiche-
positivo capaz de interpretar ese diferencia entre los ficheros *.AI
ros EPS
código PostScript. y los *.EPS?”:
son los primeros no encapsulados
2. Un fichero EPS (Post-
y pueden ser multipágina (y no
Script Encapsulado) Es un tipo
los debes llamar, en buena ley,
concreto de fichero PostScript.
“EPS”). Suelen tener la extensión
Es monopágina. Está obligado
“ps”. Hecha esta salvedad, por
a contener unos parámetros
comodidad uso aquí casi siempre
PostScript determinados que
el término EPS
describen su tamaño y no pu-
Los ficheros PostScript (del tipo
ede contener algunas ordenes
que sean) pueden contener,
del PostScript más general.
además de masas de texto,
También necesita un RIP para
información gráfica de dos tipos
su interpretación.
principales: Objetos vectoriales
y mapas de imágenes. En claro:
Dibujos de programas como Illus-
Po s t S c r i p t t y p e
trator y fotos de programas como
Photoshop Pág
12.
http://gusgsm.com/que_es_postscript
28.
29. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Acerca de
Tr u e Ty p e
estándar de la fuente del con- Cada vez más, los nuevos acer-
torno desarrollado originalmente camientos a la representación
por la computadora de Apple a el de la pantalla han reducido la
final de los ‘80 como competidor importancia de hacer alusión
a las fuentes del tipo 1 del adobe extenso de TrueType. El acer-
usadas en posdata. La fuerza camiento de representación de
primaria de TrueType era original- Apple en OS X del Mac no hace
mente que ofreció a reveladores caso de casi todas las indirec-
de la fuente al alto grado de con- tas en una fuente de TrueType,
trol sobre exacto cómo se exhi- mientras que ClearType de Mi-
ben sus fuentes, llanura derecha crosoft no hace caso de muchas
a los pixeles particulares, en las indirectas, y de trabajos lo más
varias alturas de fuente. (Con ex- mejor posible con las fuentes
tensamente variar rindiendo hoy “ligeramente hechas alusión”.
funcionando de las tecnologías,
el control del pixel-nivel está no
más seguro.)
Macintosh y Windows
TrueType ha sido de largo el for-
mato más común para las fuen-
tes en el OS del Mac y Windows,
aunque ambos también incluyen
la ayuda nativa para el formato
del tipo 1 del adobe y la exten-
sión de OpenType a TrueType
(desde OS X 10.0 del Mac y el
Windows 2000). Mientras que
algunas fuentes proporcionadas
los nuevos sistemas operativos
ahora están en el formato de
OpenType, las fuentes de tercera
persona más libres o más bara-
tas utilizan TrueType llano. Pág
13.
wikipedia.com
30.
31. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Clase6 03de Agosto
Encargo
Jeraquizar y descubrir el orden
Arquitectura de la
dispuesto de cada material de La “arquitectura de información”
una revista dada. es un proceso iterativo, trans-
Información versal, que se da a lo largo del
Objetivos diseño del sitio y en cada una de
La Arquitectura de Información
sus fases, para asegurarse de
Ser capaces de distinguir la jerarquiza-
, es la disciplina encargada del
que los objetivos de su produc-
cion y el brainstorming, entregando un estudio, análisis, planificación
ción y del desarrollo de la interfaz
mapa explicativo. y fundamentación de la orga-
se cumplen de manera efectiva.
nización, disposición y estructur-
Diseño semantico La Arquitectura de la Información
ación de espacios de información,
como disciplina no trata de la
y de la selección y presentación
Separa al contenido del diseño, búsqueda de una metodología
de los datos contenidos en los
y este mismo a su vez teniendo de diseño universal sino de la
sistemas de información interac-
su propio diseño, hablamos de articulación de un conjunto de
tivos.
contenido editorial, de web, en técnicas para ayudar al desarrollo
La Arquitectura de la Información
móviles, o en merchandising y producción de los sitios.
trata indistintamente del diseño
entre otros. Con el fin de que la asimilación de
de sitios web, interfaces de dis-
Trata de cómo organizamos la contenidos por parte del usuario
positivos móviles y gadgets como
información dada, para que la sea eficiente y efectiva, y para
un iPod, CDs interactivos, video-
gente lo entienda, le damos que el sitio sea accesible y usable,
clips digitales, relojes, el tablero
jerarquizaciones, e importancia a la Arquitectura de la Información
de instrumentos de un avión de
diferentes tipos de textos, imá- como proceso en general, se
combate, la interfaz de una má-
genes, etc. encarga, durante el proceso de
quina dispensadora, la interfaz de
desarrollo, de definir:
juegos electrónicos, etc.
• El objeto, propósito y
fines del sistema de información
Su principal objetivo es facilitar al
o sitio
máximo las tareas que ejecutan
• La definición del público
los usuarios y los procesos de
objetivo y los estudios de la audi-
comprensión y asimilación de la
encia.
información que se les presenta,
• El análisis competitivo
de acuerdo a los objetivos plant-
• El diseño de la interacción
eados en la fundamentación del
Entre otros
proyecto.
Pág
14.
32.
33. Brain storming
B
diagramacion de revista
i
WIRED.
t
á
c
o
ra
d
e
L
e
n
g
u
a
j
e
C
o
m
p
u
t
a
c
i
o
n
a
l
Pág
15.
34.
35. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
En cuanto a la jeraquizacion
Logo de la
revista, como
encabezado
de la portrada
Temas a tratar,
se establece
un cambio en
el tamaño de
la tipigrafia
Tema fuerte
a tratar, tipo-
grafia mayor,
logra desta-
carse y ser
leida a primera
impresion
Titulos en grande
y con una dife-
rente tipografia
resaltan el tema
principal del
articulo
Texto central
Informacion al pie de
pagina, encabezada
por una letra E
Pág
mayuscula
16.
36.
37. B i t á c o ra d e L e n g u a j e C o m p u t a c i o n a l
Clase7 10 de Agosto
En cuanto a la
Encargo
clase
Traer lamina de 110x55 con la
diagramacion recursos
Tomamos la experiencia del
y vocetos acerca de la revista
usuario, analizamos colores,
dispuesta a diseñar.
reportajes, porcentajes de la
Objetivos revista en cuanto a diagramacio-
nes y reparticiones de temas,
Comenzar a armar nuestro plan de
nos damos cuenta de que el
diagramacion y disposicion del diseño
contenido es capaz de juntar las
de la revista aplicando todo lo apren-
cosas.
dido durante el trimestre.
Nos replanteamos un brainstorm-
Levantamiento de ing el cual nos ayuda a ordenar
ideas, y a una mejor reparticion.
contenidos
= Infografias.
= Actualizar Bitacoras.
= Adoptar recursos para la
bitacora.
Proximo
= Rescatar el diseño mismo
en cargo
= Acarecarse a observar otras
revistas tales como la Paula.
Construir revista de la escuela, inventar secciones,
diagramaciones, utilizar recursos ya adquiridos.
revista como proyecto.
Pág
17.