Profundidad de color

La profundidad de color es el número de bits usados para indicar el color o el número de bits utilizado por cada componente en un solo pixel en una imagen de mapa de bits (raster image).

Debido a la naturaleza del sistema binario, una profundidad de bits de n implica que cada píxel de la imagen puede tener 2n  valores posibles y por lo tanto, representar 2n colores distintos.

La profundidad de color comúnmente se representa en bits por pixel (bpp), pero también se puede representar en bits por channel (bpc), bits por color (bpc) o bits por muestra (abreviado bps por bits per sample).

Los valores de profundidad de color suelen ser divisores o múltiplos de 8: 1, 2, 4, 8, 16, 24 y 32 debido a que 1 byte es usualmente de de 8 bits (llamados octetos), excepto en la profundidad de color de 10 o 15 bits usada por determinados dispositivos gráficos.

Color indexado.

Para profundidades de color menores o iguales a 8, los valores de los pixeles hacen referencia a tonos RGB indexados en una tabla llamada caja creadora de colorización o paleta de colores.

Algunas profundidades de color en la gama baja son:

  • 1 bpp: 21 = 2 colores: monocromo.
  • 2 bpp: 22 = 4 colores: CGA.
  • 4 bpp: 24 = 16 colores: mínima profundidad aceptada por el estándar EGA.
  • 8 bpp: 28 = 256 colores: VGA.

Las imágenes .gif utilizan la paleta de color indexado, de ahí que su límite sea de 256 colores, mientras que en fotografía digital el color es de 24 bit u 8 bit por canal de color RGB.

Color directo.

Cuando los valores de la profundidad de colores es mayor, es más práctico codificar dentro de cada pixel los 3 valores RGB (rojo, verde y azul).

Color de alta resolución o HiColor:

En la profundidad de 15 bpp

Se utilizan 5 bits para codificar la intensidad de cada uno de los 3 colores.

  • Es posible representar: 32 x 32 x 32 = 32768 colores en cada pixel.

En la profundidad de 16 bpp

Se utilizan 5, para codificar la intensidad del rojo, 5 para el azul y 6 para el verde.

Ya que  se sabe que el ojo humano es más sensible al color verde y que puede discriminar más tonos que varían en su intensidad.

  • Es posible representar: 32 x 64 x 32 = 65536 colores en cada pixel.

Color real o True Color.

Se dedica un octeto entero a representar la intensidad luminosa de cada uno de los tres tonos, lo cual permite:

  • 24 bpp: Cada pixel pueda tomar 224 = 256 x 256 x 256 = 16.777.216 colores distintos.
  • 32 bits: Se siguen usando 24 bits, pero en cuatro canales, habiendo uno adiconal llamado Alfa, que permite la transparencia en imágenes como las .png.

Procesamiento de precisión.

Las imágenes de 48 bits no parecen mejores que las imágenes de 24 bits (que ya contienen más colores de los que el ojo humano puede distinguir), pero la existencia de más sombras entre colores (65.536 en lugar de 256) significa que se pueden realizar más operaciones en la imagen sin el riesgo de notar solapamiento o posterización (pérdida de detalle).

  • 48 bpp o 16 bits por cada canal de color.
  • 64 bits puede referirse al total de bits cuando el canal Alfa es utilizado.

Peso visual y equilibrio

En cualquier imagen, el peso visual es una fuerza óptica que crea en el espectador, una especie de tensión indefinible, pero que es capaz de percibir, ya que el cerebro necesita ver imágenes equilibradas.

Para quien ha crecido dentro de la cultura occidental, en toda composición, los elementos son percibidos de la siguiente forma:

  • Aquellos que se sitúan en la parte derecha, poseen mayor peso visual y transmiten una sensación de avance.
  • En cambio los que se encuentran en la parte izquierda, proporcionan una sensación de ligereza y/o retroceso.
  • En la parte superior de un documento, un elemento posee mayor ligereza visual.
  • Mientras que los elementos que se colocan en la parte inferior, transmiten mayor peso visual.

El peso visual es identificado por ser en sí el elemento, que mas capta la atención en la composición.

Equilibrio.

Los elementos de una composición pueden ser imaginados comos pesos de una balanza; la composición se encuentra en equilibrio cuando los pesos de los distintos elementos que la forman se compensan entre sí.

Composición

Composición es la distribución armoniosa y equilibrada de todos los elementos visuales que conforman un diseño.

Los elementos pueden ser tanto imágenes, como espacios en blanco, bloques de color, etc.

Es recomendable se busque un peso igualado que logre el equilibrio visual entre los elementos, así como la simplificación del mensaje que el diseño busca transmitir.

 

Bibliografía: Fundamentos del diseño por Wucius Wong.

Técnicas de comunicación visual: dipolos

Las técnicas de comunicación visual nos ofrecen una amplia variedad de medios para la expresión visual de atributos.

Los dipolos son técnicas agrupadas en pares de polaridades opuestas, que pueden ser usadas como guías para transmitir significados específicos.

Dipolos:

  1. Equilibrio vs inestabilidad.
  2. Simetría vs asimetría.
  3. Regularidad vs irregularidad.
  4. Simplicidad vs complejidad.
  5. Unidad vs fragmentación.
  6. Economía vs profusión.
  7. Reticencia vs exageración.
  8. Predictibilidad vs espontaneidad.
  9. Actividad vs pasividad.
  10. Sutileza vs audacia.
  11. Neutralidad vs acento.
  12. Transparencia vs opacidad.
  13. Coherencia vs variación.
  14. Realismo vs distorsión.
  15. Plano vs profundo.
  16. Singularidad vs yuxtaposición.
  17. Secuencialidad vs aletoriedad.
  18. Agudeza vs difusividad.
  19. Continuidad vs episodicidad.

Bibliografía: La sintaxis de la imagen por D.A. Dondis.

Diferencia entre Dominio, subdominio, estacionado y adicional

Toda página Web tiene una dirección única conocida como URI o URL (Por las siglas en inglés de UniformResourceLocator).

Una URL puede ser por ejemplo http://blog.grafitu.com.

Dominio de Internet

La parte principal: grafitu.com es conocida como dominio, el cual no se compra sino que se registra, es decir, se renta para poder utilizarse por un plazo mínimo de 12 meses al igual que el servicio de Hospedaje.

¿Qué es un subdominio?

Un subdominio se escribe antes del dominio y usando el mismo ejemplo sería blog en: http://blog.grafitu.com.

A diferencia del dominio usualmente quien maneja el Sitio Web puede configurarlos de forma gratuita.

¿Qué es un nombre de dominio de nivel superior?

Siguiendo el ejemplo sería el .com en: http://www.grafitu.com, pero pueden ser de dos tipos:

  • Los dominios territoriales

Denominados ccTLD (Dominio de nivel superior de código de país o Country Code Top level Domain) y están basados en las dos letras de identificación de cada territorio de acuerdo a las abreviaciones del ISO-3166, por ejemplo: .mx para México.

Por ejemplo: grafitu.com.mx o megawebexpres.mx, también se registran a partir de un año y es independiente del dominio de primer nivel genérico.

  • Dominios de primer nivel genéricos

Denominados gTLD, representan mediante tres letras, una serie de nombres y multi-organizaciones a manera de abreviaciones.

Los iniciales y más populares son:

  • .com para fines comerciales.
  • .net, para infraestructura de red.
  • .org para organizaciones sin fines de lucro.
  • .edu para instituciones educativas.
  • .gov y .gob, para sectores gubernamentales y entidades públicas.
  • .mil, para el Departamento de Defensa de los Estados Unidos de América (Único país con dominio de primer nivel para la milicia).

¿Qué es un dominio adicional?

Un dominio agregado, adicional o addon (en inglés) es un Sitio Web que se añade a una cuenta de hospedaje existente, con su contenido propio.

Puede ser territorial o genérico y al ser independiente del inicial, requiere que se registre el domino antes de poder alojarlo.

Por ejemplo: visitobregon.com podría estar alojado en una carpeta junto a algunos archivos de grafitu.com pero puede ser un Sitio Web independiente gracias a que se ha configurado como dominio agregado.

¿Qué es un dominio estacionado?

Un dominio estacionado o parked domain (en inglés), es un enmascaramiento de redirección al nombre del dominio determinada cuenta.

Por ejemplo, el dominio estacionado: megawebexpres.net podría redirigir directamente a: grafitu.com al ser configurado como tal.

Degradado

Un degradado, en inglés gradient, también llamado gradiente, es una progresión entre 2 o más colores.

En software

La progresión de colores opera ya sea en el espacio de color RGB o en CMYK en los que se va reduciendo progresivamente el porcentaje del primer color y se va aumentando proporcionalmente en la misma medida el porcentaje del segundo color ó en el caso de los degradados gamma,  permiten una transición de un color sólido cualquiera a una transparencia, también llamada alfa, que varía desde una opacidad de 0, que es completamente trasparente a una de 100 que es igual al color sólido.

Degradado lineal

Es definido por dos puntos de distinto color uno en cada extremo, pero puede contener distintos rangos de colores entre ellos.

Degradado radial

Es un círculo, que comienza con un color en el borde y va transformándose en un segundo color hacia el centro.

En Sitios Web

El CSS y SVG, mediante los navegadores más recientes  permiten generar automáticamente ambos tipos sin necesidad de utilizar imágenes.

Tipografía

Introducción.

La tipografía como disciplina, es aquella que crea, analiza y clasifica los caracteres tipográficos y su aplicación dentro del diseño.

Frecuentemente se le llama tipografía a la letra o caracter de imprenta por sí misma y en ocasiones puede usarse para referirse a la tipografía caligráfica.

Atributos y clasificación de los caracteres tipográficos:

Dominio

Introducción.

Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos conectados Internet.

El propósito principal de los nombres de dominio y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de números a palabras que faciliten su memorización.

Interfaz

La interfaz, conocida también como interfaz de usuario ó UI (Del inglés User Interface) Es el medio con que el usuario puede interactuar con el Sitio Web. Mediante ella se representa la información y acciones disponibles visualmente.

Su plural es Interfaces.

Fuente: Real Academia de la Lengua Española: Interfaz.

Certificado de Seguridad

Certificado de Seguridad Secure Socket Layer (SSL) Es un Sistema de protocolos basado en la aplicación conjunta de Criptografía Simétrica, Criptografía Asimétrica (De llave pública), certificados digitales y firmas digitales para conseguir un canal o medio seguro de comunicación a través de Internet.

¿Qué es un portal Web?

Portal de Web
Portal de Web

Un Portal Web es un Sitio de Internet cuya característica fundamental es la de servir de Puerta de entrada (Única) para ofrecer al usuario, de forma fácil e integrada, el acceso a una serie de recursos y de servicios relacionados a un mismo tema.

Puede incluir: enlaces, buscadores, foros, documentos, aplicaciones, compra electrónica, etc.