3. Indice
Portadas de Diarios:::29Junio.........................5
Color e Impresión:::06Julio...............................9
Herramientas InDesign:::13Julio................15
Extensiones de Imágenes:::20Julio..............19
PostScript y Trupetype:::27Julio...................27
Diseño Semántico:::03Agosto.........................31
Arquitectura del Diseño:::10Agosto.........35
:::17Agosto................39
:::24Agosto...............43
:::31Agosto...............47
7. La diagramación es un juego de geometría, más
importante que el diseño es el contenido.
Se diseña para colocar contenido.
Jakob Nielsen (1957-, Copenhague) expone que lo habitual es que un
usuario no lea con detalle ni siquiera una mínima parte de los textos de
una página web. En su lugar, y por economía de tiempo, el usuario se
limita a hojear la página. Es decir, el usuario realiza un rápido barrido
visual de cada página buscando elementos que llamen su atención. Por
Jakob Nielsen
tanto es fundamental la utilización de elementos como:
* Palabras resaltadas mediante negrita y cambios de color o de
tamaño. En este sentido los hipervínculos actúan como elementos de
Tarea1:
atracción visual pues se destacan del resto del texto.
* Listas de elementos con viñetas o numeradas. Reconocer distintas
* Títulos de sección y titulares breves intercalados (también llamados maneras de disponer
‘ladillos’).
el contenido en una
portada de un periódico
Debido a esta economía de lectura, según Nielsen, el
internacional.
contenido de un texto debe organizarse correctamente para
ganar la atención del lector. Por ejemplo las ideas más importantes
deben aparezcer al principio, y luego la argumentación de la misma.
De esta forma, nos aseguramos que el posible lector recuerde mejor la
información.
http://www.newseum.org/todaysfrontpages/default.asp
http://www.garcia-media.com.ar/
http://www.useit.com/alertbox/
10. Color
En los colores encontramos los colores primarios
RBG (red, blue, green) y los colores secundarios
RGB
CMYK (cyan, magenta, yellow, key color).
Modelo Aditivo
Con estos últimos se forma la cuatricromía, que es
la impresión de CMYK atraves de puntos lo cual da la
ILUSION DEL COLOR.
CMYK
Modelo Substractivo
Espectro visible y gamas de color
11. Tramas de Semitono
Efecto Moirè
Es un efecto óptico que
Con Tinta Negra aparece cuando las
direcciones de trama se
superponen de manera
errónea, formando
rosetas irregulares.
En Cuatricromía
En apariencia son
como unas aguas que se
forman en la fotografía,
distorsionando el
resultado y eliminando
los detalles.
La trama de semitono en cuatricromía, cuando estan en
su ángulo correcto (cian a 105º, amarillo a 90º, magenta
a 75º, negro a 45º) surge un motivo poligonal que
recuerda a una flor, llamado “roseta”.
12. Trapping o
Colores de
Reventado Cuatricromía
Es el descalce del color y 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.
El orden de impresión en
Cuatricromía es Cyan
– Magenta – Amarillo
– Negro. Al imprimir un
color sobre otro se van
formando la variedad de
colores necesarios para
la imagen que se quiere
imprimir.
13. Reserva o
Sobreimpresión
La sobreimpresión es imprimir una tinta encima
de otra. Es decir, imprimir los colores de todos los
elementos sin tener en cuenta los colores que
puedan tener elementos que haya debajo, sumando
así los valores de todos ellos donde coincidan.
Tarea2:
Tomar el diario de
Tarea No.1 y sobre la
base de la geometría y
descubrimientos del Diseño
hacer una réplica del diario
en un archivo de InDesign.
16. Importando
Imágenes
Si traemos imágenes al documento de la forma QuarkXPress es un
programa de Autoedición
Drag&Drop, estás le suman peso innecesario al para computadores Mac
archivo, por lo que se utiliza la herramienta Place OS X y Windows.
(Ctrl+D), la cual hace una referencia del archivo Una de las primeras
tecnologías que hicieron
ubicado en una carpeta expecifica. Se recomienda que despuntar al programa
esta carpeta contenga todas las imágenes necesarias, fue el uso de XTensiones
y que se ubique dentro de la carpeta que contiene el que permiten a
desarrolladores externos
documento. implantar su propio
software mediante el uso
de extensiones creadas
por ellos mismos.
QuarkXPress es el único,
junto a Adobe InDesign,
que está considerado
como una herramienta
verdaderamente
profesional, dentro
del gremio de
editores, impresores y
fotomecánicos.
Lo mismo se recomienda para las fuentes, en otra carpeta.
17. Checkeo de
Links Selector
Herramienta que sirve
Para verificar que todas las para seleccionar uno o
más objetos contenidos
imágenes estén bien vinculadas
en alguna parte del
al documento, se usa el Linker documento. También se
(Shift+Ctrl+D), el cual entrega pueden agrupar con la
función Ctrl+G.
el estado de cada imagen,
junto con su ubicación dentro
del documento. Por lo mismo, es
recomendable que cada imagen
tenga un nombre
claro y explícito Tarea3:
de su contenido. Crear una Bitácora Digital
de las Clases en InDesign.
Valorizar, tomar apuntess
e investigar, ser productivo
al proponer ideas,
uso permantente de
PDF (Portable Document Format) es un formato de
Herramientas Digitales.
almacenamiento de documentos, desarrollado por la empresa
Adobe Systems. Es multiplataforma, puede integrar cualquier
combinación de texto, gráficos, imágenes e incluso música,
es uno de los formatos más extendidos en Internet para el
intercambio de documentos, y, entre otras cosas, es una
www.quark.com
especificación abierta.
http://www.adobe.com/es/products/acrobat/adobepdf.html
http://mashable.com/2007/07/25/pdf-toolbox/
20. PSD Photoshop Document
PSD es un formato que guarda una imagen como
un grupo de capas, métodos de fusión, colores,
textos, máscaras, canales de color, canales alfa,
trazados, formas, configuración de tonos, entre otras.
Este formato permite trabajar con distintas capas
después de haber cerrado el programa, al contrario
que el jpeg, pero ocupa mucho más espacio y es
necesario tener Photoshop, ya que no se puede abrir
con programas como el visor de imágenes y fax de
Windows.
EPS Encapsulated PostScript
EPS es un formato de archivo gráfico PostScript
que satisface algunas restricciones adicionales. Estas
restricciones intentan hacer más fácil a programas de
software el incluir un archivo EPS dentro de otro
documento PostScript. Se usa cuando transformamos
una imagen RGB a CMYK y crea 5 separaciones de
color.
21. TIFF Tagged Image File Format
TIFF es un formato de fichero para imágenes. Su
nombre (formato de archivo de imágenes con Imagen Original,
etiquetas) se debe a que los ficheros TIFF contienen, Sin Comprimir (108,5KB)
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. Trabaja con todo tipo de
Compresion Baja,
imágenes en profundidades de bit desde 1 a 32. Un 84% menos de
aspecto muy práctico del formato TIFF es que permite Informacion (9,37 KB)
almacenar más de una imagen en el mismo archivo.
Además, es capaz de manejar distintas gamas de
colores como el CMYK.
Compresion Media,
92% menos de
Informacion (4,82 KB)
Compresion Alta,
98% menos de
Informacion (1,14 KB)
22. JPEG Lossy compression
Joint Photographic Experts Group Se denomina algoritmo de
compresión con pérdida
JPEG es un algoritmo diseñado para comprimir a cualquier procedimiento
de codificación que tenga
imágenes con 24 bits de profundidad o en escala
como objetivo representar
de grises. Es un algoritmo de compresión con cierta cantidad de
pérdida, Esto significa que al descomprimir la imagen información utilizando
una menor cantidad de la
no obtenemos exactamente la misma imagen que
misma, siendo imposible
teníamos antes de la compresión. una reconstrucción
exacta de los datos
originales.
La compresión con
pérdida sólo es útil
JPG al 1600%
cuando la reconstrucción
Es el formato más utilizado para almacenar y exacta no es indispensable
transmitir archivos de fotos en la Web, pero la para que la información
tenga sentido.
compresión con pérdida del formato no conviene
a diagramas que incluyen textos y líneas. Una
de las características que hacen muy flexible el JPEG
es el poder ajustar el grado de compresión.
Si especificamos una compresión muy alta se
perderá una cantidad significativa de calidad, pero
obtendremos archivos de pequeño tamaño. Con una
tasa de compresión baja obtenemos una calidad muy
parecida a la del original, y un archivo mayor.
JPG con mayor compresión a la derecha
23. GIF Compuserve Graphics Interchange Format
GIF es un formato sin pérdida de calidad, siempre
que partamos de imágenes de 256 colores
o menos. Una imagen de alta calidad, como
una imagen de color verdadero debería reducir
literalmente el número de colores mostrados para
adaptarla a este formato, y por lo tanto existiría una
pérdida de calidad. Permite transparencia de 1 bit, de Al convertirse a GIF una
imagen de más de 256bit,
tal forma que cada pixel de la imagen puede ser o se obtiene un resultado
no transparente. Sus últimas versiones permiten granulado
hacer animaciones simples, aunque la compresión
es muy deficiente.
PNG Portable Network Graphics
PNG es un formato gráfico basado en un algoritmo de
compresión sin pérdida para bitmaps. Este formato
fue desarrollado en buena parte para solventar las
deficiencias del formato GIF y permite almacenar
imágenes con una mayor profundidad de color y
transparencias (hasta 4 canales, RGB + alfa). PNG
comprime mejor que el formato GIF, también Comparación de
resolución entre JPG y
proporciona unos rangos de color mucho más ricos y
PNG
precisos, pero no es capaz de soportar animaciónes.
24. Bitmap Vs. Vector
Los Bitmaps son imágenes en mapas de bits, los cuales
mapean las coordenadas X y Y junto con el color de
cada pixel contenido. Cada pixel contendiro
dentro de un mapa de
bits contiene 3 datos,
su ubicación en X, su
ubicación en Y, y el color
que lleva.
En el caso de la primera
imagen, la información
almacenada es (8,8,0)
Luego dibujaremos un círculo en un Mapa de Bits:
(8,4,0) (7,5,0) (8,5,0) (9,5,0) (6,6,0) (7,6,0) (8,6,0)
(9,6,0) (10,6,0) (5,7,0) (6,7,0) (7,7,0) (8,7,0) (9,7,0)
(10,7,0) (11,7,0) (4,8,0) (5,8,0) (6,8,0) (7,8,0) (8,8,0)
(9,8,0) (10,8,0) (11,8,0) (12,8,0) (5,9,0) (6,9,0) (7,9,0)
(8,9,0) (9,9,0) (10,9,0) (11,9,0) (6,10,0) (7,10,0)
(8,10,0) (9,10,0) (10,10,0) (7,11,0) (8,11,0) (9,11,0)
(10,11,0) (8,12,0)
25. En vez de mapear cada pixel, una imagen vectorial
usa una ecuación matemática para definir las
secciones o vectores de una imagen.
En vez de los 3 datos del
Bitmap, el dibujo vectorial
toma dos medidas y una
funcion para hacer el
dibujo.
(X1,Y1,X2,Y2,Función)
Donde:
X1,Y1 es el pto. de inicio,
X2,Y2 es el pto. de término,
A simple vista ambas extensiones son iguales, pero la Función es la función
diferencia está al tratar de agrandarlos. Al hacerlo, La usada para crear el objeto.
imagen vectorial sólo cambia las coordenadas,
no la función, por lo que no importa la medida de
la imagen, siempre se verá igual. Un mapa de bits
no puede generar más pixeles de los que ya tiene,
entonces, para compensar, replica los existentes
entregando un nuevo tamaño, pero cada vez más
borroso.
Los vectores pesan mucho menos que los bitmaps, y
aunque tienen facilidad al ser escalados, no se pueden
comparar con la calidad y realismo fotográfico que
http://aralbalkan.com/759
entrega un Mapa de Bits. http://www.prepressure.com/image/bitmapvector.htm
28. PostScript
Es un lenguaje de descripción digital de
página, es decir, un lenguaje que proporciona
instrucciones para que cualquier máquina sepa qué
y cómo se debe imprimir o representar una
página. Puede contener tanto textos como imágenes
en mapa de bits o vectoriales. Su gran ventaja está
Charles Geschke
en que es independiente del dispositivo y
resolución ya que lo único que se necesita es que la
máquina sea compatible con postscript, es decir, que
entienda e interprete esas instrucciones. Esto permite
poder diseñar una página en un ordenador y poderlo
imprimir en cualquier impresora postscript
de cualquier marca o modelo.Fue desarrollado por
Adobe Systems en 1984 y adaptado por Apple un año
más tarde convirtiéndose en el sistema estándar
John Warnock.
de las principales máquinas y programas digitales de
diseño e impresión. Los fundadores de Adobe
e inventores del lenguaje
PostScript.
29. TrueType
Una fuente truetype es simplemente un conjunto Las primeras fuentes
TrueType creadas son
de dibujos vectoriales (que se pueden escalar sin Times Roman, Helvetica
pérdida de calidad: más información en nuestros y Courier, por Sampo
artículos sobre diseño gráfico digital), guardados Kaasila.
dentro de un fichero, con el formato:
nombre_fuente.ttf
Este tipo de fuentes fue creada por Apple Computer,
Inc. a finales de 1980.
También existe una
versión en inglés de
cómo se creó TrueType
desde el punto de vista de
Microsoft.
http://www.microsoft.com/typography/TrueTypeHistory.mspx
http://gusgsm.com/que_es_postscript
http://www.truetype-typography.com/tthist.htm
http://www.postscript.org/FAQs/language/FAQ.html
32. Diseño Semántico
Muchos desarrolladores
y diseñadores no
Semántica viene del griego ‘semantikos’, que ponemos mucha atención
a estos elementos,
significa “significado relevante”. Aplicado
simplemente tratamos
al término web semántica: tiene que ver con el de que la estructura sea
significado de las cosas, y de las relaciones de visible en la página, sin
preocuparnos por el
unas con otras.
codigo.
El contenido no es lo único que tiene un significado; <p>un texto</p>
<p>otro texto</p>
el código que se usa para estructurar y presentar
un contenido también lo tiene, y es importante que se ve practicamente igual
esté en consonancia con el contenido. Esta es la que
base fundamental de la web semántica.
un texto
<br><br>
El (X)HTML es un lenguaje que da estructura a un otro texto
documento a través de etiquetas.
Sin embargo, el
primer bloque tiene
Ej. al poner las etiquetas <p> y </p> alrededor de un un significado que el
segundo no tiene.
texto, estamos designando ese texto como un párrafo y al usar
las etiquetas <strong> y </strong> denotamos énfasis.
33. Ventajas
Las hojas de estilo en
* Describe el contenido. cascada (CSS) son
un lenguaje formal
usado para definir la
* Se independiza de la forma en que es presentación de un
presentado (eso permite, por ejemplo, poder tener documento estructurado
escrito en HTML o XML.
diferentes estilos para un mismo documento).
El W3C es el encargado
de formular la
* Más fácil encontrar elementos y cambiarlos para especificación de las
hojas de estilo que servirá
su mantenimiento.
de estándar para los
agentes de usuario o
* Es más accesible, porque los navegadores de navegadores.
solo texto, lectores de pantalla, y navegadores viejos,
La idea que se encuentra
o sin javascript u otras tecnologías pueden entenderlo. detrás del desarrollo
de CSS es separar
la estructura de un
* El código semántico es más simple, por lo tanto
documento de su
las páginas cargan más rápido. presentación.
http://www.maximiliano.cl/
http://www.csszengarden.com/
http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/
http://www.w3c.es
36. Arquitectura del
Diseño - Fases
Hoy por hoy, y debido
al mejoramiento del
1. Observar y análizar el medio en el cual se trabajo del diseñador,
desenvuelve el ser humano, descubriendo alguna podemos destacar otro
acto fundamental en el
necesidad.
proceso:
2. Planear y proyectar proponiendo un modo de 4. Evaluar, ya que es
necesario saber cuando
solucionar esta necesidad, por medio de planos y
el diseño está finalizado.
maquetas, tratando de descubrir la posibilidad y
viabilidad de la(s) solución(es). Diseñar como acto
cultural implica conocer
criterios de diseño
3. Construir y ejecutar llevando a la vida real la como presentación,
idea inicial, por medio de materiales y procesos producción, significación,
socialización, costos,
productivos.
mercadeo, entre otros.
Estos tres actos, se van haciendo uno tras otro, y a Estos criterios son
innumerables, pero son
veces continuamente. Algunos teóricos del diseño
contables a medida que
no ven una jerarquización tan clara, ya que estos actos el encargo aparece y se
aparecen una y otra vez en el proceso de diseño. define.
37. Marshall McLuhan
(1911-1980)
McLuhan es reverenciado como uno de los
fundadores de los estudios sobre los medios y
ha pasado a la posteridad como uno de los grandes
visionarios de la presente y futura sociedad
de la información. Durante el final de los años 60
y principios de los 70, McLuhan acuñó el término
“aldea global” para describir la interconectividad
humana a escala global generada por los medios
Marshall MacLuhan,
electrónicos de comunicación. considerado el “Santo
Patrono” por la Revista
WIRED
El pensamiento de McLuhan respecto a los medios de
comunicación se inicia a partir de las siguientes ideas:
* Somos lo que vemos
* Formamos nuestras herramientas y
luego éstas nos forman
Tarea4:
Diseño y Construcción
En esta línea, podría afirmarse que veía en los medios
sobre soporte digital de
antes agentes de ‘posibilidad’ que de ‘conciencia’: Revista Escuela
así, los medios podrían compararse a caminos y
canales antes que obras de valor artístico o modelos
de conducta a seguir.