2. Indice
Portada diario
Sobre la Imprenta.......................................................................................3
Color e Impresión.......................................................................................4
Sobre Indesign CS2..........................................................................8
Formatos de imagen..............................................................................9
Revisión Encargo
Postscrips & Truetype.........................................................................10
Arquitectura de
la Información................................................................................................17
Diseño Front CSS....................................................................................18
Sobre Wired....................................................................................................20
3. 2°
clase
Tarea N°1
L a I m p re nta
revisión y observaciones
tas técnicas para copiar el
texto de los libros o, dicho
de otro modo; mecanizar
su producción. Ignoramos
cómo o cuándo concibió la
noción de fundir caracteres
metálicos individuales com-
binables en palabras que,
Al ser Gutenberg orfebre de una vez impresas, se desh-
oficio, sabía cómo fundir icieran para reorganizar los
objetos metálicos —mone- caracteres en otras distintas
das, por ejemplo—, cómo que se imprimían a su vez,
punzonar y cómo estampar pero lo cierto es que logró
letras o imágenes en metal. llevarla a la práctica y con
Su idea era adaptar es- ello revolucionó el mundo.
Color e
La revisión de la clase consta de los trabajos que
Impresión Jorge Barahona
se destacaron en el curso. En ella aparecieron obser-
por
vaciones en las portadas sobre la estructura y al-
gunos elementos propios de una edición, las marcas Una
en los límites del diario, más bien llamadas cruces presentación
de calce, las cuales indican los márgenes de la acerca de
estructura, además de las relaciones en la proporción las
entre texto e imagen.Uno de los puntos impor- propiedades
tantes fue la observación del texto, la variada del color y
gama de fuentes presente en cada portada, su términos de
distribución, forma y tamaño, todo ello para distin-
impresión.
guir las distintas jerarquías de las columnas.
3
4. Color e
Impresión
se habla de las
propiedades del color
en ellas entra una cla-
sificación en los colores
básicos, en los cuales la
base de los colores adi-
tivos (rgb) se considera
el rojo, verde y el azul.
El modelo aditivo
se caracteriza por
la tendencia de esta
mezcla de colores hacia
el blanco, como una
luz plena (principio de
Newton). Este modelo
lo hallamos en todo tipo
de pantalla
Mundo de los impresos
Es un modelo sustractivo, en el que sus
gamas están hechas a base de el cian, ma-
genta y amarillo, Esta mezcla genera un ne-
gro cafezoso, el cual no era suficienta para
crear una gama completa. Por ello se agrega
como extra del modelo el negro (kyecolor).
Existe una gran diferencia en cuanto a estos
dos modelos, Se refleja claramente en los
colores básicos que cada uno emplea, la ima-
gen cambia y es difícil establecer un están-
dar de color tanto en las pantallas como en
las impresiones.
4
5. Color e
Impresión
La separación de
colores se conoce omo
el área de tono con-
tinuo, el cuel general-
mente se encuentra y
lo podemos ver en todo
tipo de imagen digitali-
zada (se menciona como
ejemplo fotolog y flickr).
Al utilizar elekmentos en
la escala de grises, nos
referimos a las tramas
de semitono, las cuales
sólo se trabaja con tinta
negra. Estas tramas son
realizadas a través de
impresiones interferidas
por puntos blancos, para
crear una ilusión de grises, Efecto Moiré
en donde el punto de án-
gulo es a 45°, lo cual tam- Cuando hablamos de cu- superposición de dos o
bién puede modificarse atricromía, nos referi- más patrones de dibu-
para cambiar los grises. mos a los colores que jos repetitivos (las tra-
caen sobre sí mismos en mas de semitono lo son)
la impresión, pero no ex- suelen producir la apar-
actamente en ellos. Esto ición de un nuevo patrón
se le denomina puntos de repetitivo no deseado
regristro roseta.(Método En impresión, el moiré se
de impresión de un am- evita ante todo con la va-
plio espectro de colores riación de ángulos de tra-
mediante la mezcla de ma y con la superposición
combinaciones de los acertada de esas tra-
cuatro colores básicos: mas para que formen un
cián, magenta, amarillos pequeño motivo llamado
y negro). El efecto moiré roseta y mediante el uso
es denominado como la de tramas estocásticas.
5
6. Color e
Impresión
En cuanto a las
tintas planas y matices,
se imprimen usando
tintas premezcladas.
Cada tinta plana se re-
produce utilizando una
plancha de impresión
independiente. Cuando
una tinta plana se im-
prime al 100% crea un
color sólido, sin trama.
Los matices, en cambio,
consisten en imprimir
un trama de semitono
del color este proceso
se le llama también
tramar el color.
Separaciones de colo-
res: Para imprimir artes
en color en una prensa Tintas planas y matices
industrial primero hay
Cuando los colores res de primer plano se
que separar las ilus-
se imprimen unos so- imprimen directamente
traciones en varias
bre otros, se pueden en el papel en lugar
láminas de película
mezclar y originar un de sobre otros colores.
correspondientes a los
color no deseado. Por Lo contrario de apli-
componentes de color
ejemplo, si un círculo car la reserva de color
básicos: cian, magenta,
amarillo, negro, más azul se imprime sobre es la sobreimpresión,
tintas planas adiciona- un rectángulo rojo, los donde el texto y los ob-
les. El impresor utiliza colores superpuestos jetos en primer plano
estas separaciones para
se mezclan y se crea el se imprimen directa-
crear las planchas de
color morado. Con la mente sobre los ob-
impresión de la prensa.
aplicación de la reserva jetos de fondo. La so-
El proceso de impre-
de color en los colores breimpresión funciona
sionar papel o película
situados debajo de los mejor en objetos y en
mediante un fotocom-
objetos seleccionados se texto de color negro
ponedora de alta reso-
evita el problema de la o de un color oscuro.
lución se conoce como
Colores de impresión
filmación. superposición: los colo-
6
7. Color e
Impresión
Aplicar reventados
(trapping) es ajustar cómo
imprimen los colores de
las diferentes planchas
para corregir los defectos
visuales que producirán
los inevitables pequeños
fallos en el registro de
las planchas al imprimir.
Las imágenes de mapa de
bits contienen un núme-
ro fijo de píxeles, que se
suelen medir en píxeles
por pulgada (ppp). Una
imagen de alta resolución
contiene más píxeles y, por
consiguiente, más peque-
ños, que una imagen de
las mismas dimensiones
pero de baja resolución Reventado o trapping
La lineatura o frecuencia la impresora determina la
de trama es el número de gama tonal imprimible. A
líneas de puntos por uni- medida que la lineatura au-
dad de medida utilizado menta, el tamaño de la celd-
para representar la ima- illa tiene que disminuir para
gen impresa en el papel. dar cabida a más líneas de
La relación entre la reso- trama por pulgada, con lo
lución de salida (dpi) y la cual pueden utilizarse menos
lineatura (lpi) determina el puntos de impresora para
grado de detalle en la im construir el punto de trama.
presión del mapa de bits La consecuencia es que la
y la cantidad de niveles cantidad de niveles de gris
de gris que podrá tener. representables disminuye.
La proporción entre la lin-
eatura y la resolución de
Lineatura o frecuencia de trama.
7
8. 3°
clase
La Bitácora,
una constante
Se trata de una tarea
viva, que evoluciona
con el tiempo.
Es un cuaderno, que
Tarea N°2 se debe llevar al día,
revisión y observaciones una bitácora digital
sobre las clases. Esto
Sobre Indesign incluye la materia,
CS2.. investigaciones, datos,
toda clase de infor-
de cada archivo hace Éstas aparecen en la
La clase consistió en
mación que recopile-
que éstos tengan un opción window (type,
la profundización de
mos. Es un régimen
peso mayor. Por ello character), las cuales
las técnicas del pro-
que requiere dedi-
es factible crear un definen el tipo de pár-
grama indesign, en el
cación y una estruc-
vínculo entre ésta car- rafo. Existen opciones
cual Adolfo realizó un
peta y el archivo inde- que facilitan el uso y tura definida.
breve ensayo sobre
sign. Para realizar esta el ahorro de tiempo.
una edición. Además
maniobra se ubica en Colores cálidos po-
de esto, se refirió a la
tamaño real con la op- seen mayor con-
creación de una car-
ción “place” en “file”. traste con el blanco.
peta exclusivamente
Otro punto que se Como tarea..
para las imágenes que
observó fue la poca Aprender nombres
se utilizarán en cada
utilización de las co- técnicos de las herra-
presentación referen-
lumnas en los tra- mientas del programa
tes a las tareas dadas,
bajos del curso. y fuentes en el espacio.
puesto que éstas imá-
Sobre las alineaciones..
genes al estar dentro
8
9. 4°
clase
Tarea N°3
TIFF
imagen formato
revisión y observaciones
De acuerdo con las revi- un orden a la estructura.
siones, se vio el ordden La clase acentuó la uti-
en cuanto a la pagi- lización de los estilos de
nación de las hojas, re- fuentes en los distintos
quiriendo de un índice tipos de texto (character
presente en la bitácora. styles). todo ello acom-
Además se focalizó pañado por la impor-
en la investigación del tancia de la imagen,
modelo rgb y la impor- debe haber un equilibrio
tancia de la presencia entre ambos elementos.
de las columnas en la
bitácora, lo cual entrega
Formatos de
El formato TIFF (Tag más rica y de mejor
Image File Format) Es
Imagen
resolución. Este ti´po de
un método de archivo de formato lo podemos
versátil de almace-
Existe distinos tipos de formatos en cuanto a imagen. encontrar en revistas o
Entre ellos están: namiento de imágenes libros, en donde la cali-
TIFF (Tagged Image File Format) realizadas en Bit Map, dad debe ser de gran
EPS (Encapsulated PostScript) en varias resoluciones, proporción (por lo que
PSD (formato de archivo de photoshop)
grises o colores. El TIFF lleva asociada una com-
PNG (Portable Network Graphics)
fue creado específica- presión LZW: algoritmo
JPEG (Joint Photographers Experts Group)
mente para almacenar de compresión sin pérdi-
GIF (Graphics Interchange Format)
escalas de grises, y es el da). Estas imágenes po-
En los cuales, PSD y PNG son considera-
formato estándar para seen gran calidad, pero
dos formatos nativos (photoshop y fireworks)
las imágenes obtenidas su peso es aún mayor.
Foto digital se divide en bitman (mapa de bits) y vectores (a.i
mediante scanner, como
formato illustrator) (imágenes trazadas para dibujar líneas
segmentadas). EPS extensión que sirve para mac y microsoft. las fotografías. Guarda
pixeles en una manera
NO comprimida, es
9
10. Formatos de
Imagen
mostrará en la pantalla).
Encapsulated PostScript;
imagen formato
Esa zona de previsual-
Es un formato de fiche-
ización se hace sólo para
ro que sirve para trans-
dar una idea de qué con-
mitir de un programa a
tiene el EPS: Es de baja res-
otro la información de
olución, con pocos colores
una imagen PostScript.
e, incluso, puede no existir.
EPS es un formato vectorial
PostScript es un lenguaje
(para dibujos esquemáti-
(y un formato gráfico)
cos, diagramas, diseños
para el diseño vectorial.
gráficos…) que muchos
P S D
Illustrator, Freehand y
diseñadores usan tam-
Corel Draw son Vector-
bién para las imágenes
based EPS. Documentos
de mapas de bits (raster)
Vector se pueden repro-
(es decir: Fotografías) cu-
ducir a cualquier tamaño
ando quieren siluetearlas).
sin perder resolución.
El formato EPS nació con
habitualmente se usa en
PSD es un formato nativo
Si se requiere intercambiar
el lenguaje PostScript (la
adobe photoshop para
de photoshop y permite
documentos Vector en-
parte “PS” de “EPS”) en los
guardar un documento
guardar todas las presen-
tre diferentes plataformas
años ochenta del siglo XX
el cual tiene las capas sin
taciones, retoques, nue-
Mac a PC o viceversa, es
(hace unos veinte años).
acoplar o cuando hemos
vas creaciones realiza-
mejor convertir las Fuentes
Un Archivo EPS está for-
guardado una selección,
das con este programa.
a outlines para evitar prob-
mado por dos partes: Una
ya que este formato nos
Guarda los archivos con
lemas, ya que cada plata-
PostScript (que es la que
permite retomar el trabajo
48 bits de color y permite
forma maneja de dife-
se imprimirá) y otra parte
tal y como lo dejamos.
almacenar todas las ca-
rente forma las Fuentes.
de previsualización (que se
Es un formato que no tiene
E P S
pas, canales etc. que exista
perdidas, ya que no re-
en el archivo de imagen.
aliza compresión alguna.
PSD casi no tiene com-
En ocasiones, adobe
patibilidad con otros pro-
photoshop no nos per-
gramas, por lo que se
imagen formato
mite utilizar otro formato
recomienda tener dos
gráfico más que PSD.
archivos: uno en el pro-
Cuando nos ocurra esto,
pio formato nativo (.PSD),
debemos comprobar si
y otro en algún formato
tenemos alguna selec-
compatible con otros pro-
ción guardada o está
gramas, como JPGE o TIFF.
la imagen sin acoplar.
El formato PSD es el que
10
11. Formatos de
Imagen
PNG El algoritmo JPEG, transforma
la imagen en cuadrados de
8×8 y luego almacena cada
uno de estos como una com-
El formato PNG se binación lineal o suma de los
imagen formato
64 recuadros que forman esta
desarrolló como
imágen, esto permitie eliminar
alternativa al for- detalles de forma selectiva, por
mato GIF y, como ejemplo, si una casilla tiene un
GIF, se utiliza para valor muy próximo a 0, puede
ser eliminada sin que afecte
mostrar imágenes
mucho a la calidad
en World Wide Es un formato con una pro-
Web y otros servi- Este formato se utiliza
fundidad de color de 24 bits,
cios electrónicos. habitualmente en foto-
es decir permite usar hasta
grafias donde existan
PNG conserva toda la 16,7 millones de colores.
más de 256 colores.
información del color y JPEG es un algoritmo
Si va a mostrar la ima-
de compresión con pér-
de los canales alfa de
gen en una página web
dida. Esto significa que al
una imagen, y utiliza un
puede usar el modo de
descomprimir la imagen no
esquema de compresión compresión progresiva.
obtenemos exactamente la
sin pérdidas para reducir Esta opción muestra la im-
misma imagen que tenía-
el tamaño del archivo. agen gradualmente, mien-
mos antes de la compre-
Una imagen PNG con
Al contrario que los tras la descarga el explora-
sión. Es un formato con
un canal alfa de 8 bits.
demás formatos grá- dor Web, utilizando series
compresión variable con
ficos, el formato PNG de lecturas para mostrar
perdida de detalle de la im-
versiones cada vez más
es de libre distribución. agen, el nivel de compre-
detalladas de toda la ima-
Si bien es un buen for- sión se puede especificar.
gen, hasta que se han des-
Este es el formato que
mato para utilizar para
cargado todos los datos.
normalmente utilizan las
la Web, el problema es
No obstante, las imágenes
cámaras digitales para
que los navegadores JPEG progresivas necesitan
almacenar la imagen.
más antiguos no so- más RAM para su visual-
El formato JPG no
portan este formato. ización y no todos los explo-
permite hacer uso
radores Web las soportan.
La misma imagen montada so- de transparencias.
JPEG
bre un fondo a cuadros.
Nótese la semitransparencia de
imagen formato
los dados.
11
12. Formatos de
Imagen
imagen formato
como de animaciones. Son
CompuServe Graphics In-
gráficos bitmap utilizados
terchange Format (GIF) es
para el Interner, se utili-
el formato de archivo uti-
zan sólamente 256 colores
lizado normalmente para
(216 Web Safe). No son
mostrar gráficos de color
buenos para separación
indexado, es decir, admite
de color a alta resolución,
GIF
un máximo de 256 colores.
al ser utilizados online, de-
Este formato grafico per-
ben ser lo más pequeños
mite realizar compre-
posible, aunque utilizan
sión sin perdidad de
un método de compresión
calidad.( reduciendo el
sin pérdida de calidad, al
numero de colores ).
bajar una imagen a tan
Este es utilizado habitu-
solo 256 colores pierde
almente en imagenes
una gran sección cromáti-
donde haya un texto
ca, se utiliza regularmente
o la cantidad de colo-
cuando se tienen colores
res no supere los 256.
planos, sin degradados.
Este formato permite el
uso de transparencias, así
12
13. Formatos de
Imagen
imagen formato
GIF
Sus principales car-
acterísticas son: Pese a esto, esta última cada pixel de la imagen
- Profundidad de color: 8 técnica es poco eficiente, puede ser o no transpar-
bits máximo (256 colores y rara vez se usa, y cu- ente. Esto lo diferencia de
simultáneos) ando se hace es sobre formatos como el PNG,
o Uso de color indexado, todo para demostrar esta que también dispone
a través de una paleta posibilidad, a veces, estas transparencia variable.
de colores que puede ser imágenes no aparecen si- - Sus últimas versiones per-
de distintos tamaños, de- multáneamente sino que miten hacer animaciones
True Color GIF image
pendiendo del valor del va apareciendo cada una simples, aunque la com-
(32697 colors, 184565 bytes)
Size of Local Color Table, de las capas sucesiva- presión es muy deficiente.
que tiene un tamaño de mente. En este caso, cada - Permite utilizar entrelaza-
3 bits. capa sería un cuadrado do en imágenes, de tal for-
- El número de colores se de 16 por 16, en el que ma que las imágenes se vi-
puede calcular mediante como mucho se podrían sualicen al completo nada
la fórmula: 2(Size of Local mostrar 256 colores, la más empezar su descarga,
Color Table+1) Esto per- imagen se divide en dichos pero con una baja defin-
mite a GIF usar una pale- recuadros, y se van super- ición que va progresando
ta de 2,4,8,16,32,64,128 poniendo uno sobre otro. hasta cargarse por com-
ó 256 colores. - Permite transparencia pleto en los navegadores.
Quantized GIF image
o Aunque con mediante de 1 bit, de tal forma que
(256 colors, 54197 bytes)
el uso de varias capas
transparentes (con un
máximo de 256 colores
en cada una) separa-
das por 0 milisegundos
(simultáneas) entre ellas,
si pueden mostrarse
imágenes con más de 24
colores diferentes [1] y
[2], permitiendo mostrar
Dithered GIF image
un color real.
(101 colors, 48069 bytes)
13
14. 5°
clase
La bitácora es una excusa para el tra-
bajo con el programa indesign y la valori-
zación de la toma de apuntes e investigaciones.
La inverstigación y el desarrollo de la bitácora es
fundamental para avanzar en las clases, además del
aporte individual. Es una excusa permanente, en la
T a r e a N °4
cual es necesario investigar, leer, proponer y cuestionar.
nes
is ió n y o b s e r v a c io
En PDF.
rev
Las transparencias no funcionan automáticamente
Se debe trabajar con la jerarquía, para que
se haga legible y consumible el contenido.
Aportes
par da mitad de las páginas en fotografías, las
Damaris habló del perfil del color (icc)
cuales poseían un gran tamaño, contraste y bue-
y la calibración delcolor para una me-
na calidad plástica. Dentro del Adobe profes-
jora de las imágenes en la pantalla.
sionalexiste el programa Distiller, quel hace los
El proyector trabaja con imagen proyectada (tv), por
archivos Postscrips, riquísimos en información.
ello posee perfiles rgb. La calibración de la pantalla
El programa PDF fue creado para suprimir.
(ajuste e pantalla, asistente calibrador de pantalla).
Tipografías True Type o pen type.
PDF es un sistema de compresión, com-
Fueron inventadas para una opció de formato Ado-
prime la información, incluso las imágenes.
be para Mac (programa más gráfico que Windows)
Para transformar un documento al archivo, se
Un poco de historia..
imprime el archivo en el mismo archivo (impre-
El creador de Macintosh diseñó tal programa con
sora virtual), como una simulación de impresión.
un buen manejo tipográfico, incluyendo la idea
En el mundo de las impresoras, unas de las
del mouse e inventando el concepto de escritorio.
mejores son las Xerox, Trectonic, entre otras.
Mientras Bill Gates (windows) compró la com-
En las impresiones de periódicos, la calidad es
pañía Corel, copiando la idea tipográfica.
muy baja, en contraste con el diario La Época, un
Las tipografías son archivos vectoriales con-
diario nacional que poseía la cualidad de ocu-
struidos por algoritmos matemáticos. (un
vector=línea que tiene una dirección determinada.)
TAREA
Investigar individualmente el mundo Postscript y True
Type en la bitácora. El archivo debe ser menor a 1 MG.
14
15. Postscripts y
True types
Postscript
el mundo
PostScript es un Lenguaje y otros, luego de que él y
de Descripción de Pá- Chuck Geschke fundaran
gina (en inglés PDL, Page Adobe Systems Incorpo-
Description Language), rated (también conocido
utillizado en muchas im- como Adobe) en 1982.
presoras y como formato PostScript se diferenció
de transporte de archivos por utilizar un lenguaje de
gráficos en talleres de im- programación completo,
presión profesional. Está en vez de una serie de
basado en el trabajo re- secuencias de escapes de
alizado por John Gaffney bajo nivel, para describir Postscript type v/s bitmap type
en Evans y Sutherland en una imagen para que sea contrado aplicaciones dis-
También implementó no-
1976. Posteriormente, impresa en una impresora tintas de la impresión en
tablemente la composición
continuaron el desarrollo láser o algún otro disposi- papel, como es el caso de
de imágenes, que consiste
‘JaM’ (‘John and Martin’, tivo de salida (en esto se Display PostScript. DPS es
de un conjunto de líneas
Martin Newell) en Xerox parece a Emacs, que ex- una extensión de PostScript
horizontales, pixeles al
PARC, y finalmente fue im- plotó un concepto interno y fue utilizado como sistema
vuelo, descripciones por
plementado en su forma parecido con respecto gráfico 2D en el sistema op-
curvas de Bezier y tipo-
actual por John Warnock a las tareas de edición). erativo NEXTSTEP Quartz,
.
grafía (fuentes) de alta
de Mac OS X, es un siste-
calidad a baja resolución
ma similar que utiliza PDF.
(e.g. 300 puntos por pul-
Ghostscript es una im-
gada). Anteriormente se
plementación abierta
creía que tipografías de
de un intérprete com-
mapa de bits mejoradas
patible con PostScript.
manualmente eran re-
Otro tipo lenguaje de de-
queridas para esta tarea.
scripción de página para
PDF es otro lenguaje de
impresoras es PCL. Es más
descripción de páginas y
ligero pero con menos po-
es derivado de PostScript,
sibilidades que PostScript.
pero más simple y liviano.
PostScript también ha en-
15
16. Postscripts y
True types
True Type
ndo
u
el m
Tecnología de fuentes do dentro de la fuente Tru-
ajustables a escala que eType permite una flexibili-
AAA
genera fuentes tanto para dad ilimitada en el diseño.
la impresora y la pantalla. Las True Type Font son car-
En principio desarrollada acteres tipográficos con
por Apple, fue mejorada extensión TTF instalados
conjuntamente por Apple y por los sistemas Windows,
Microsoft. Las fuentes Tru- y a los que refiere toda
eType se utilizan en Win- aplicación que prevé la
dows, a partir de Windows True Type como modelos vectoriales.
integración de estos ele-
3.1, así como en el sistema mentos (Word, Photoshop,
de fuentes instaladas en
operativo Mac System 7. Paint Shop Pro, Excel, etc.). De este breve preámbulo
todas las máquinas Win-
A diferencia de PostScript, Windows instala las True podemos deducir que los
dows hace que su uso sea
en donde los algoritmos Type Font en el directo- caracteres, para ser visu-
prácticamente universal.
se mantienen en la má- rio WINDOWS/FONTS . alizados, tienen que estar
Existen, sin embargo,
quina de entramado, cada Windows instala por de- presentes necesariamente
miles de True Type Font de
fuente TrueType contiene fecto las fuentes que se en el directorio WINDOWS/
otro tipo, algunas de ellas
sus propios algoritmos utilizan más a menudo: FONT de cada uno de los
protegidas por copyright,
para convertir los trazos en arial, courier, times new ordenadores de nuestros
otras de uso libre. FONT.
mapas de bits. El lenguaje Romans, comic sans, etc. visitantes. Para aclarar este
it es un buen ejemplo que
de nivel más bajo inserta- El hecho de que se trate concepto, tomemos como
contiene miles de fuentes ejemplo a un amigo tuyo
fascinantes y llenas de fan- que ha escrito una carta en
tasía. Estas fuentes, como Word utilizando fabulosos
hemos dicho, no están in- caracteres de inglés anti-
staladas en todas las má- guo. En su ordenador pu-
quinas Windows: primero ede verlos perfectamente
hay que descargarlas y, porque el archivo TTF
después, instalarlas con- está presente en el direc-
forme a la explicación que torio WINDOWS/FONTS.
encuentras en la correspon-
diente guía de FONT.it.
16
17. 6°
clase
Semántico
Diseño
El contenido está separado del
diseño, es transversal. A través
del diseño luce de manera dis-
tinta, por ello debe ser admi-
nistrado de cierto orden para
poder ser comprendido.
La esencia de la estructura
es el parámetro, la raíz del
diseño
Arquitectura
de la Información
Es la disciplina encargada del estudio, análisis, planificación y
fundamentación de la organización, disposición y estructuración
de espacios de información, y de la selección y presentación de
los datos contenidos en los sistemas de información interactivos.
La Arquitectura de la Información trata indistintamente del dis-
eño de sitios web, interfaces de dispositivos móviles y gadgets
como un iPod, CDs interactivos, videoclips digitales, relojes.
Se trata con los estilos, entre ellos, los más impor-
tantes, de objetos, párrafos y tipografias, entre otros
17
18. ch a rl
Diseño Front
a
CSS
Diseñando desde el códi-
go, por Maximiliano Martin
Diseño CSS: Hojas de Estilo
enCascadas, lo que explica
que “está mucho más cerca
del código”
Tarea
e la Información
Arquitecturad
- Levantamiento de todas las actividades de
la e[a.d]
- Levantamiento de contenido en la revista
WIRED
- Mapa de contenidos “escuelad”
18
19. ¿Qué es CSS?
- Un lenguaje para controlar la presen-
tación
- La mejor forma de separar conteni-
dos de prsentación
- Obliga a crear documentos HTML,
XHTML bien definidos
- La base de la web semántica
- Mejora la accesibilidad del docu-
mento
- Minimiza el esfuerzo de manutención
- Permite la visualización de dispositi-
vos diferentes
.
19
20. Fue fundada por el periodista Louis Rosetto
y su socia Jane Metcalfe en ese año, 1993 ,
con el apoyo inicial del empresario de la in-
dustria del software Charlie Jackson y Nicho-
las Negroponte, director del Laboratorio de
Medios del MIT, quien también fue columni-
sta por más de seis años.
Desde el comienzo, Wired fue un gran éxito
editorial y ha sido comparada con Roll-
ing Stone por su impacto en la sociedad
norteamericana.
Arriba; Louis Rossette.
Debajo: Jane Metcalfe
20
21. La palabra inglesa Wired se traduce al espa-
ñol como cableado o cableada lo cual tenía
gran sentido en el año de fundación de la
revista, ya que las computadoras dependían
exclusivamente de cables para conectarse
entre sus componentes como el monitor, el
ratón, el teclado, la impresora, etc, a pesar
de que en la era actual del desarrollo de los
equipos electrónicos ya es una realidad el
uso de aparatos sin cables, a pesar de eso la
revista conserva su nombre e irónicamente ya
publicó, al menos un número especial, al que
tituló Unwired (sin cables) festinando la evolu-
ción en este sentido.
Por otra parte, desde sus primeros números la
revista ha tenido especial cuidado en valorar
el desarrollo del internet y ha realizado un
mapa mundial donde explícitamente valora
a los países conectados (wired) al internet o
desconectados (unwired).
21
22. 7°
clase
levantamiento
Revisión del
Wired es una revista de innovación, en
donde el medio es el mensaje, es una
de las principales promotoras de inter-
net.
Posee un diseño diferente para cada
portada, en general para todo el con-
tenido, aún así posee una ley o conex-
ión en la jerarquía (observación de la
experiencia)
ENCARGO
Constrcción Revista Escuela
Formato: lámina 55x220 cm.
22