Introducción al Curso de Diseño
Gráfico para la Web
INTRODUCCIÓN AL DISEÑO GRÁFICO
HISTÓRIA DEL DISEÑO GRÁFICO
Pintura rupestre (Cueva
de Altamira, España)
Representación de ideas mediante
grafos, que permitieron expresar cadenas
estructuradas de pensamientos mediante
un conjunto de elementos gráficos.
Grabado en piedra
con jeroglíficos
(Egipto)
Como soporte físico se utilizó
inicialmente la piedra.
Posteriormente los papiros o los
pergaminos .
Papiro de los muertos
Se empezaron a usar diferentes tipos
de pigmentos naturales para dar un
mayor colorido y expresibidad a las obras
escritas y composiciones artísticas
Incunable medieval
Johann Gutenberg inventó la imprenta,
artefacto capaz de reproducir en grandes
cantidades y de forma cómoda un original
Primer libro impreso
Se empezaron a usar nuevos
materiales como soporte, nuevas tintas
y nuevos tipos de letras
Cartel publicitario
Convencer al público de las ventajas de un producto o marca
No se trataba ya de presentar mensajes visuales bellos, sino
efectivos, que vendieran
Interfase de usuario en modo texto
Estos programas se manejaban de forma textual, mediante
comandos crípticos, que entendían tan solo expertos en la materia
Interfase Gráfica de Usuario
La labor de diseñar estas IGU correspondió inicialmente a los mismos
programadores que desarrollaban las aplicaciones
Interfase web
Era necesaria la aparición de un nuevo profesional, el
diseñador web, híbrido entre el diseñador gráfico clásico y el
programador de aplicaciones para Internet
Diseño gráfico en la actualidad
Un diseño limpio
Estos elementos básicos se
combinan unos con otros en un
grafismo
Formas, colores y textos en un grafismo
Un diseñador gráfico no es un creador de
formas, sino un creador de
comunicaciones
Diseño gráfico en la web
Diseño de un formulario web
El diseñador web debe trabajar a la vez con
varios navegadores, para que de tal modo
sean similares en todas
COMPONENTES GRÁFICOS DE UN ORDENADOR
Tarjeta gráfica
Simples, incluidas en la placa
base, hasta las más avanzadas,
verdaderos mini-ordenadores
Monitor CRT
Los CRT o de rayos catódicos,
formados por un tubo en cuyo
interior se ha hecho el vacío
Tubo de rayos catódicos de un monitor CRT
Recubierta por pequeños grupos de fósforo
pigmentado en cada uno de los tres colores primarios
Paso de punto y pixel
La representación de una imagen en pantalla se
realiza mediante barridos de los rayos de
electrones
Monitor LCD
Tríadas están formadas por cristal líquido en
vez de fósforo pigmentado
RESOLUCIÓN DE PANTALLA
Tamaño de página y resoluciones
Si diseñamos una página con una resolución dada al momento de
cambiar de pantalla podría varia ya sea quedando muy pequeña o muy
grande
Las aplicaciones encargadas de presentar
las páginas web son los navegadores
(browsers)
COLORES EN UN ORDENADOR
Codificar un color. El formato RGB.
El ojo humano puede distinguir aproximadamente
entre 7 y 10 millones de colores
Porcentajes de color y códigos
18 se corresponden con la gamas de los colores
primarios, correspondientes a 6 tonos de rojo, 6
de azul y 6 de verde
Gamas de colores primarios
Colores secundarios
Si usamos una profundidad de color de 24 bits,
correspondiente a millones de colores, disponemos de una
amplia gama para trabajar
CALIBRACIÓN DEL MONITOR
Configuración del monitor
Calibrador de monitor
Unos se conectan directamente al monitor para recogida de
datos binarios, permitiendo un ajuste individual directo de cada
uno de los cañones
Brillo
Luminosidad, define la relación no lineal entre la
tensión de entrada y la luminancia de salida
Contraste
El contraste es la relación existente entre la
intensidad luminosa del punto más claro y el más
oscuro de una imagen
Color
El color en un monitor es producido por la
suma de diferentes intensidades de los colores
básicos (rojo, verde y azul), mediante un
proceso denominado adición de colores