Introducción al Curso de Diseño Gráfico para la Web

Introducción al Curso de Diseño Gráfico para la Web

1. 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

2. 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

3. 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)

4. 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

5. 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

Imágenes y archivos del mapa