Lenguaje Computacional II

Apuntes


Clase 4         4-07-12


Código: Existe para aplicar generalizaciones a algo específico, siendo una economía de escalas.
Html: Tiene una manera de presentarse e invocar un CSS, trata de mantener el orden, para que éste funcione a distintos tipos de dispositivos.

Vista Sistémica, en el mundo que estamos viviendo hoy, las cosas se deben pensar con la real actualidad en que los tiempos avanzan, es por eso, que lo análogo debe pensarse en producir a lo digital. Debe existir transversalidad en lo análogo y lo digital, producción holística, de esta misma forma los estilos tipográficos tratados anteriormente deben pensarse sistémicamente para simplificar el trabajo.

Hipervínculo es el origen del servidor. Ej: lugar físico de una tipografía


Clase 3        27-06-12

Cascadas de estilo(css): Cascading Style Sheets

Es el lenguaje por el que al dar una instrucción cambia el resto del "libro", en el caso de ser el método en Prensa, es un patrón específico que permite dar características especiales a un elemento para que se comporte de tal forma y posea tales "características"

Son un standard para programar, todo está relacionado con la diagramación, ya que es la manera en que el contenido se hace visible.

Actualmente los Estilos de párrafos permitió las cascadas de estilo a través de la diagramación. Antes solo existían los estilos de párrafos.

Al realizar la tarea pasada, la deconstrucción del diario, se llega a los orígenes de la cascada de estilo, desfragmentar y entender como se comporta el contenido y bajo que criterios.


Diseño Tal; la reflexión que requiere el tiempo. El formato básico para importar textos es .txt ya que no captura los estilos tipográficos, es un texto base, raíz del sistema operativo que se tenga, será su tipografía base, sin interlineados, negritas, etc. En window corresponde a la tipografía Courier, en Apple Myriad Pro...La neutralidad al momento de trabajar en textos es muy útil, ya que facilita el posterior trabajos editoriales, sin tener que pre-corregir Mayúsculas, Negritas, Tamaños, y diferentes distingos que hacen el trabajo más lento.(con pequeñas anotaciones de base texto neutral, se facilita la edición).

Al buscar dentro del Adobe Indesign, las tipografías en el computador, en Pdf se mandan como imagen y no puede modificarse posteriormente.

¿Cómo lograr que las tipografías sean leídas en otros computadores?(Sin copiarlas de un pc a otro, y pegarlas en la carpeta Font, etc)

Existe el servidor de google, google  web fonts (free), se pueden descargar en los estilos tipográficos que se quiera y se puedan implementar en los sitios web...se trabaja con la denominación del nombre, por ejemplo tipografía: T.new roman, georgia,serif...va a actuar primero, buscando la primera letra descrita, si no la encuentra, la segunda, si tampoco existe, elegirá una tipografía de estilo Serif....
El código que comprende tanto tipografías como características en general de un sitio, es el contenido.

Lenguaje Gráfico= Lenguaje de Garret(Diagramas)


Clase 2        20-06-12


Pre Prensa Digital

Abarca todo el proceso anterior a mandar a imprimir. Empieza cuando el diseñador termina el proceso creativo, hasta que el material se entrega a impresión.
La preprensa está intimamente ligada al offset(rodillos de goma..) en el mundo offset, es decir CMYK, el archivo generará cuatro peliculas (cyan-magenta-amarillo-negro)
La intermediación de la p.prensa digital a su fin, funciona a través de software, como lo es indesign(origen=basado en page maker), el más popular en la actualidad, también existe Quarkxpress el que se especializa en prensa.
En p.p.digital se hace un archivo ind. para trabajar pero antes de todo, se debe trabajar las ideas en maquetas( o wareframe) las cuales como documentos de textos bases, y fotos en la mejor calidad posible se logre buenos resultados. El archivo ind. recibe información, distintos formatos de imágenes; jpg,png,psd,eps,tiff,raw. Como mencione antes los textos base, deben estar sin formato, es necesario para que no se confunda con el nuevo formato. Al momento de diseñar se deben tener claras las decisiones  gramaticales, tipográficas, espaciado etc, y no trabajar desde indesign, primero se debe conocer el ritmo de lectura para comprender donde están las detenciones. El archivo indesign es parte del proceso productivo del diseño.

El Wireframe es una herramienta que es parte del proceso de diseño, que permite pensar estructuralmente un diseño web, para lograr comprender la interacción del sitio a tratar.
Después de enviarse a impresión, se enviará peliculas(positivas) a la plancha(negativa) en donde luego hace contacto con el soporte final, papel..
Por otro lado las cascadas de estilo facilitan la lectura de la información.
CSS la manera de presentar el contenido(tipográficos,espacios, fondos,filetes..), el poder adaptarse para poder ser mostrado de una manera determinada, es decir:

 Html
-Web    -Móvil    -Tablet
css1            css2        css3

Las cascadas de estilo actuan como el armazón de la figura.
- el Wireframe está antes del dibujo, dentro de las decisiones racionales.
-no se puede discutir la Iconografía con la Racionalidad, ya que pertenece a otro aspecto de interpretación.






Clase 1        13-06-12

En un primer momento debemos comprender que existen dos áreas a la cual remitirnos:

1.    Lo análogo-> Prensa
Sistema que al correr de los años, lleva su historia con la utilización del papel como medio físico para informarnos, darnos conocimiento, y entretención en distintas áreas.
Que presenta un Inicio y un fin, dentro de un plano editorial.

2.    Lo digital-> Web - Móvil  / de donde aparecen los smartphone y tablet
Pertenece a un mundo multidimensional en donde los objetos gráficos nos ayudan a diagramar y es un sistema de transacción, que funciona como base para el mundo actual.
Los Software no son solo el medio, sino también el fin.

Hoy existe la mentalidad de "Mobile First"
Pensar desde el contenido, no desde el objeto, debe existir tal cotenido para cualquier soporte electrónico (responsive design), de tal manera que a la hora de diagramar se debe pensar en el objeto final.
------------
  • Taxonomia :  del griego taxis, "ordenamiento", y nomos, "norma" o "regla"
Es la capacidad de poder clasificar los objetos al igual lo hace la ciencia para clasificar sistemas del organismo, etc

"Jon Udell (2004) sugiere que "el abandono de las taxonomías en favor de las listas de palabras claves no es novedad, y que su diferencia fundamental es el intercambio de opiniones (el feedback) que se da en la folcsonomía y no en la taxonomía."

  • Folksonomía:
Organización por parte de las personasm se puede entender como etiquetas o tag que se usan en fotografías, para de alguna forma clasificar e incorporar tal cosa en un conjunto de similares, sin jerarquías.

Los sitios web que visitamos durante el día están construyendo realidad a través del lenguaje y la interacción entre otros sitios. El lenguaje construye realidad y funciona a través de vínculos-link que frecuentemente realizan sinapsis para lograr llevar y mover contenidos a través de todo el mundo, es por esto que se dice  que es una multidimensión, una red.

El proceso de Diseñar en Web, es a través de la Razón y esta se hace presente en forma de Wireframe, es la capa racional de la forma y el sostenedor del contenido. Unida a la capa emocional se trata de tener el control de los sitios y sean interactivos para/con los usuarios.