a. el color
TRANSCRIPT
Universidad Técnica Nacional Centro de Formación Pedagógica Área de Tecnología Educativa
El color y sus efectos
Autor: M.Sc. Federico Arce J.
El color y sus efectos:
Sensación percibida por los órganos visuales; producida por los rayos luminosos y
depende de su longitud de onda y de las características del órgano receptor.
Todo cuerpo iluminado absorbe una parte de las ondas electromagnéticas y refleja
las restantes éstas son captadas por el ojo e interpretadas como colores según
las longitudes de onda correspondientes. El ojo humano sólo percibe el color
cuando la iluminación es abundante. Con poca luz vemos en blanco y negro.
El blanco resulta de la superposición de todos los colores, mientras que el negro
es la ausencia de color. La luz blanca puede ser descompuesta en todos los
colores espectro por medio de un prisma. En la naturaleza esta descomposición
da lugar al arco iris.
Píxeles:
Existen una serie de puntos llamados píxeles del acrónimo
“picture elements”. Cada punto de la pantalla es un píxel y
cada uno en realidad es un conjunto de tres subpíxeles;
uno rojo, uno verde y uno azul, cada uno de los cuales
brilla con una determinada intensidad.
Universidad Técnica Nacional Centro de Formación Pedagógica Área de Tecnología Educativa
El píxel constituye la menor unidad de medida del tamaño de una imagen digital.
Por eso, al hablar de imáge-nes digitales se suele mencionar su anchura y altura
en píxeles. En las pantallas de un dispositivo digital como puede ser el monitor de
la computadora se puede ajustar una resolución indicada en píxeles, por ejemplo
a 1024 x 768 ó a 800 x 600 px.
72 ppp / puntos por pulgada o dpi:
Se ha de procurar que los gráficos para páginas web tengan siempre una
resolución de 72 ppp ó al menos editarse al 100% de su tamaño (1 pixel de
imágen por 1 de pantalla), así se adaptarán a la forma en la que se ven los
navegadores.
La medida puntos por pulgadas va ligada siempre a la calidad de la im-presión (o
al escaneado), es decir, va ligado a un soporte físico como el pa-pel.
Los puntos por pulgada simplemente nos indican la cantidad de pÌxeles de una
imagen digital que podemos co-locar en una pulgada de imagen im-presa. Dicho
de otro modo, los ppp indican la resolución o densidad de puntos de una
fotografía impresa.
Armonías cromáticas:
La finalidad de la rueda cromática es indicar los colores que combinan entre
sí. Las relaciones permiten confeccionar esquemas cromáticos interesantes.
1. Esquema complementario: 2 colores situados uno
enfrente del otro.
2. Esquema análogo: 2 o más colores situados uno junto
al otro.
3. Esquema monocromático: Sombras y matices de un
único color, con variaciones de saturación y
luminosidad.
4. Esquema triaxial: 3 colores espaciados
uniformemente alrededor de la rueda cromática.
Universidad Técnica Nacional Centro de Formación Pedagógica Área de Tecnología Educativa
El color influye en el humor y provoca fuertes reacciones emocionales, que
pueden jugar a favor o en contra. Elija dos o tres tonos dominantes e inclínese
por aquellos que represen-ten las cualidades del servicio o las emociones que se
espera causar, en vez de escoger simplemente colores favoritos.
Diferentes países y culturas asocian los colores con distintos significados. Siempre
se ha de tener en mente el mercado al que se una gama de colores para el sitio
web, la efectividad del sitio web es directamente proporcional a las soluciones que
se ofrezcan Los colores influirán en el sentimiento de confianza que inspire el sitio
ayudando a informarse de manera pertinente.
Cada sitio web puede ofrecer un escaparate de ideas, ingenio, color e
información, haciendo uso de principios del color, ordenamiento del espacio,
tipografías utilizadas e información detallada.
Resumen:
• Asegúrese que los colores a utilizar entre los colores del fondo y el primer
plano sean contrastados.
• El uso de 2 colores complementarios debería no ser muy chilloso.
• Utilice colores compatibles con la paleta web.
• Optimice las imágenes para que su relación peso tamaño sea balanceada.
• Elementos representativos de la realidad o no, que pretenden brindar
sugerencias o ideas que nos aproximan a un entendimiento de lo que de-
seamos expresar.
• A nivel de web el uso de imágenes reviste de un principal interés dado que
logran aunarse a la información que se desee desplegar, de allí que lo
utilizado mantenga una concordancia visual y organizativa dentro de la pro-
puesta creada.
Universidad Técnica Nacional Centro de Formación Pedagógica Área de Tecnología Educativa
• Usualmente las imágenes a utilizarse han de proporcionar una relación de
forma/función equilibrada, donde el peso y tamaño de las mismas no vaya
en detrimento del tiempo en que sean desplegadas en pantalla.
• Cada sitio web puede ofrecer un escaparate de ideas, ingenio, color e
información, haciendo uso de principios del color, ordenamiento del
espacio,tipografías del tiempo en que sean desplegadas en pantalla.
Obtención de Imágenes:
• Escáneres
• Tabletas digitalizadoras
• Cámaras Digitales / Teléfonos (imágenes digitales)
Programas para tales fines:
• Gimp ( c a )
• Photoshop
• ACDSee Photo Editor
Creación de imágenes vectoriales:
• Programas para tales fines
• Inkscape ( c a )
• Illustrator
• Coreldraw
Universidad Técnica Nacional Centro de Formación Pedagógica Área de Tecnología Educativa
Creación de imágenes:
Son una representación bidimensional de una imagen utilizando bits (unos y
ceros).
Sí es estática o dinámica, puede tratarse de un gráfico rasterizado o de un
gráfico vectorial: Fijas o con Movimiento.
Tipos de imágenes: Rasterizadas y Vectoriales.
Rasterizadas:
A veces llamadas bitmaps, son fotos electrónicas tomadas de una escena o
escaneadas de documentos, fotografías, manuscritos, textos impresos e
ilustraciones. Se realiza una muestra de la imagen digital y se confecciona un
mapa de ella en forma de cuadrícula de píxeles. A cada píxel se le asigna un valor
tonal (negro, blanco, matices de gris o color), el cual se representa en un código
binario (ceros y unos).
Los dígitos binarios ("bits") para cada píxel son almacenados en una secuencia, y
con frecuencia se los reduce a una representación matemática (comprimida).
Luego la computadora interpreta y lee los bits para producir una versión analógica
para su visualización o impresión.
Universidad Técnica Nacional Centro de Formación Pedagógica Área de Tecnología Educativa
Manejo de Imágenes:
Tipos de archivos
.gif
.tif
.bmp
.jpg
.png
Los formatos de archivo varían en términos de resolución, profundidad de bits,
capacidades de color, y soporte para compresión y meta-datos. La compresión se
utiliza para reducir el tamaño del archivo de imagen para su almacenamiento,
procesamiento y transmisión.
Todas las técnicas de compresión abrevian la cadena de código binario en una
imagen sin comprimir, a una forma de abreviatura matemática, basada en
complejos algoritmos.
Por lo tanto, todos los elementos y características relacionadas con el color y sus
derivadas, tienen como fin orientar la elección y combinación de los mismos para
aplicarlo tanto en el ámbito profesional como académico.