INDICE

C

lase 1 Analisis portada de periodico

Clase 2 Im

presion, color

Clase 3 Introduccion a InDesign

Clase 4 Revisio

n

Clase 5 Postsc

ript y True type

Clase 6 Arquitectura de la informacion

Clase 7 Diagramacion

CLASE

1Analisis portada de periodico

También vemos la uti-lización de los distintos tipos de letras como por ejemplo las distinción entre las letras de palo seco y las con serif, con-cluimos que una letra con serif da mas formalidad requiere de una mayordetención, mientras las de palo seco son mas rápidas de leer. Así se puede ver por ejemplo a quien va destinado tal periódico, es decir, a que publico. Otro tema es el proceso productivo que requiere el diseño de un diario, las partes que lo coronen: Header, Body y Footers..

Primera clase cor-rección de las tareas. Vemos que las portadas de los diarios tienen una grilla determina-da, por la cual se rigen para definir el espacio. Esta organización esta basada en columnas y cada elemento del dia-rio (columnas, fotos, etc.) están ordenados dependiendo de la base de columnas por el cual fue construido. Apren-demos nuevos términos propios del diario como filetes: separaciones de líneas gruesas en-tre cada noticia; pelos: 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 utilización de los “pelos”.

ambas imagenes fueron tomadas de https://s3.amazonaws.com/ppt-download/tarea-no1-gatica2367.pdf

1 29/6/o7

gutember grilla HEADER serif DIARIO pelos tipografia FOOTERS GEOMETRIA

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.

T I P S ( n u e v o s )-line tool

(Photoshop)-Horizontal type

(Photoshop)

N U E V O S T E R M I N O S

- Header: parte superior del peri-odico, contine el logo y aveces un

resumen de las noticias- Body: parte central del periodico

- Footers: la parte inferior del periodico

- Pelos: lineas de separacion

imagen tomada de http://www.library.fau.edu/depts/spc/images/gutenberg.gif

Impresion, color

Color aditivo: es aquel que utilizamos en aparatos electronicos son el rojo, el verde y el azul (RGB), ellos tienden hacia el blan-co hacia la luz plena. Modelo sustractivo: son aquellos colores que se ocupan para la impre-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

poco mas de color.Las imágenes de tono

continuo son aquellas que han sido digitalizadas y pueden tener un filtro de por medio. Por ejemplo Flickr les da un filtro mas luminoso.Tramas de semitono son los grises, estos se van formando por la apertura o cierre de puntos al imprimir. Lo

optimo es que la apertura se encuentre en los 45º

Tramas de semitono en cuatricromia,cuando los clores estan equilibrados se puede ver lo que lla-man la flor “Roseta”. El efecto Moire es cuando se comienza a ver la trama el

negro cae de 45º.

Se hace una separa-cion de colores al im-primir, por cada color

tengo 5 peliculas.Existe tambien el problema de la sobre impresión y ahí es cu-ando al caer uno ar-riba del otro cambia el

color deseado.

las imagenes fueron tomadas de www.gusgsm.com/files/rose

CLASE2

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.

T I P S ( n u e v o s )

- rectangle tool (InDesign)

- leading (InDesign)

N U E V O S T E R M I N O S

-metadatos: mas datos de los que se muestran en un arhivo, porejemplo los de una foto, trae tamaño, peso,etc.-trapping: reventado que se da al imprimir.

cuatricromia CMAN RGB LINEATURA luz ROSETA pantalla color impresion

2 5/7/o7

informacion escrita por mi despues de haber realizado algunas pruebas

de impresion

CLASE3Introduccion a InDesign

Creación de un diseño de diario realizado por Adolfo. Adolfo co-mienza diciendo todos los pasos a seguir para que el control del pro-grama InDesign sea lo mas fácil y limpio posi-ble. En primer lugar se

dice algo importantísimo, que es crear una carpeta que contenga toda nuestra información. Esto es por un tema de orden pero por sobre todo es porque permite importar las imá-genes al programa y no pegarlas a él ya que de ese

modo pesan mucho. Una de las acotaciones impor-tantes fue el recurso de el fluido de las columnas

que se nos presenta al principio

como una opción, los márgenes que e le dejan y

una serie de cosas que nos van librando de las guías en este programa

3 13/7/o7

TEXTO cruces columnas IMAGENES deguias escala IND corte PDF GRISES

T I P S ( n u e v o s )(InDesign)-ctrl v y d

-direct selection tool-preview

-font size

N U E V O S T E R M I N O S

-

Lorem Ipsumes 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.

imagen sacada desde http://www.lipsum.com/

CLASE4Revision

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.

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 TIFFLa 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).

esta imagen fue tomada desde http://webmaster.lycos.es/ressources/images/channel/webmaster/topics/graphic/ess-c04-im3.jpg

4 20/7/o7

-Archivos: jpg, gif, pngLos 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.

formato tipo de compresion ventajas desventagas

JPG

GIF

PNG

-Con pérdida (algorit-mo JPEG)

-Sin pérdida, aunque limitado a 256 colores

-Sin pérdida

-Ficheros muy reducidos -Muy bueno para fotografías

-Permite animaciones (no adecuado para Wikipedia)

-Excelente para gráficos -Permite transparencias

-Pérdida de calidad notoria a altos niveles de compresión

-Paleta limitada (obsoleto para imágenes de muchos colores)

-Ficheros grandes para imágenes de muchos colores .

pixeles COMPRESION columnas IMAGENES BITMAP EPSBITMAN vectores

CLASE5

En esta clase se habla sobre la calibracion de la pantalla, como se puede hacer y las diferencias que se producen debido a las marcas, la calidad, etc. Cualquier variante produce un cambio en el color de como vemos las cosas. Tam-bien hablamos sobre el archivo Postscript y como funciona, a grandes rasgos

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.

Un documento PostScript, en realidad, es un pequeño programa que le dice a una má-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 interno capaz de descifrar el código que reciben y convertirlo en simples puntos de impresión (“aquí imprimo, aquí no, aquí sí, aquí también, etc…”).

Un documento o fichero PostScript, como programa que es, debe atenerse a unas reglas 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-cos (es decir, “ dibujos vectoriales “).

La idea de PostScript, que parece bastante básica y tonta, no lo es en absoluto. La exis-tencia de este lenguaje (y de otros similares) permite algo que en la actualidad parece básico pero que hace muy pocos años no lo era: La portabilidad de los documentos de una impresora o filmadora a otra.

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”.

Postscript y True Type

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 27/7/o7

pixeles PROGRAMA VECTORES bitmap adobe ficheroarchivo fuentes

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.

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.

CLASE6Arquitectura de la informacion

Hablamos principal-mente de como es distribuida i ordenada la informacion que se tiene para poder presentar algo y que aquello sea entendible. No es por casualidad que cada vez que queremos escribir algo que nos debe servir como una materia nueva, anotamos con letras mas grandes algunas cosas, sub-rayamos, destacamos, etc. Nos es casi natural tener un orden para disponer los elementos pero existe algo llama-do la arquitectura de la informacion que es la forma mas indicada para un diseñador para poder guiarse en la construccion de una pagina.

diseño

diseño

CONTENIDO

En el dibujo superior se muestra como una mismacosa puede mostrarse de disintas maneras. Abajo, una minima organizacion de los contenidos antes de comenzar un texto

TEXTO GENERAL

lo destacadoen bold

preguntas en italic respuestas en regular

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 3/8/o7

ARQUITECTURA contenido de informacion AI informaciondiseño ORGANIZACION

CLASE 7Diagramacion

En primer lugarse cor-rigeron algunos de los levantamientos de la WIRED, y conversa-mos de lo interesante que esta resulta, lo inovador de sus secci-ones, y lo mas impor-tante de todo, es como muestran el contenido que tienen, porque jus-tamente esoes lo que la hace tan interesante. Cuando Herbert Mar-shall McLuhan dijo “El medio es elmen-saje” tenia mucHisima razon y en esta revista eso se ve.

La famosa frase ‘El medio es el mensaje’ (The Medium is The Message) nos lleva a la preguntarnos qué es el medio y qué es el mensaje.

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 esta forma excluíriamos algunas de las características más importantes de los medios: su poder para modificar el curso y funcionamiento de las relaciones y las actividades humanas.

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 ‘contenido’ se convierte en una ilusión, en el sentido de que éste se encuentra enmas-carado por la intervención del medio (la mediatización).

Medio y mensaje funcionan en pareja puesto que uno puede contener a otro: el telé-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.

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.

4 10/8/o7

EL MEDIO ES MC LUHAN EL MENSAJE