L C 1LENGUAJE

COMPUTACIONAL VALERIA CERÓN REVECO

04.07CLASE 2ESTRATEGIAdeDISEÑO

USER EXPERIENCEmetodología de trabajo.

Infografía: permite mostrar el procesoEl diseño puede construir una comu-nicación tocando el lado afectivo del usuario.

1. ESTRATEGIA

briefEl cliente cuenta los objetivos del proyecto. Se intenta NO burocratizar la relación con el cliente.Sirve para tener OBJETIVOS CONCRETOSPor ello el Brieff debe ser rico en in-formación PUNTUAL, colaborar en la entrega de la información; el cliente DECLARA los objetivos del proyecto, sus expectativas.

tabla gantAsignación de tareas por persona y distribución del TIEMPO para el pro-yecto.Refleja la disponibilidad de tiempo para realizar el proyecto en cuestión.Se debe considerar el tiempo que el cliente tarde en decidir y las reunio-nes con éste.

benchmarkHerramienta para hacer levantamien-to de VENTAJAS Y DESVENTAJAS en cuanto a la competencia. ANÁLISIS.Se toman ejemplos de la competen-cia y se transversalizan según ciertos puntos para sacar conclusiones.Como se comporta gráficamente, Buenas prácticas, Oportunidades po-sibles graficamente en el mercado.

11.07CLASE 3COMPORTAMIENTOdelUSUARIO

DISEÑARdiseñador

sociología

sicología

antropología

lenguaje

bibliotecario

estadística

metalinguistica

El diseño es puente para otros conver-sen. El OFICIO impulsa al diseñador a buscar en otras áreas para interactuar de mejor modo y ponerse a nivel del usuario, según sus necesidades e in-quietudes.

18.07CLASE 4USABILIDAD

Parte importante de la metodología del diseño. Se debe entender que se está trabajando para otros, donde el test es parte de la elaboración de usabilidad.

MEDIR ESTUDIAR ANALIZAR

CONOCER MODIFICAR

La usabilidad se encuentra estrechamente ligada con la ACCESIBILIDAD,de manera que algo se vuelve más útil en la medida en que logro descubrir como acceder al servicio prestado de modo más abierto.Esta usabilidad, comienza por un largo estudio, donde se ubican los conte-nidos que darán forma a una INTERFAZ GRÁFICA apta para cualquier usua-rio. (ej.Google)

Se de resolver cual es la experien-cia del usuario para poder diseñar una interfaz adecuada a su cono-cimiento.Para esto existen SISTEMAS DE EVALUACIÓN DE LA VISUABILIDAD

HEURÍSTICA POR EXPERTOS

TEST DE USUARIOS Laboratorios

EYETRACKING Sistema que siguen el movimiento del ojo por la pantalla

ACCESIBILIDAD Capacidad de los diseños para ser usados

EXPERT REVIEW Análisis experto

01. 08CLASE 6SISTEMASdeIMPRESIÓN

Pinturas offset. Aprovecha su tras-lucides para construir la ilusión del color, vía puntillismo.

CIÁN AMARILLO MAGENTA y NEGRO

La mezcla de colores CMY ideales es sustractiva (pues imprimir cian, magenta y amarillo en fondo blanco resulta en el color negro). El modelo CMYK se basa en la absorción de la luz. El color que presenta un objeto corresponde a la parte de la luz que incide sobre este y que no es absor-bida por el objeto.La cuatricomía, obtiene las impre-siones a partir de cuatro fotolitos, cada uno de los cuatro colores básicos (Cyan, Magenta, Amarillo y Negro).

cuatrinomía

efecto muaréSaturación de los puntos por el giro del ángulo de alguno de las tramas. Se produce un efecto tornasol.

cian 105°amarillo 90°magenta 75°

tintas planasSe pueden separar por tramas desde el 100% al 0%. Donde el 0% es lo total y el 100% es nada, el calado. Se van crean-do matices por la separación de puntos.En el caso de las tintas planas, sólo se utiliza un fotolito para cada uno de los colores planos que se deseen obtener.

Pantona: matices del color tramado.

C O L O RMODELORGB

RGB, del inglés Red, Green and Blue, es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mez-cla por adición de los tres colores primarios.

Para indicar con qué proporción mez-clamos cada color, se asigna un valor a cada uno de los colores primarios, de manera, por ejemplo, que el valor 0 sig-nifica que no interviene en la mezcla y, a medida que ese valor aumenta, se entiende que aporta más intensidad. Aunque el intervalo de valores podría ser cualquiera (valores reales entre 0 y 1, valores enteros entre 0 y 37, etc.), es frecuente que cada color primario se codifique con un byte (8 bits). Así, de manera usual, la intensidad de cada una de las componentes se mide se-gún una escala que va del 0 al 255.

La profundidad de color de una imagen se refiere al número de co-lores diferentes que puede conte-ner cada uno de los puntos o píxe-les que la forman. Depende de la cantidad de información (número de bits) que puede almacenar un píxel.

profundidad del color

Cuanto mayor sea la profundidad de bit en una imagen, mayor será la cantidad de tonos (escala de grises o color) que puedan ser representa-dos, más colores habrá disponibles y más exacta será la representación del color en la imagen digital. Las imágenes digitales se pueden pro-ducir en blanco y negro, a escala de grises o a color.

Canal alfa, valor independiente del color que se asigna a cada píxel de la imagen, utilizado para definir el grado de transpa-rencia de cada punto de la ima-gen.

1 bit por pixel 2 Arte Lineal (B&N). Modo Mapa de Bits

4 bits por pixel 16 Modo Escala de Grises

8 bits por pixel 256 Modo Escala de Grises. Modo Color Indexado. Cantidad estándar de colores que admiten los formatos GIF y PNG-8.

16 bits por pixel 65.536 High Color

24 bits por pixel 16.777.216 True Color. Modo RGB 8 bits por canal ( 8x3=24). Modo Lab 8 bits por canal

32 bits por pixel 4.294.967.296 Modo CMYK

profundidad del color

coloresdisponibles

DPI y PPI

Si bien es bastante común utilizar la denominación dpi para especi-ficar diferentes resoluciones, la re-solución del archivo de imagen se debe especificar en ppi (pixeles por pulgada). Más bien los dispositivos de salida usualmente especifican su resolución en dpi (puntos por pulgada) o en lpi (líneas por pulga-da).En algunos casos como por ejem-plo en los monitores de compu-tador, existe una relación de 1:1 entre los ppi y los dpi del archivo de imagen digital y del dispositivo de salida por lo que a veces se acos-tumbra llamarlos indiferentemente como dpi.

¿QUÉ ES DPI, LPI Y PPI?

ppi (pixel per inch): los pixeles por pulgada, miden la cantidad de información tomada por el escaner en la exploración en una pulgada cuadrada.

lpi (lines per inch): líneas por pulgada, conocida como linea-tura, mide la frecuencia de la trama del medio tono usado al imprimir una imagen.

dpi (dots per inch): puntos por pulgada es la medida de la re-solución de salida de un moni-tor, impresora o filmadora.

DPI.LPI.PPIRESOLUCIÓNCOMPRESIÓNIMPRESIÓN

Indica cuánto detalle puede observarse en una imagen. Te-ner mayor resolución se traduce en obtener una imagen con más detalle o calidad visual. Para las imágenes digitales almacenadas como mapa de bits, la conven-ción es describir la resolución de la imagen con dos números ente-ros, donde el primero es la can-tidad de columnas de píxeles (cuántos píxeles tiene la imagen a lo ancho) y el segundo es la can-tidad de filas de píxeles (cuántos píxeles tiene la imagen a lo alto).Otras convenciones incluyen des-cribir la resolución en una unidad de superficie, por ejemplo píxe-les por pulgada,ppi

de la resolución

Para escalar una imágen al doble, es decir al 200% si la imágen era de 10x10 y quiero que la resolución fi-nal sea de 300 dpi, se debe doblar la cantidad de dpi, es decir, esta debe ser 600. De manera que el porcen-taje a escalar es proporcional al dpi. 10x10 por 2 = 20x20300 dpi por 2 = 600 dpi

10

10

20

20

40

40

300 dpi 600 dpi 1200 dpi

SIN PERDIDA DE INFORMACIÓN

Es decir, supongamos que to-dos los pixeles de una imágen son del mismo color, se podría guardar simplificada de 2 x 2 pixeles sin compresión y entre-garía una imágen de12 bytes; se podría entonces guardar la imagen de tal manera que se describa como 4 pixeles negros iguales.

Como cada pixel toma 3 bytes para los colores RGB, entonces se necesitará de 3 bytes (basta guardar un solo pixel, los otros 3 son iguales) para almacenar dicha información más uno adicional para indicar cuántos de esos puntos negros iguales tenemos, 4 en este caso. Así, se ha comprimido la imágen de 12 bytes a una de 4 bytes. Lue-go sel archivo se descomprimi-rá al abrirlo y se conseguirá la exactarepresentación de la imágen sin ninguna pérdidad de cali-dad.

de la compresión

PERDIDA DE INFORMA-CIÓN

Trabaja bajo el principio que el ojo humano solo puede detectar hasta cierto rango los detalles de una imágen, cortando los que escapan por encima de este rango.

Los archivos JPEG están considerados como un for-mato dentro de este tipo de compresión y podrá variar el factor de calidad de 0 a 100%. Mientras más se acerque a 0%, el tamaño de archivo será más pequeño y su imagen perderá más de-talle. El mayor problema con este tipo de compresión es cuando abra y salve nue-vamente el archivo, perde-rá detalle, comportándose como si sacara una fotocopia de otra fotocopia.

de la impresión

Cada tipo de dispositivo (esca-ner, cámara digital, impresora, monitor de computadora) tiene un máximo número de puntos que puede procesar y desple-gar al margen de la cantidad de puntos que estén en la imágen. Por ejemplo en el caso de una impresora láser de 600 dpi puede imprimir hasta 600 pun-tos de información en una pul-gada. Un monitor de computa-dor puede desplegar aprox. 72 dpi, típicamente, de informa-ción por pulgada.

Cuando una imagen tiene más puntos que los que el disposi-tivo soporta, estos puntos son despreciados; es decir incre-mentan el tamaño del archivo pero no mejoran la impresión o imagen de pantalla.Al contrario, cuando la imagen tiene menos puntos que los que el dispositivo puede reproducir, esta puede no ser tan clara. De manera que si imprimo una imá-gen a resolución de pantalla, 72 dpi, en una impresora láser de 600 dpi, la imágen será borro-sa pues la impresora no tendrá suficiente información.