bitacora damaris2ºparte

39
M DE LOS MODOS DE COLOR INVESTIGACION

Upload: damaris-sepulveda

Post on 18-Dec-2014

1.677 views

Category:

Travel


0 download

DESCRIPTION

2º parte bitacora Digital Lc1. Hay colores en transparencia que no se ven en slideshare que al bajar el pdf, si se ven

TRANSCRIPT

Page 1: Bitacora Damaris2ºparte

MDE LOSM O D O S

DECOLOR

INVESTIGACION

Page 2: Bitacora Damaris2ºparte

29 .

El modo de color expresa la cantidad máxima de datos de color que se pueden al-macenar en un determinado formato de archivo gráfico.

Podemos considerar el modo de color como el con-tenedor en que colocamos la información sobre cada píxel de una imagen. Así, podemos guardar una can-tidad pequeña de datos de color en un contenedor muy grande, pero no podremos almacenar una gran canti-dad de datos de color en un contenedor muy pequeño.

Los principales modos de color utilizados en aplica-ciones gráficas son desarro-llados en las páginas siguien-tes.

MMODOS

DECOLOR

Page 3: Bitacora Damaris2ºparte

MODOSD EC O L O R

Los modos de color, son la cantidad máxima de colores de la paleta de un mapa de bits.

Modo Bit Map omonocromático

Correspondiente a una profundidad de color de 1 bit, ofrece una imagen monocromática formada ex-clusivamente por los colores blanco y negro puros, sin tonos intermedios en-tre ellos. Para convertir una ima-gen a modo monocromático hay que pasarla antes a modo escala de grises.En este modo no es posible trabajar con capas ni filtros.

. 30

Page 4: Bitacora Damaris2ºparte

.

Modo Escala de Grises

Este modo maneja un solo canal (el negro) para trabajar con imágenes mono-cromáticas de 256 tonos de gris, entre el blanco y el negro.El tono de gris de cada píxel se puede obtener bien asignándole un valor de brillo que va de 0 (negro) a 255 (blanco), bien como por-centajes de tinta negra (0% es igual a blanco y 100% es igual a negro). Las imágenes producidas con escáneres en blanco y negro o en escala de grises se visualizan normal-mente en el modo escala de grises.

El modo Escala de Grises admite cualquier formato de grabación, y salvo las funciones de aplicación de color, todas las herramien-tas de los programas grá-ficos funcionan de la misma manera a como lo hacen con otras imágenes de color.

Si se convierte una imagen modo de color a un modo Escala de Grises y después se guarda y se cierra, sus valores de luminosidad permanecerán intactos, pero la información de color no podrá recuperarse.

31

Page 5: Bitacora Damaris2ºparte

Modo Color IndexadoDenominado así porque tiene un solo canal de color (indexado) de 8 bits, por lo que sólo se puede obtener con él un máximo de 256 colores.En este modo, la gama de colores de la imagen se adecua a una paleta con un número restringido de el-los, por lo que puede re-sultar útil para trabajar con algunos formatos que sólo admiten la paleta de colores del sistema.También resulta útil reducir una imágenes a color 8 bits para su utilización en apli-caciones multimedia, ya que con ello se consiguen fiche-ros de menos peso.

Su principal inconvenien-te es que la mayoría de las imágenes del mundo real se componen de más de 256 colores. Además, aunque admite efectos artísticos de color, muchas de las herra-mientas de los principales programas gráficos no están operativas con una paleta de colores tan limitada.

. 32

Page 6: Bitacora Damaris2ºparte

Modo Color Lab Consiste en tres canales, cada uno de los cuales con-tiene hasta 256 tonalidades diferentes: un canal L de Luminosidad y dos canales cromáticos, A (que oscila entre verde y rojo) y B (que oscila entre azul y amarillo). El componente de lumi-nosidad L va de 0 (negro) a 100 (blanco). Los compo-nentes A (eje rojo-verde) y B (eje azul-amarillo) van de +120 a -120.

El modelo de color Lab se basa en el modelo propuesto en 1931 por la CIE (Com-mission Internationale d’Eclairage) como estándar internacional para medir el color. En 1976, este modelose perfeccionó y se denominó CIE Lab. El color Lab es indepen-diente del dispositivo, creando colores coherentes con independencia de los dispositivos concretos para crear o reproducir la imagen (monitores, impresoras, etc.). Este modo permite cambiar

33.

la luminosidad de una ima-gen sin alterar los valores de tono y saturación del color, siendo adecuado para transferir imágenes de unos sistemas a otros, pues los valores cromáticos se mantienen independientes del dispositivo de salida de la imagen.

Color LabM a y o r luminosidadSe usa sobre todo para tra-bajar en imágenes Photo CD o para modificar la lu-minancia y los valores del color de una imagen inde-pendientemente. También se puede usar el modo Lab para conservar la fidelidad del color al trasladar archi-vos entre sistemas y para imprimir en impresoras de PostScript de Nivel 2. Sólo las impresoras Post-Script de nivel 2 puede re-producir esta imágenes. Para impresiones normales, se re-comienda pasar las imágenes a RGB o a CMYK.

Page 7: Bitacora Damaris2ºparte

Modo Color D u o t o n oModo de color que trabaja con imágenes en escala de grises, a las que se le pueden añadir tintas planas (3 para cada imagen, más el negro), con el fin de colorear dis-tintas gamas de grises. Sólo posee un canal de color (Duotono, Tritono o Cuatritono, dependiendo del número de tintas). Con este método podem-os obtener fotos en blanco y negro viradas al color que queramos. Suele ser em-pleado en impresión, donde se usan dos o más planchas para añadir riqueza y pro-fundidad tonal a una imagen de escala de grises.El problema que presen-ta este modo es que en los duotonos, tritonos y cuadri-tonos sólo hay un canal, por lo que no es posible tratar cada tinta de forma distinta según las zonas de la ima-gen. Es decir, no podemos hacer una zona en la que solo haya, por ejemplo, un parche cuadrado de tinta roja, mien-tras que en el resto sólo hay una imagen de semitono en blanco y negro.

34.

Page 8: Bitacora Damaris2ºparte

en color a multicanal, la nueva información de escala de grises se basa en los valores de color de los píxeles de cada canal. Si la imagen estaba en modo CMYK, el modo multicanal crea canales de tinta plana cian, ma-genta, amarilla y negra. Si estaba en modo RGB, se crean canales de tinta plana cian, magenta y amarilla.

Modo ColorM u l t i c a n a l

Posee múltiples cana-les de 256 niveles de grises, descomponiendo la imagen en tantos canales alfa como canales de color tuviera el original (una imagen RGB quedará descompuesta en 3 canales y una CMYK en 4 canales).

En este modo, cada tinta es un canal que a la hora de imprimir se superpon-drá en el orden que deter-minemos sobre los otros. Por ello, es posible tratar cada zona de forma particu-larizada. Se utiliza en determinadas situaciones de impresión en escala de grises. También, para ensamblar cana-les individuales de diversas imágenes antes de convertir la nueva imagen a un modo de color, pues los canales de color de tinta plana se con-servan si se convierte una imagen a modo multicanal.Al convertir una imagen

.35

Page 9: Bitacora Damaris2ºparte

DCLASE 4DIAGRAMACION DE LABITACORA

A P U N T E S

Page 10: Bitacora Damaris2ºparte

20.07CLASE 4LENGUAJECOMPUTACIONAL

“El diseñador debe tener la capacidad de relacionar”A.M

Para la diagramación hay que observar distintas jerar-quias, descubrir distintos el-ementos , tener la capacidad de relacionar.

Definir un formato mas como libro, tener en cuenta las imágen , notas a lo largo, buscar el dramatismo de una imágen. Tratar de usar más las imágenes.Recopilación en la bitacora .índice .paginación .portadillas. Lo que más destaca del texto. de la imagen.

de la imagen Toda imagen tiene un formato, esto depende , del pro-grama en donde se este trabajando la imagen o el formato que uno eliga darle. Esto se puede definir como formato

tarea 4Busqueda de el formato de-finitivo de la bitacora. D i n a m i s m o tanto en el texto como en en el diseño.Uso de iamgenes q hagan visual lo que aprendimod

diagramación de bitacora

37 .

Page 11: Bitacora Damaris2ºparte

nativo, que como definición seria el formato propio que el programa le da a la imagen. La imagen digital tam-bién puede clasificarse de dos formas: imagen de bitmap (mapabit) o imagen vectorial (.ai) El mapabit trabaja con píxeles que son los portadores de la informacion grá-fica (color,etc,) de la imagen es como una tejido.Distintos formatos de imagen bitmap:.tiff: guarda toda la informacion de la imagen sin comprimir,es deuna alta calidad, se usa para diarios que re-quieren una mejor resolucion

jpg/jpeg: se comprime la informacion dela imágen..pns.psd (photoshop).gif: toma colores como de una paleta de finida..eps: es un formato que so-porta iamgenes de birmap o vectoriales.

el pixelEl píxel (del inglés picture element, es decir, “elemento de la im-agen”) es la menor unidad en la que se descompone una imagen digital, ya sea una fotografía, un fotograma de vídeo o un gráfico. Al ampliar fuertemente una imagen digital (zoom), por ejemplo en la pantalla de un ordenador, pueden ob-servarse los píxeles que componen la imagen. Los píxeles apare-cen como pequeños cuadrados en color, en blanco o en negro, o en matices de gris. Las imágenes se forman como una matriz rect-angular de píxeles, donde cada píxel forma un punto diminuto en la imagen total.

38.

Page 12: Bitacora Damaris2ºparte

FT I P O S DE FORMATOS DEIMAGEN

T A R E A S

Page 13: Bitacora Damaris2ºparte

BMP(.bmp)Profundidad del color:· 1 (Mapa de bits)· 4-8 bits (Escala grises)· 8 bits (Color Indexado)· 24 bits(RGB)

Modos de color:· Modos RGB· Color Indexado,· Escala de Grises,· Mapa de Bits

Canales alfa: NOCompresión: NO (excepto en 4 y 8 bits)Notas acerca del formato: · Formato estandar IBM PC,· Uso: fondo escritorio, o imagenes sencillas de hasta 256 colores

GIF(.gif)Graphics Interchange FormatProfundidad del color:· 8 bits (256 colores)

Modos de color:

· Compuserve GIF: Mapa de bits,Escala de grises Color indexado· GIF89a (GIF Animado): Color IndexadoRGB

Canales alfa: NOCompresión: SI (LZW)Notas acerca del formato: · Creado por Compuserve en 1987· Graficos color indexado· Posibilidad visualización entrelazada (aparición gradual)· Transparencia y Ani-mación· Uso: Internet

PICT (.pct; .pic)Profundidad del color: . RGB: 16/32 bits· Escala Grises: 2,4, 8 bitsModos de color:· Mapa de bits (sin canalaes Alfa)· Escala de grises· Color Indexado

· RGB (1 canal)Canales alfa: SI (1)Compresión: SI (sin pérdidas) (con QuicTime: 4 opcio- nes para JPEG)Notas acerca del formato:· Estándar de Macintosh· Bueno para compresión imágenes con área color sólidoUso: Transferencia de grá-ficos entre aplicaciones

JPEG(.jpg; .jpe)Joint Photographic Ex-pert GroupProfundidad del color:24 bits

Modos de color:· Escala de grises· RGB· CMYK

Canales alfa: NOCompresión: SI: diversas calidades (con pérdidas)Notas acerca del formato:

40 .

Nota: El sistema de color tricromático (red, green, blue, (RGB)) en imagen digital, conserva cada uno de sus componentes en un canal por separado y la adición de los colores primarios en cada pixel, crea el espectro visible. El canal alfa o “alpha chan-nel”, se refiere a un cuarto canal usualmente de 8 bits, interpretado por el sistema gráfico como una trans-parencia en diferentes grados de tal forma que so-brepuesto con un color tendrá el efecto de mezcla.

TIPOSFORMATOS DEIMAGEN

Page 14: Bitacora Damaris2ºparte

· Junto con GIF y PNG es el formato de Internet para gráficos y fotografias.· Formato de color ver-dadero en el que no se produce pérdida de color, anque si se comprime SI, pues se eliminan datos.Uso:fotografías Internet

PHOTOSHOP (.psd)Profundidad del color:32 bits

Modos de color:· Admite todos los Modos de Color· Canal Alfa y de Tintas Planas· Guïas, trazados· Capas de ajuste, de texto, efectos capa

Canales alfa: SI (varios)Compresión: NONotas acerca del formato:· Propio de Adobe Photo-

shop· Guarda capas y seleccio-nes (canales)Uso: Creación y Trata-miento Imagen

TARGA (.tga; .vda;.icb;.vst)Profundidad del color:16, 24 y 32 bits Modos de color:· Escala Grises,· Colorindexado,· RGB (16 y 24 bits sin canales alfa);· RGB de 32 bits (un solo canal alfa)Canales alfa: Si (1) Compresión: NONotas acerca del formato: Uso: Exportación a edición profesional Video

PNG(.png)Portable Networks GraphicsProfundidad del color:24 bitsModos de color:· Mapa de bits· Escala Grises,· Color Indexado,· RGB

Canales alfa:· Mapa de bits ( 0 canal)· Escala Grises, (1 canal)· Color Indexado (0 canal),

· RGB (1 canal)Compresión: SI sin pérdidasNotas acerca del formato:· Mayor capacidad de almacenamiento y capaci-dades que el GIF· Genera transparencias de fondo sin bordes dentados· No muy extendido, con el tiempo sustiirá al GIF· Uso: Internet

TIF(.tif)Tag Image File FormatProfundidad del color:32 bits

Modos de color:·Mapa de bits sin canales Alfa· Escala de Grises con ca-nales Alfa y archivos Lab· Color Indexado· RGB con canales Alfa y archivos Lab· · · CMYK

Canales alfa: SICompresión: SI (LZW)Notas acerca del formato:· Desarrollado por Aldus Corporation.· Reconocido por casi todos los programas de Pintura y Vectorización·· Compatible IBM PC y MacUso: Imprenta e intercam-bio de archivos

LZW (Lempel-ZivWelch) es un algoritmo de compresión sin pérdida

41.

Page 15: Bitacora Damaris2ºparte

ICLASE 5INVESTIGACÍON YDESARROLLO

A P U N T E S

Page 16: Bitacora Damaris2ºparte

27.07CLASE 5LENGUAJECOMPUTACIONAL

43 .

Investigación ydesarrolloInternet es un modelo editorial. Adobe Abrobat salvar en PDF. La fortma de tener un archivo PDF con una infor-mación muy rica y sin perdida de ella es trabajando con los archivos postscript, luego de imprimir el archivo en un for-mato PDF. postscript modelamiento de la trama.perfiles de impresión traduccio electronica de los perfiles con una valorización colometrica de lo que imprime. Distiller, setttings estandar para PDF( abrobat 5 pdf 1.4)

Directrices para crear archivos PostScriptSi desea ajustar de forma precisa la creación de PDF con parámetros de Distiller u operadores pdfmark, en primer lugar cree un archivo PostScript y, a continuación, convierta el archivo a PDF. Para más información, descargue el SDK de Adobe Acrobat 8 o partes de éste, como el manual de referencia de pdfmark, que encontrará en varias fichas de la página Acrobat SDK documentation (sólo en inglés) del sitio Web de Adobe.En las aplicaciones de creación como Adobe InDesign, uti-lice el comando Imprimir con la impresora Adobe PDF

para convertir un archivo a PostScript. Los cuadros de diálogo Imprimir pueden variar entre aplicaciones. Si desea obtener instruccio-nes sobre la creación de un archivo PostScript desde su aplicación concreta, consulte la documentación de dicha aplicación.Recuerde las siguientes in-strucciones cuando desee crear archivos PostScript:

Page 17: Bitacora Damaris2ºparte

44.

. Utilice PostScript LanguageLevel 3 siempre que sea posible para aprovechar las ventajas de las funciones más avanzadas de PostScript.. Utilice la impresora PDF de Adobe como impresora Post-Script.. (Windows) Envíe las fuentes utilizadas en el documento.. Asigne al archivo PostScript el nombre del documento original, pero con la extensión .ps. (Algunas aplicaciones utilizan la extensión .prn.). Utilice el color y los tamaños de página personalizados disponibles con el archivo PPD de Acrobat Distiller 8.0. Otros archivos PPD pueden generar colores, fuentes o

true type copia de window para las fuentes de Mac (postscript)

postscript son tipo-grafías vectoriales, a base de logartimos matematicos.

vector escalamiento sin deformar ni pixelar la ima-gen. Vector es linea, direc-ción determinada. Investi-gar acerca de las tipografia true type y postcript

tamaños de página inapro-piados en el PDF.

. Envíe los archivos Post-Script como binarios de 8 bits cuando utilice FTP para transferir archivos entre equipos, especialmente si las plataformas son diferentes, para evitar la conversión de avances de línea en retornos de carro o viceversa.

Page 18: Bitacora Damaris2ºparte

TCOMPOSICION DE LATIPOGRAFIADIGITAL

T A R E A S

Page 19: Bitacora Damaris2ºparte

la composición de la tipografia digitalDe la Historia Durante los años 80, los limites entre las actividades desarrolladas en los estudios de diseño, las oficinas y las industrias de impresión/composición tipográfica em-pezaron a hacerse mas difu-sos, como consecuencia de una serie de avances experi-mentados simultáneamente en distintas áreas. Los orde-nadores personales bajaron drásticamente de precio, apa-recieron los sistemas WYSI-WYG, y las compañías de tipos cedieron los derechos de uso de sus bibliotecas de tipos a los fabricantes de im-presoras de oficina, quienes por entonces ya habian lo-grado adaptar las máquinas láser para aquel desfavorable ambiente. El hecho clave en el final de ese proceso fue la combinación, en 1983, del lenguaje de descripción de páginas PostScript, de Ado-be Systems Inc., con la apli-cación de autoedición Aldus (hoy Adobe)

46 .

TIPOSDE FUENTESTRUE TYPEPOSTCRIPT

Page 20: Bitacora Damaris2ºparte

PostScript es un lenguaje independiente del disposit-vo, que describe el material de una página electronica (texto, imagenes y otras in-formaciones graficas y com-positivas).Permite al usu-ario combinar, en cualquier ordenador compatible con el lenguaje Postscript , tipos de diferentes fabricantes con otros elementos gráficos e imagenes, e imprimir todo ello en cualquier impresora que sea compatible con el lenguaje, PostScript. Todos los sistemas de composición tipográficas de los años an-teriores padecián la limi-tación de que los tipos de una compañia concreta sólo podian funcionar en equipo de la misma compañia, o de otra a la que se hubieran ce-dido los derechos sobre los diseños de los tipos.

Despues los tipos ya no fueron productos destinados a las casas de composición, sino a software para los or-denadores personales.Por esto se creo en 1991, el len-guaje TrueType, fuente de contorno de curva cua-draticas.

La incompatibilidad de los formatos PostScript y TrueType para circular libremente entre las plataformas operativas de Window y Macintosh, unidas a las conveniencias co-merciales, hicieron que las compañias Adobe y Microsoft a trabajar juntas, y en 1997 se publicó OpenType, una tegnologia de envoltura, que puede contener fuentes crea-das por ambos formatos. Su objetivo inical era de compati-bilidad entre plataformas, pronto fue ampliado al trabajo

47.

Page 21: Bitacora Damaris2ºparte

con el codificador de carac-teres standar Unicode, más amplio, el cual esta diseñado para soportar el intercambio , la elaboración y exhibición de textos escritos en todas las lenguas del mundo.En 2000, Adobe anunció el apoyo para OpenType, con los lanzamientos de InDe-sign y Photoshop, coincidi-endo con el relanzamiento por parte de la compañia de Paltaino y Tekton, cada uno de los cuales contiene 1.800 caracteres.

tipos de fuentes DigitalesBásicamente las fuentes ele-trónicas se dividen en 2 cat-egorías: Fuentes de mapa de bits y fuentes de contorno.

Fuentes de mapa de bits. Son conjuntos de letras descritas mediante matrices

de puntos. Para el tamaño al que fueron destinadas pueden dar un resultado “aceptable” a la hora de imprimir (general-mente van de 5 pts. hasta máximo 36 o 48 pts.). Por ejem-plo, en cuanto decidas aumentarlas, los puntos de la matriz pierden su forma y se ven “pixel.

Fuentes de contorno.

Son letras que logran su forma a base de operaciones matemáticas, mediante vectores (ángulos, escribir recta de x, y...). Eso permite aumentarlas o reducirlas a placer sin perder calidad. Se dividen básicamente en tres tipos: Son, como su nombre indica, un sistema de describir fuen-tes incluido en el lenguaje PostScript (vectores). Estas de-scriben el contorno de un tipo por medio de las llamdas “Curvas de Bezier” Básicamente son las llamadas “Tipo 1,2

fuente mapa bit

.48

Page 22: Bitacora Damaris2ºparte

Fuente postscript

y 3”, osea se presentan en tres archivos: La fuente de la impresora ( a veces llamada PFM), que es el diseño pro-piamente dicho; su icono varía según el fabricante; los mapabit, que son representaciones pixeladas de la fuente de impresora para usar en pantalla; y el archivo AFM ( Adobe Font Metrics) que contienen datos puramente nu-mericos sobre cada uno de los aspectos del diseño de la fuente Son lo más extendido y usual en artes gráficas pro-fesionales. Se suelen componer de dos ficheros, uno ellos es la “maletita o suitcase” que contiene la fuente y el otro es el del archivo de la impresora o “outlines”. Las versiones para Mac y para PC no son compatibles (lo que complica mucho la vida de los fotomecánicos y diseñadores).

Fuentes True Type. Como el sistema PostScript es propiedad de la empresa Adobe, otras firmas (Apple y Microsoft) intentaron sacar un estándar de fuen-tes de contorno alternativo a las fuentes PostScript. Las True Type son compatibles entre mac y PC, pero como muchas de ellas estan muy mal realizadas y las versio-nes antiguas de PostScript tenían problemas con ellas, han tomado muy mala fama (inmerecidamente) entre al-gunos profesionales del sec-tor.Fuentes Open Type. Son el presente/futuro. Son compatibles entre Mac y PC. Admiten muchos más carácteres, sobre todo es-peciales (ligaturas, etc...). Nacen de un desarrollo conjunto de los principales fabricantes y firmas relacio-nadas con el sector. OpenType es una tecnología de tipos desarrollada entre Adobe yMicrosoft, que combina las tecnologías PostScript Tipo

. 49

Page 23: Bitacora Damaris2ºparte

1 de Adobe y TrueType de Apple. Según las espe-cificaciones de Microsoft son multiplataforma y fun-cionan tanto en Windows como en Mac. No son muy populares todavía. Va a pasar algún antes de que puedan ser utilizadas extensamente por proveedores, diseñadores y negocios de pre-prensa.

¿Cómo se diferencia una TrueType de una PostScript de pan-talla y de una Post-Script de impresora?

Las PostScript tienen en su icono de pantalla una única letra “A” mientras las True Type (que solo constan de un archivo similar al de pan-talla Postscript), contienen varias AAAs de diferen-tes tamaños que hacen ref-erencia a su escalabilidad.

.50

ejemplo del archivo de letra opentype

Pero ojo, esto de los diferentes iconos de pantalla sirve para el Mac OS 9.x y anteriores. En el sistema 10.x pu-eden aparecer ambos tipos de pantalla con el mismo icono. El archivo de impresora de los Postscript (las Truetype no tienen) no se puede alojar en maletas y su icono de-pende del fabricante, además de caracterizarse porque su nombre está abreviado (p. ej. Helvebolobl que sería el archivo relativo al de pantalla Helvetica Bold Oblique).

Page 24: Bitacora Damaris2ºparte

DCLASE 6

DISEÑO D I G I TA L

A P U N T E S

Page 25: Bitacora Damaris2ºparte

03.08CLASE 6LENGUAJECOMPUTACIONAL

.52

Diseño digital, Programación sistematica del contenido.

El contenido esta separado del diseño

Arquitectura de la infor-mación, el contenido no seduplicaCascadas de estilo ( html)

Todos los elementos asociados a la producción; ejemplo: crema Nivea con una promoción que trae de regalo una pelota El Contenido es transversal, nuestro cerebro actua con los sentidos, hay jerarquias y expresiónes de contenido

Diseño digital

interfaceEn terminos generales, una interface es el punto, el área, o la superficie a lo largo de la cual dos cosas de naturaleza distinta convergen.Por extensión, se denomina interfaz a cualquier medio que permita la interconexión de dos procesos diferenciados con un único propósito común.En software, una interfaz de usuario es la parte del pro-grama informático que permite el flujo de información

entre varias aplicaciones o entre el propio programa y el usuario. Metafórica-mente se entiende la In-terfaz como conversación entre el usuario y el sistema (o entre el usuario y el dis-eñador): durante muchos años se vio a la interacción como un diálogo hombre-máquina (para trabajar con

AI

TV digitalEWMMD

Contenidos transversales de la Arquitectura de la informacion

Page 26: Bitacora Damaris2ºparte

.53

InterfaceLa interface es como veo el contenido, hay ritmos de lectura, por esto el contenido tiene que ser claro y legible.Como diseñadores nos efrentamos adiseñar para un lector, y cuandonos piden un

diseño el cliente tiene claro lo que quiere hacer, Pero no tiene claro necesita que se hagaArquitectura de la informaciónTareas: Levantamiento de contenido revista wired,Mapa de contenido, Entender cual es la relacion de ellos, Levantamiento de todos las actividaes de la escuela

una interfaz alfanumérica era necesario conocer el “len-guaje” de la máquina). Desde una perspectiva semiótica, los usuarios no dialogan con el sistema sino con su creador por medio de un complejo juego de estrategias (del diseñador y del usuario). En sentido amplio, puede definirse interfaz como el con-junto de comandos y métodos que permiten la interco-municación del programa con cualquier otro programa o elemento interno o externo. De hecho, los periféricos son controlados por interfaces.

Para un mejor entendimien-to de esta acepción ponga-mos un ejemplo. Si extrapo-láramos este concepto a la vida real, podríamos decir que el teclado de un teléfono sería una interfaz de usuario, mientras que la clavija sería la interfaz que permite al teléfono comunicarse con la central telefónica.

Texto gral.

negrita italica texto general /2

secuencia de la Tipografia

Page 27: Bitacora Damaris2ºparte

DDE LAREVISTA W I R E D

INVESTIGACION

Page 28: Bitacora Damaris2ºparte

R E V I S TAW I R E D Wired es una revista men-sual y un sitio web, wired.com, actualizado a diario.La palabra inglesa Wired se traduce al español como cableado o cableada lo cual tenía gran sentido en el año de fun-dación de la revista, ya que las computadoras dependían exclusivamente de cables para conectarse entre sus componentes como el mon-itor, el ratón, el teclado, la impresora, etc, a pesar de que en la era actual del de-sarrollo de los equipos elec-trónicos ya es una realidad el uso de aparatos sin cables, a pesar de eso la revista con-serva su nombre e irónica-mente ya publicó, al menos un número especial, al que tituló Unwired (sin cables) festinando la evolución en este sentido.

Por otra parte, desde sus primeros números la revista ha tenido especial cuidado

.55

Page 29: Bitacora Damaris2ºparte

en valorar el desarrollo del internet y ha realizado un mapa mundial donde ex-plícitamente valora a los países conectados (wired) al internet o desconectados (unwired).

Wired pretende reflejar la manera en que la tecnología afecta la cultura, a la edu-cación, a la economía y a la política del mundo.Wired Magazine vs Wired.com. Aunque en rigor la revista ya no pertenece a la empresa Wired.com, en-cargada del sitio Web, esta sigue publicándose gratuita-mente en Internet merced a una cláusula del acuerdo cel-ebrado con Condé Nast, el dueño de la revista. Su con-tenido editorial se inspira parcialmente en el teórico de los medios Marshall McLu-han, a quien se le ha otor-gado el papel de “santo pa-trono” de la revista. Wired ha sido tanto amada como odiada por el espíritu liberal de sus páginas, su utopismo tecnológico, y su diseño grá-fico siempre atrevido.

H I S T O R I A

El primer número de la revista fue el publicado para el período de marzo abril de 1993, conforme a su propia nomencaltura fue la 1.01 , donde el primer numeral in-dica el año y el segundo el mes, fue fundada por el pe-riodista Louis Rosetto y su socia Jane Metcalfe en ese año, 1993 , con el apoyo ini-cial del empresario de la in-dustria del software Charlie Jackson y Nicholas Negro-ponte, director del Labora-torio de Medios del MIT, quien también fue columni-sta por más de seis años.En el año 2005 ddC.(año 13.xx según la nomencla-tura de Wired) su Director General es Chris Anderson y las secciones de la revista incluyen Rants & Raves , Start , Play , View y Found.Desde el comienzo, Wired fue un gran éxito editorial y ha sido comparada con Roll-ing Stone por su impacto en la sociedad norteamericana. La revista fue acompa-ñada casi desde el comien-zo por un sitio de internet, HotWired, una división encargada de la publicación de libros (HardWired), una

edición en japonés, y una edición británica de corta vida (WiredUK). HotWired a su debido tiempo dio lugar a docenas de sitios Web, in-cluyendo WebMonkey y el buscador HotBot. Rosetto y Metcalfe perdieron el con-trol de Wired en manos del grupo de inversión Province Equity, que vendió las dis-tintas divisiones por sepa-rado. La revista fue vendida a Advance Publications, que asignó su administración a una de sus subsidiarias, la ya nombrada Condé Nast Inc.

.56

Page 30: Bitacora Damaris2ºparte

DDE LAARQUITECTURADE LAINFORMACION

INVESTIGACIÓN

Page 31: Bitacora Damaris2ºparte

¿Qué es la AI?Arquitectura de la informacion La Arquitectura de Infor-mación (AI) es una disci-plina relativamente nueva que nace tras la definición que hace Richard Saul Wurman en 1975, en su li-bro titulado “Information Architects” (publicado al año siguiente).

Allí plantea que el arqui-tecto de Información es “la persona que organiza los pa-trones inherentes a la Infor-mación, haciendo entendible lo complejo” o también, que es “una persona que crea un mapa de Información que permite a otros encontrar su vía personal hacia el cono-cimiento”.

Wurman tuvo oportunidad de hacer pública esta nueva forma de trabajo en 1976,

debido a que como arqui-tecto de profesión, le cor-respondió en ese año ser el máximo directivo de la con-ferencia anual del Instituto Americano de Arquitectos, realizada en la ciudad de Fi-ladelfia, Estados Unidos.

Tal como él mismo lo recu-erda en una entrevista con la revista “Design Matters”, “decidí hacer el tema de la conferencia y lo llamé “Ar-quitectura de Información”

y comencé a llamarme a mí mismo “Arquitecto de Infor-mación”. Parecía tener senti-do que hubiera una enorme cantidad de Información que nadie pudiera entender, usándome a mí como mod-elo, que tampoco podía en-tender cosas; así que pensé que ese término podía calzar y de la noche a la mañana hubiera un nuevo campo para el esfuerzo humano”.

Sin embargo, el mismo con-.58

Page 32: Bitacora Damaris2ºparte

fiesa que eso no llegó a ocurrir y durante 20 años el término permaneció archivado, hasta que con la llegada de los usos comerciales de la Internet, fue retomado. En la misma en-trevista, de junio de 1999, indica: “Ahora, particularmente en el último año, ha habido una explosión de personas que se lla-man a sí mismos arquitectos de Información y ya están en todas

partes, Me sorprende nueva-mente que haya despegado ese término, que lo haya hecho tan rápido. Diariamente, me doy cuenta de que la gente la usa en sus tarjetas de presentación,

.59

Page 33: Bitacora Damaris2ºparte

en sus escritorios, en Internet, en sus páginas web. Y por su-puesto, no saben de dónde salió. Pero es un término que es de su tiempo y la gente parece identi-ficarse con él y parece llenar un espacio importante, tal como pensé que lo haría hace muchos años, pero estaba equivocado ambas veces. Entonces, porque eso no ocurrió. Y ahora, porque ocurrió tan rápido”.

Finalmente plantea que la Arquitectura de Infor-mación es una mezcla de tres campos: tecnología, diseño gráfico y periodismo/re-dacción.

Aspectos esen-ciales de la dis-ciplinaLa Arquitectura de Infor-mación permite que los usu-arios de un sitio web...

* Entiendan grandes can-tidades de Información. * Busquen y encuentren la Información que necesitan de manera simple. * Realicen acciones medi-ante el computador.

La Arquitectura de Infor-mación, a su vez, permite a los creadores de un sitio web...

* Aclarar la misión y la visión del sitio, centrándose en las necesidades de sus au-diencias. * Generar estructuras que soporten el cambio y el cre-cimiento en el tiempo. * Determinar qué conteni-dos y funcionalidades deberá contener el sitio. * Poner nombres entend-ibles a las áreas de Infor-mación. * Crear sistemas de naveg-ación intuitivos.

Finalmente, si queremos ensayar una definición, podemos afirmar que la Ar-quitectura de Información es una disciplina que organiza conjuntos de Información, permitiendo que cualquier persona los entienda y los integre a su propio cono-cimiento, de manera simple.

Ahora, si miramos la discip-lina desde el punto de vista de quienes la utilizan para la construcción de sitios web, podremos agregar que La Arquitectura de Infor-mación es el conjunto de prácticas que entendiendo el objetivo de un sitio web, organiza el contenido en subconjuntos de nombres comprensibles para el usu-ario final, facilitando las operaciones de búsqueda y uso de la Información que contienen.

.60

Page 34: Bitacora Damaris2ºparte

DCLASE 7DIAGRAMACIÓN CONTENIDOINFORMACIÓN

A P U N T E S

Page 35: Bitacora Damaris2ºparte

10.08CLASE 7LENGUAJECOMPUTACIONAL

62.

Toda revista y en este caso la Revista Wired, que es em-blematica en la entrega de contenidos, tiene una dia-gramacion en la entrega de los contenidos.El diseñar la distribución de los contenidos es una parte esencial, hay que ponerse en el lugar del lector que es al fin y al cabo a quien va dirigida

McLuhan“El medio es el mensaje”

Diagramacion delcontenidode información

Portada

Legales l z

indice

Distribuccion de los Contenidos en la Revista Wired

colofónconcurso

a b 1 2 3

la revista. Hay que distribuir repotajes, secciones propias de la revista y publicidad, en el caso de la revista Wired tiene un gran porcentaje de publicidad ubicada muy es-trategicamente.

TareasActulizar las bitacorasConstruir la Revista de la Escuela

Page 36: Bitacora Damaris2ºparte

DMcLUHANY LAA L D E AGLOBAL

INVESTIGACION

Page 37: Bitacora Damaris2ºparte

La aldea global McLuhan anticipó el trán-sito a la aldea global, afirmó que el medio es el mensaje, que las tecnologías admiten ser consideradas como pro-longaciones de nuestro cu-erpo y nuestros sentidos,

.64

MARSHALLMcLUHANEl medio es el Mensaje

que los medios de comuni-cación electrónica admiten ser considerados extensiones de nuestro sistema nervioso central, y que es posible dis-tinguir entre medios cálidos y fríos. La definición de los datos que son transmitidos a través de un medio, y el grado de participación de las audiencias para completar al medio, son los dos criterios fundamentales que propuso McLuhan para distinguir medios fríos y calientes:

Los medios Frios “Alta definición es el es-tado del ser bien abastecido de datos. Visualmente, una fotografía es una alta defin-ición. Una caricatura es una definición baja por la sen-cilla razón de que propor-ciona muy poca información visual. El teléfono es un medio frío o un medio de definición baja debido a que se da al oído una cantidad mezquina de información, y el habla es un medio frío de definición baja, debido a que es muy poco lo que se da y mucho lo que el oyente tiene que completar ()

Page 38: Bitacora Damaris2ºparte

Los medios Cálidoslos medios cálidos son de poca o baja participación, mien-tras que los medios fríos son de alta participación para que el público los complete”. (McLuhan, 1977: 47).

Formidable visionario Definitivamente, McLuhan fue un formidable visionar-io, susceptible de anticipar la forma cómo los medios in-tervienen en la modelación de las sociedades hacia el futuro. La llamada Sociedad de la Información y el Con-ocimiento admite ser con-siderada como fase superior de la aldea global mcluhani-ana. El canadiense anticipó además el advenimiento de Internet:El medio de comunicación inteligente:

“Después de tres mil años de explosión por medio de técnicas fragmentarias y mecánicas, el mundo de Oc-cidente entra en implosión. Durante las eras mecánicas prolongamos nuestros cuer-

pos en el espacio. Hoy en día, después de más de un siglo de técnica eléctrica, hemos prolongado nuestro propio sistema nervioso central en un alcance total, aboliendo tanto el es-pacio como el tiempo, en cuanto se refiere a nuestro planeta. Estamos acercándonos rápidamente a la fase final de las prolongaciones del hombre, o sea la simulación técnica de la conciencia, cuando el desarrollo creador del conocimiento se extienda colectiva y conjuntamente al total de la socie-dad humana, del mismo modo en que ya hemos ampliado y prolongado nuestros sentidos y nuestros nervios valién-donos de los distintos medios” (McLuhan, 1977:26-27)..65

Page 39: Bitacora Damaris2ºparte