Diseño Centrado en los Usuarios (2010)

De Casiopea

Diseño Visual

Este año el ramo ha tenido una evolución no sólo en su título si no en el énfasis de las materias que utilizan lo contenidos del Diseño Visual -antes Imagen Digital, Mapa de Bits y Vectorial- más en sus aplicaciones en nuevas fronteras del Diseño Gráfico más que en la preocupación por la capacitación en softwares determinados.

Sin duda los alumnos deben tener los conocimientos técnicos para enfrentar éstas aplicaciones, pero el foco está justamente en la capacidad de estudiar cómo se solucionan esos problemas que son más complejos desde el punto de vista de las comunicaciones donde se integran la estadística a través de la nueva posibilidad del uso de datos a gran escala y que determinan nuevas visualizaciones y a su vez una mirada sencilla y finita sobre el Diseño de Servicios como excusa para aplicar los conocimientos prácticos del ramo.



Imagen Digital

Mapa de Bits

BMP

El formato BMP es uno de los más simples. Fue desarrollado por Microsoft e IBM en forma conjunta, lo que explica su uso particularmente amplio en plataformas Windows y OS/2. Un archivo BMP es un archivo de mapa de bits, es decir, un archivo de imagen de gráficos, con píxeles almacenados en forma de tabla de puntos que administra los colores como colores reales o usando una paleta indexada. El formato BMP ha sido estudiado de manera tal que permite obtener un mapa de bits independiente del dispositivo de visualización periférico (DIB, Mapa de bits independiente del dispositivo).

La estructura de un mapa de bits es la siguiente:

  • Encabezado del archivo
  • Encabezado de información del mapa de bits (también llamado encabezado de información).
  • Paleta (opcional)
  • Cuerpo de la imagen

Encabezado del archivo

El encabezado del archivo proporciona información acerca del tipo de archivo (mapa de bits) y su tamaño, así como también indica dónde comienza realmente la información de la imagen.

El encabezado comprende cuatro campos:

  • La firma (en 2 bytes), que indica que se trata de un archivo BMP con dos caracteres
         o BM, 424D en hexadecimal, que indica que se trata de un mapa de bits de Windows
         o BA que indica que se trata de un mapa de bits OS/2
         o CI que indica que se trata de un icono de color de OS/2
         o CP indica que es un puntero de color de OS/2
         o IC indica que es un icono de OS/2
         o PT indica que es un puntero de OS/2 
  • El tamaño total del archivo en bytes (codificado en 4 bytes)
  • Un campo reservado (en 4 bytes)
  • El desajuste de la imagen (en 4 bytes), es decir, la ubicación del comienzo de la información de la imagen en relación con el comienzo del archivo

Encabezado de información del mapa de bits

El encabezado de información del mapa de bits proporciona información acerca de la imagen, en especial las dimensiones y los colores.

La información del mapa de bits comprende cuatro campos:

  • El tamaño del encabezado de información del mapa de bits en bytes (codificado en 4 bytes). Los siguientes valores hexadecimales son posibles según el tipo de formato BMP:
         o 28 para Windows 3.1x, 95, NT
         o 0C para OS/2 1.x
         o F0 para OS/2 2.x 
  • El ancho de la imagen (en 4 bytes), es decir, el número de píxeles contados de forma horizontal
  • La altura de la imagen (en 4 bytes), es decir, el número de píxeles contados de forma vertical
  • El número de planos (en 2 bytes). Este valor es siempre 1
  • La profundidad del modelo de color (en 2 bytes), es decir, el número de bits usados para codificar el color. Este valor puede ser equivalente a 1, 4, 8, 16, 24 ó 32
  • El método de compresión (en 4 bytes). Este valor es 0 cuando la imagen no está comprimida o 1, 2 ó 3 según el tipo de compresión usado:
         o 1 para la codificación RLE de 8 bits por píxel
         o 2 para la codificación RLE de 4 bits por píxel
         o 3 para la codificación de campo de bits, lo que significa que el color fue codificado por una máscara triple representada por la paleta 
  • El tamaño total de la imagen en bytes (en 4 bytes).
  • La resolución horizontal (en 4 bytes), es decir, el número de píxeles por metro contado de forma horizontal
  • La resolución vertical (en 4 bytes), es decir, el número de píxeles por metro contado de forma vertical
  • El número de colores de la paleta (en 4 bytes)
  • El número de colores importantes de la paleta (en 4 bytes). Este campo puede equivaler a 0 cuando todos los colores son importantes.

Paleta de imágenes

La paleta es opcional. Cuando se define la paleta, ésta contiene 4 bytes de forma sucesiva para cada una de las entradas, que representan:

  • El componente azul (en un byte)
  • El componente verde (en un byte)
  • El componente rojo (en un byte)
  • Un campo reservado (en un byte)

Codificación de imágenes

La codificación de imágenes se realiza escribiendo en forma sucesiva los bits que corresponden a cada píxel, línea por línea, comenzando por el píxel del extremo inferior izquierdo.

  • Las imágenes de 2 colores usan 1 bit por píxel, lo que significa que un byte permite codificar 8 píxeles
  • Las imágenes de 16 colores usan 4 bits por píxel, lo que significa que un byte permite codificar 2 píxeles
  • Las imágenes de 256 colores usan 8 bits por píxel, lo que significa que se necesita un byte para codificar cada píxel
  • Las imágenes de colores reales usan 24 bits por píxel, lo que significa que se necesitan 3 bytes para codificar cada píxel, respetando la alternancia del orden de los colores para el azul, el verde y el rojo.

Cada línea de la imagen debe comprender un número total de bytes que sea múltiplo de 4; si este esquema no se cumple, la línea se debe completar con todos los 0 necesarios para respetar el criterio.

Vectorial

Escánica

Infografías

Diseño para Móviles

Proyecto Aurora