bitácora lenguaje computacional 01

primera clase v e i n t i n u e v e d e j u n i o

Los procesos productivos van condicionando el diseño

era gutemberiana

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

actualmente diarios

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

Pelos, plecas o filete: 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

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

dic

cio

nario

Encargo: estudiar la portada de un diario internacional, respecto a su diagramacion

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

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

teoriá de

colores

tono continuocomo se separan los colores. La imágenes digitalizadas son las de tono con-tinuo, como por ejemplo si una imagen se escanea, esta se transforma en

are de tono continuo.

trama vivaefecto moirécuando se ve la trama en la imagen

en la escala 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 apli-que, va a ser la intensidad del gris, esto tiene que ver con el angulo de los puntos.en colores.pasa lo mismo que con los grises, pero con puntos de colo-res CMYK.

ángulosen 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º.

0º

45º

15º

75º

tramas desemitono

tintasaplicació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

tramas

cuando la tinta ocupa el 100% del espacio

cuando el área esta conformado por solo un porcentaje de tinta

El ppi o dpi (dot per inch) es el número de puntos individuales de tinta que la impresora puede producir en un espacio de pulgada

ppi(point per inch)

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 ca-lado se produciría una especie de sobre posición

de colores, lo cual los altera.

encargo: hacer una réplica del diario escogido para la tarea número 1 (Providence Journal)

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

es importante ser preciso con el calado, para que calce una pelicula con la otra

Por cada color hay una película, en todas las películas esta el negro de registo, el cual queda impreso en to-das las planchas, este tiene toda la

información de las planchas

separaciónde los colores

reserva osobreimpresión

diccionario

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

n Designuso de

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 .

1Al 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

Wpara poder ver el trabajo sin grillas se pude utilizar la tecla “W”

Alt+shift+ control+Vsignifica “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

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

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.

1Al 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.

diccionario

cuarta clase v e i n t e d e j u l i o

*

vectores (Illustrator, imagenes planas)

bitmaps (imagenes de camara digital, escaneado, imagenes por pixel)

n Design

uso y datos de

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)

gif.

****

**

n Designuso de

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-

siste en 4 columnas y la segunda divi-dida por la mitad,

quinta clase v e i n t e y s i e t e d e j u l i o

Postcript

Es como programar, pero sus funciones se espe-cializan en todo tipo de trazos y gráficos. Ha sido especialmente diseñado para comunicar

un documento creado por un ordenador a 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,

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.

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

Postcript en lugar de describir a un nivel detallado en-viando el valor de cada pixel de la página su modo de lectura corresponde a leer ( como la imagen superior; ejemplo de bitmap) trata a las imágenes (incluso las fuentes) como colecciones de objetos geométricos en lugar de mapas de bits.

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 PDFTipografí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

encargo: continuar con la bitácora, averiguar sobre Postcript

diccio

nario

sexta clase t r e s d e a g o s t o

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.

de la

Este término fue creado por Richard Saul Wurman en su libro “Information Architects”, allí plantea que el arquitecto de la

información es “la persona que or-ganiza los patrones inherentes a la información, haciendo entendible lo complejo”, la arquitectura de la in-formación se refiere al diseño, orga-nización, etiquetado, navegación y sistemas de búsqueda que ayudan a los usuarios a encontrar y gestionar la información de manera efectiva.

arquitectura

información

En resumen la arquitectura de la información es una mezcla de

diseño, tecnología y peri-odismo.Esto nos ayuda a nosotros como

usuarios de un sitio web a en-tender la información, buscarla, entonces la arquitectura de la in-formación facilita enormemente a que cualquier persona entienda e integre la información a su propio conocimiento, de manera simple.La arquitectura de la información tiene que ver con la web, las edi-ciones, el merchandising, etc.

4

321

n Designuso de

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

determinar la fuente, tamaño y características que queremos que tenga el texto

hacer click en “Window”, “type and tables” “character styles

Se debe seleccionar el texto al cual se le aplicará el estilo de texto

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

se le hace doble click al cuadrado.

5se 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.

Tambien se pueden hacer estilos de objetos mediante el mismo proceso, 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

encargo: hacer un levantamiento de contenidos de la revista WIIRED, y un levantamiento de todas las activi-dades anuales de la escueladato

s

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

Revista WIREDcontenidos

La revista wired se divide en publicidad (gran porcentaje), indice,, cartas a la revista, edición,entrevistas estadisticas, agenda, reportaje, articulos, opiniones

de levantamiento

contenidosencargo: construir la revista de la escuela,, llevar un boceto de lo que será, con las secciones en las que la divi-

diremos, ideas, etc.