3. Introducción Pre-prensa digital
etc. con un fin primero de infor-
tingo, como hacer para que
Diagramacion
La preprensa digital, Encargo
mar y esto de forma rapida di- engeneral los periodicos utili- Tomar la portada de un
geometria,diseño. aparesca una noticia respecto
recta (enc uanto a informacion) zan un sistema de columnage periódico no nacional y
de la otra y que noticia es mas
Introduccion a la tematica de el curso en el tema de la preprensa hacer un análisis desde el
presicion y conviccion. que se refiera la divicion geo-
importante o incluso cual debe
digital, diseño periodistico y editorial. punto de vista del diseño y
De lo que a nosotros com dise- metrica del espacio o formato
ser leida mas calmadamente. su estructura.
Se pantea la idea de una primer avance repsecto de la investigacion ñadores nos preocupa su forma definido, formato que tiene di-
diseño perio- proporcion todos estos puntos se tocan a
de los medios y el planteamiento de el
Clase 01
o figura de presentacion “ima- recta con
distico la hora de diseñar un periodico. Realizar una lo encontrado.
presentación
Periódico gen” sin que esta deje de ser
como la complejidad de una constante que fortalese la diagramacion ya que todo lo de
puntos que por supuesto si-
julio
concreta mente funcional y que
P r e n s a lo figurativo o mas bien una vguedad del periodico en cunatoa su que se ponga en ella tiene que guiendo un riguroso es quema
identifique siertas cualidades
D i a g r a m a c i ó bellesa constructiva. ser medido por este espacio y orden en el tiempo dejaran en
que lo dejan dentro de un marco total. evidencia una continuidad y un
Geometria optimo para su comersialisacion
El periodico Uno de las cosas fundamenta-
de
Diseño registro que permitira recono-
dis-
economica.
elemento de comunicacion indirecto que proporciona informacion les de un periodico es el cer un periodico de otro.
de acontecer cotidiano que reune una comunidad, ciudad, cultura,
forma 5
6
4. Introducción Pre-prensa digital
detalles Gutenberg Con el tiempo comienzan a apa-
De la forma impresa Algunos de la tomo la
recer algunas variaciones y de- Encargo
a el Diseño prensa que se dieron por ma- iniciativa de la imprenta e in-
cisiones gráficas como tipogra- Reproducir la portada del
nifestación del impreso fue venta una primera etapa de lo
Dada la existencia del diseño periodístico así también como periodico ocupado en el en-
fías líneas y diagramaciones.
historia los pelos que quedan hasta que hoy llamamos pre-prensa cargo anterior.
su en el transcurso de muchos años la prensa
el día de hoy como imagen digital, en la cual se diseña Registrar todos los pasos
se inicia como una forma, formal, de replicar la información y
de lo antiguo que hoy llama- o diagrama la disposición de realizados ocupando InDe-
Clase 02
esta distribuirla, de un comienzo como principio básico es la im- sign
dos filetes, tiene funciones de las materias de una página.
Periódico prenta la que se desarrolla para modificar en la historia de la
tipos móvi- separación y guía de textos. Con ayuda de los artesanos a
julio
escritura escrita a la impresa atreves de
Tipos móviles
les quienes encarga lo tipos mó-
que serán creados por artesanos talladores en madera
Diagramación viles y el diseño de un proce-
que después de un largo trabajo en la confección de las tipogra- so de impresión se hacen los
Gutenberg
fías desarrollaron técnicas, nuevas y mejores formas de hacer primeros escritos no manus-
de
Prensa
“impresos”.
los tipos que imprimirían en secuencias ordenas las palabras.
critos
Jerarquía 7
6
6. 1/2 Color e impresión
Encargo
Existen en las teorías del color Donde la suma de todos los El mundo digital funciona bajo
RGB
De lo digital a lo Elaborar una bitácora en
colores da blanco. el termino (RED GREEN
algunos conceptos como: InDesign usado las he-
análogo BLUE) y los colores sustracti- rramientas rescatadas y
Colores sustrac-
Color aditivo:
Se presenta el color “como y para” según su uso este aparece vo o de mundo materia se les adentrandose en las desco-
Se
mundo digital tivos: nosidas.
Se le llaman a lo nombra CMYK (CIAN MAGENTA
tanto en el como el material y entre refiere a colores que se utili-
Clase 03
zan en el mundo digital, pan- colores que provienen de ma- YELLOW NEGRO (k COLOR)) de
C o l o r e s ellos para el diseño se traspasa constante mente de uno a otro. La bitácora consiste en la
color tallas monitores u otros. Y se terias “pigmentos” y que en esto se desprende las impre-
i m p r e s i ó n El es muy complejo dado que depende de cómo noso- elaboración de un cuader-
julio
les nombra aditivos por que se su suma se consigue el negro. siones en cuatricromía por el no de anotación de cada
tros lo vemos y de muchas variables que son determinantes para
Contrastes
suman en sobre posición para Estos colore son usados en el uso de los 4 colores. clace con apuntes persona-
las variantes del color. les y otros.
Tramas generar mezclas y depende mundo de las artes y de las Esta entrega es paulati-
Tintas completamente de la luz, ya impresiones. Tiene una ten- na en el taller y acorde al
de
que las pantallas o sistemas dencia en su superposición a avance de cada clace.
digital
digitales funcionan por luz. oscurecerse. 11
6
7. 2/2 Color e impresión
Trapping
Tramas de semitono Separación de color
Otros términos
Se refiere al calzado del color con respecto a su espacio en pagina
Son todas las tramas logradas Para una imprenta el color
Tono continua
para que no se superpongan y queden área defectuosas que no
Separación entre colores. con tinta negra en una escala debe separarse en capas (cua-
deberían existir.
Se les llama así a imágenes de grises. 0% blanco y 100% tricromía 4 capas de color mas
digitalizadas. negro un negro de registro) por esto Resolución de imagen
Esto se produce con ángulos es necesario que el diseñador Los DPI(PPP) son la unidad
trama
Clase 03
cree los recortes calados re-
de y con distancia de medida que se refiere a
servas para que los colores no
entre puntos con relación a un los puntos de individuales
julio
aparezcan superpuestos si no
tinta que tiene una
blanco de fondo.
de
lo desea.
imagen al ser traducida a un
impreso.
de
13
6
9. 1/3 Medios de produccion digital
R T
software el incluir un archivo
que se va a realizar, tipografías La denominación en inglés
imágenes textos, otros. Esta “Tagged Image File Format”
EPS dentro de otro documento
carpeta es importante ya que (formato de archivo de imá-
PostScript.
ahí estará nuestro archivo y la genes con etiquetas) se debe
Como mínimo, un archivo EPS
a que los ficheros TIFF contie-
contiene un comentario Boun-
vinculación con su contenido.
dingBox (bordes de la caja),
La importación de imágenes nen, además de los datos de
describiendo el rectángulo que
Las imágenes deben ser guar- la imagen propiamente dicha,
“etiquetas” en las que se ar-
contiene a la imagen. Aplica-
dadas en una carpeta dentro Encargo
Indesig Bitacora Avance de la Bitacora
ciones pueden utilizar esta in-
de nuestro sector de alma- chiva información sobre las
formación para distribuir ele- Continuar con la bitacora
cenamiento esto para poder características de la imagen,
Al igual que en la presa digital la elaboración de una bitácora se
hasta la ultima clase.
mentos en una página, incluso Presentsar expuesta en
rige bajo patrones del diseño como la geometría que es decisión destinarlas e él. Luego en el que sirve para su tratamiento
si son incapaces de interpretar www.Slideshare.com y en-
de diseñador lo que permite realizar diferentes juegos y entregar programa se debe colorar vin- posterior.
el PostScript contenido en el
vida a un pagina, construyendo así un medio muy elaborado de culándola, esto se hace para viar links para revisar.
Clase 04
Bitacora EPS(Encapsulated PostS- archivo.
comunicar. una correcta utilización de las
Reconocer el uso de Estilos
imágenes y para mantener el
cript Languaje)
Dentro del trabajo digital para la producción existen varias situa-
Imagen
julio
Es un formato de archivo gráfi- PSD (Photoshop Docu-
ciones que deben enfrentarse para decidir una buena composi- peso del archivo independiente
Patrones
co. Un archivo EPS es un archivo ment)
ción. Las imágenes, tipografías colores o no colores, ubicación o del contenido de mayor peso.
Digital PostScript que satisface algu- Es un formato que guarda
posición, entre otras.
nas restricciones adicionales. una imagen como un grupo
Inicio de trabajo / InDesign Formatos de imágenes
Carpeta
de
TIFF (Tagged Image File Estas restricciones intentan de capas, métodos de fusión,
Primero que todo, es requisito fundamental generar un sector
Formato
hacer más fácil a programas de colores, textos, máscaras, ca-
(como una carpeta) de almacenamiento de la información para lo Format) 17
6
10. 2/3 Medios de produccion digital
casos sí se emplea.
cesario tener un programa que
Graphics Interchange For-
nales de color, canales alfa, mato es generar imágenes de
BMP (o también Bit Map- Debido a que RAW contiene la
lea más formatos de imagen si
mat)
trazados, formas, configura- poco peso para crear fondos
ped Picture) totalidad de los datos de la
no tienes Photoshop. es un formato sin pérdida de
ción de tonos, entre otras. Éste para el escritorio de Windows.
Es el formato propio del pro- imagen captada por la cámara
JPG/JPEG (Joint Photo-
calidad, siempre que partamos
es un formato muy popular RAW (en inglés crudo)
grama Microsoft Paint, que y una mayor profundidad de
graphic Experts Group)
de imágenes de 256 colores
que incluso es soportado por es un formato de archivo digi-
viene con el sistema operativo color (por lo general 30 ó 36
es un algoritmo diseñado para
o menos. Una imagen de alta
programas de la competencia. tal de imágenes que contiene
Clase 04
Windows. Puede guardar imá- bits/píxel), sus ficheros tienen
comprimir imágenes con 24
calidad, como una imagen de
Este formato permite trabajar la totalidad de los datos de la
genes de 24 bits (millones de un tamaño de archivo muy
bits de profundidad o en escala
color verdadero (profundidad
con distintas capas después imagen tal como ha sido capta-
julio
colores), 8 bits (256 colores) y grande, salvo cuando incorpo-
de grises. JPEG es también el
de color de 24 bits o superior)
de haber cerrado el programa, da por el sensor digital de la
menos. Puede darse a estos ran compresión, en cuyo caso
formato de fichero que utiliza
debería reducir literalmente el
al contrario que el jpeg, pero cámara fotográfica. El formato
archivos una compresión sin no aumenta tanto.
este algoritmo para comprimir
número de colores mostrados
ocupa mucho más espacio y no RAW no suele llevar aplicada
pérdida de calidad: la compre-
imágenes. para adaptarla a este formato,
se puede abrir con programas compresión (sea con o sin pér-
de
sión RLE (Run Length Encoding).
y por lo tanto existiría una pér-
como el visor de imágenes y didas) como ocurre con el po-
El uso más común de este for-
GIF(Compuserve GIF o dida de calidad.
fax de Windows, luego es ne- pular JPEG, aunque en algunos 19
6
11. 3/3 Medios de produccion digital
TRUE TYPE PostScript
Es un formato de fuente tipo- Bajo un convenio microsoft y es un Lenguaje de Descripción implementado en su forma ac-
gráfica estándar desarrollada appel utilisan el mismo for- de Página (en inglés PDL, Page tual por John Warnock y otros,
inicialmente por Apple Compu- mato que para las tipografias. Description Language), utilli- luego de que él y Chuck Ges-
ter a finales de los 1980s como mas adelante microsoft creo zado en muchas impresoras chke fundaran Adobe Systems
competidor de la fuente Type varios formatos para su uso y como formato de transporte Incorporated (también cono-
1 de Adobe, usada en PostS- como opentype pero ningu- de archivos gráficos en talle- cido como Adobe) en 1982.
Clase 04
cript. La principal fortaleza no de los mismos resultados. res de impresión profesional.
de TrueType fue que ofrecia a Está basado en el trabajo
julio
los diseñadores de fuentes un realizado por John Gaffney en
gran grado de control sobre la Evans y Sutherland en 1976.
forma que sus fuentes se mos- Posteriormente, continuaron
traban a diferentes tamaños. el desarrollo ‘JaM’ (‘John and
de
Martin’, Martin Newell) en
Xerox PARC, y finalmente fue 21
6
13. Diseño y contenido
Contenido
Diseño Digital Encargo
El diseño contemporáneo pro- Un diseño propone un juego alguna manera para generar CSS extensión en XHTML). El W3C 1.-Levantamiento de con-
pone una concentración e su creativo que pretende hacer un orden. Como en la moda o tenidos Revista WIRED
En el diseño digital esencial- (World Wide Web Consortium)
que hacer como diseño y sepa- que el lector pueda interactuar en la música se puede hablar mente en el web se utilizan los es el encargado de formular la
2.-Levantamiento de
ra la información y su diseño con una página o un espacio di- de estilo agrupando diversos estilos con el nombre de casca- especificación de las hojas de actividades de la escuela
Clase 05
para poder entregar mayor señado. Existiendo así un sen- grupos que tiene ciertas ca- das de estilo. estilo que servirá de estándar “calendarisación”.
funcionalidad al contenido. Al tido de orden que podríamos racterísticas, esto llevado al para los agentes de usuario o
julio
no tener diseño inserto en el llamar “diagramación”. diseño es un poco más estric- Las hojas de estilo en cascada navegadores.
se puede utilizar en diversos to ya que en general son más (Cascading Style Sheets, CSS) La idea que se encuentra de-
medios y darle diversas for- Estilos bien características asignadas son un lenguaje formal usado trás del desarrollo de CSS es
mas que serán modificables Los estilos como bien se cono- a contenidos para entregar ese para definir la presentación separar la estructura de un do-
de
independientes de dicha infor- cen en lo común o son formas orden expresivamente grafico. de un documento estructurado cumento de su presentación.
mación. preformadas o designadas de escrito en HTML o XML (y por 25
6
15. Arquitectura de la información
rio y se produzca un fenómeno formación (interfaz y usuario),
Plan y forma Encargo
de persuasión, conocimiento o hacen simbiosis e inician un
1.- Construir una revis-
información simbiótica, que se proceso de comunicación que
La Arquitectura de Información La Arquitectura de la Infor-
ta para la escuela. esto
traspasa de un sistema a otro, los enriquece mutuamente.
es la disciplina encargada del mación no trata del estable- implica una organizacion
según sean los objetivos del Por un lado la interfaz cumple
estudio, análisis, planifica- cimiento de un conjunto de dela informacion posible y
proyecto en general y los ob- con su objetivo y puede ser
ción y fundamentación de la pasos o guías predefinidas, seleccionada.
Clase 06
jetivos iniciales del usuario al mejorada, y por otro, el usua-
organización, disposición y sino de la omnipresente inteli-
interactuar con la interfaz. rio encuentra lo que busca y lo
estructuración de espacios de gencia que subyace detrás del 2.- bitacora al dia 10 de
julio
agosto.
asimila con facilidad.
información, y de la selección diseño de una interfaz o es-
De esta forma las acciones de
y presentación de los datos pacio de información. Trata de
buscabilidad, encontrabilidad
contenidos en los sistemas de que interactividad, navegación
y recuperabilidad de informa-
información interactivos. y contenido, sinérgicamente,
de
ción se realizan en un contexto
permitan una integración sis-
óptimo en ambos nodos de in-
témica con el cerebro del usua- 29
6