Diseño Web

3.1

LECCIÓN 3

Creación y utilización de arte en el Web
Una vez completada esta lección, podrá:
 Comprender los fundamentos de los gráficos Web.  Ver y tratar gráficos Web en un programa de gráficos.  Describir los diferentes tipos de formatos de archivos gráficos.  Elegir colores “simplificados” para el Web.  Recortar una imagen gráfica. En esta lección, simplificamos el tema de losgráficos Web. En un mundo perfecto, dedicaríamos páginas y páginas a los matices del uso de gráficos en el Web (principalmente porque nos gustan), pero entonces nunca llegaría al resto de las lecciones. Tampoco deseamos que se sienta abrumado cuando tenga la oportunidad de usar gráficos Web. Como tal vez haya descubierto, puede encontrar fácilmente una superabundancia de información acerca degráficos avanzados si mira en Internet o en cualquier librería. Afortunadamente, puede usar gráficos Web de forma eficaz sin tener que sumergirse en la teoría gamma y la rasterización. Por lo tanto, hemos optado por adoptar la solución práctica de presentar lo que juzgamos que es la información más significativa y fundamental acerca de los gráficos para páginas Web. Piense en esta lección como su cursode iniciación personal en el arte Web. Cuando llegue a la sección “Puntos clave”, al final de la lección, tendrá mucho en qué pensar, unos cuantos trucos debajo de la manga, una o dos ocurrencias que decir en una fiesta y varios lugares a los que acudir cuando tenga que buscar, adquirir, crear y preparar arte para el Web. Los archivos de ejercicios de esta lección se pueden encontrar en lasubcarpeta Lesson03 de la carpeta Web Design Fundamentals\Practice, que se encuentra en el disco duro. Los archivos usados en esta lección son: apples.jpg, cherries_photo.jpg, cherries.gif, firebreath.gif, palette216.gif, fruit_standard.jpg, fruit_compressed72.jpg, fruit_progressive.jpg y fruit_progressive_compressed72,jpg.

3.2

Conceptos básicos de diseño Web

Mecánica de los gráficos WebAntes de que empiece a ojear esta lección para examinar las imágenes y desenterrar las direcciones de nuestros ejemplos en línea, tenga en cuenta que realmente necesita leerla para asegurarse de entender unos cuantos conceptos clave relativos a los gráficos Web. Como sabe, éstos parecen bastante similares a los impresos pero, cuando se crean y utilizan imágenes en el Web, intervienen varios factoresespecíficos de este medio. En concreto, los gráficos en línea requieren que considere las limitaciones del color y el formato y tamaño de los archivos, además de posibles cuestiones relacionadas con la transparencia, la descarga y la animación. Cuando tome conciencia de los tres factores principales (colores, tipos de archivo y tamaño de archivo), podrá empezar a usar gráficos en sus páginas Web ytener un punto de partida que le permita iniciar un estudio más pormenorizado de los mismos. Por lo tanto, el plan de ataque general es colocar algunos conceptos básicos de los gráficos Web en una esquina craneana o dos antes de abrir su mente a las perspectivas más creativas (y divertidas) de la utilización, recopilación y creación de gráficos Web. Comencemos examinando el modo en que losgráficos muestran el color.

Píxeles, paletas y colores
Jerga: un píxel es un cuadrado de una red de cientos de cuadrados que se colorea individualmente para crear una imagen.

Antes que nada, cada gráfico en línea consta de una serie de pequeños cuadrados coloreados que se entremezclan para formar una imagen. En cierto modo, los gráficos en línea simulan una técnica de pintura denominadaPuntillismo. El Puntillismo, introducido por el pintor francés Georges Seurat (1859–1891), es el arte de crear imágenes a base de puntos (o pequeños trazos del pincel). A través del Puntillismo, Seurat dividía cada imagen del lienzo en pequeños puntos de colores. Cuando mira de cerca una pintura puntillista, puede ver cada punto. A medida que se aleja de la pintura, los puntos se combinan para crear una...