Content Editor: ContenidoIntroducción · 2012-03-19 · numéricas de ceros (0) y unos (1) que se almacenan en una memoria informática y que definen las características de una
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Published by Articulate® Presenter www.articulate.com
En este módulo revisaremos los elementos gráficos y visuales que se deben considerar en el diseño gráfico de un curso en línea. Incluye una orientación sobre el uso de imágenes y derechos de autor.
La armonía del diseño gráfico implica el manejo adecuado de los elementos, este factor aumenta la percepción de confort en los estudiantes de un curso distancia.
3
Published by Articulate® Presenter www.articulate.com
Notes: Los objetivos de este módulo son:
• Discutir los elementos del diseño gráfico para ambientes virtuales.
• Aplicar los fundamentos del diseño gráfico en una presentación electrónica, para un curso en línea.
• Discutir ley de derechos de autor para la utilización de recursos de la Web.
Notes: Imagen digital
Notes: La imagen digital está formada por una serie de matrices numéricas de ceros (0) y unos (1) que se almacenan en una memoria informática y que definen las características de una fotografía. Estos números binarios (O,1), se representan como pequeños cuadraditos, llamados píxeles, que forman un mosaico. Como los píxeles suelen ser muy pequeños, el ojo y el cerebro del observador se encargan de formar una imagen continua, ignorando las diminutas piezas que la forman.
Notes: Pero qué es DPI? DPI significa en ingles dots per inch o en español puntos por pulgadas. Esos dots son en si unos cuadritos y esos cuadritos se llaman pixeles. La cantidad de pixeles que usas en una imagen se le llama resolución. La imagen está formada por millones de cuadritos, cada cuadrito es un color sólido. Mientras más cuadritos hayan para componer esa imagen, mejor calidad se va a tener. Cuando una imagen tiene poco pixeles (el nombre de los cuadritos) se dice que la imagen está pixelada. Próximamente vamos a hablar de resoluciones.
Resolución(DPI dots per inch o puntos por pulgada)
Está formada por una serie de matrices numéricas de ceros (0) y unos (1) que se almacenan en una memoria informática y que definen las características de una fotografía.
Píxeles - forman un mosaico.
Mientras más pixeles mejor será la resolución o calidad de la imagen y mayor será su peso.
Published by Articulate® Presenter www.articulate.com
Notes: Resolución es la cantidad de pixeles que vas a usar por
imagen (DPI) si colocas un número de 50 de resolución eso
significa que cada pulgada en la imagen va a tener una
cantidad de 50 cuadritos componiéndola.
Por ejemplo:
• 72 DPI se utiliza para imágenes a ser publicadas en
la Web, videos o imágenes que solo se verán en una
pantalla y no están intencionadas a ser impresas.
• 150 DPI se utiliza para una imagen que se va a
imprimir en blanco y negro, formatos pequeños, o un
tamaño excesivamente grande como los conocidos
rótulos publicitarios o billboards a color que su
intención es verse de lejos.
• 300 DPI es la resolución ideal para una imagen que
se va a imprimir a color, y que se espera sea de
buena calidad para colocar en una revista o cualquier
publicación impresa.
NOTA: Para el propósito de este módulo solo trabajaremos
con imágenes de 72 DPI. El alto por ciento de las imágenes
que se bajan de Internet suele ser de 72 DPI. Hay páginas
que se dedican a la venta de imágenes y ellas proveen las
mismas imágenes con una alta definición que excede esta
medida.
Notes: ¿Cómo verificar la resolución en las imágenes?
1. Seleccione la imagen 2. Haga un right click y elija Properties 3. Presione sobre Summary, e identifique la Resolución
horizontal y vertical
Notes: Estos son algunos ejemplos de imágenes y sus diferentes resoluciones. Por ejemplo si la primera imagen con una resolución de 300 dpi (dots per inch) puntos por pulgadas. Es ideal para ser impresa para una revista o poster. La segunda imagen con una resolución de 150 dpi es ideal para ser impresa para periódicos y si fuese a color la imagen, entonces un tamaño pequeño. La tercera imagen con una resolución de 72 dpi es ideal solo para ser vista en un monitor, ya sea televisión o una computadora no es de buena calidad para ser impresa.
Published by Articulate® Presenter www.articulate.com
Notes: Estos son formatos típicos que se usan cuando trabajamos para la web. A continuación, hablaré de cada uno y dire sus fortalezas y debilidades.
Notes: JPG es actualmente el formato más usado y mas popular en la web para las imágenes. Este formato es liviano y se puede usar virtualmente en cualquier computadora de hoy día. Las fotos que tomas en una cámara digital salva las fotos en este formato. Su debilidad es que no es la mejor calidad para una imagen y es preferible que se use para imágenes que van ser usadas para la web o videos y no para ser impresas. También este tipo de imagen no tiene transparencias. Solo imágenes sólidas.
Notes: GIF o Graphic Interchange Format que se caracteriza por:
• Es un algoritmo diseñado para comprimir imágenes fijas con 24 bits de profundidad o en escala de grises. La compresión es con pérdida de calidad por lo tanto al descomprimir la imagen no es la misma.
Creado por CompuServe en 1987 para dotar de un formato de imagen a color para sus áreas de descarga de ficheros sustituyendo su temprano formato
13Imagen digital
La misma imagen, en versión .gif escuatro veces más
liviana.
Published by Articulate® Presenter www.articulate.com
Notes: PNG, es el más nuevo y el menos usado. Es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. Desarrollado para solventar las deficiencias del formato GIF. Permite almacenar imágenes con una mayor profundidad de color. De todos los formatos este tiende a mantener la mejor calidad a la imagen y también puede tener transparencias. El problema de usar este formato es que tiende a ser muy pesado o el más pesado comparado con las opciones mencionadas. Hay ocasiones en las cuales este tipo de imagen no es compatible, por ejemplo, este formato no es compatible con Blackboard. Se considera que el formato “jpg” es mejor para fotografía digital, mientras que los formatos .gif y .png son mejores para imágenes gráficas.
Notes: ¿Cómo usted puede controlar la resolución o tamaño de la
imagen?
Discutamos diferentes alternativas:
Photoshop, es un programa de edición.
Microsoft Picture Manager viene incluido en el paquete de
programas de Windows.
Scanner es posible elegir el tipo de resolución deseada de
una imagen.
En la cámara digital, encuentra predeterminadas varias
opciones según la marca. Puede conseguir más información
sobre fotografía digital en:
http://www.eduteka.org/FotografiaDigital2.php
Notes: En photoshop los pasos para trabajar la resolución son los
siguientes:
1) Localice la opción Image en la parte superior del programa.
2) En el submenú presione sobre Image size
3) Una vez abra una ventana se desplegará la información de
tamaño de la imagen.
En este ejemplo solo vamos estar pendientes a la parte de
resolución.
Nota:
Pixel Dimensions: es el tamaño en el cual el documento se va
a ver en la pantalla.
Document Size: es el tamaño del documento como tal, es
decir, si lo imprimes ese es el tamaño que va imprimir.
Published by Articulate® Presenter www.articulate.com
Notes: Ahora vamos a ver un ejemplo de cómo editar una foto para que pueda utilizarla en su perfil de Facilitador/a, con Microsoft Office Picture Manager
1. Localice la imagen que va a insertar en su clase. Puede ser la fotografía tipo carnet.
2. Haga un right clic sobre ella y 3. Elija abrirla con MS Manager
Notes: 4. En la parte superior del programa elija “Edit Picture”
5. En la parte derecha del programa elija “Resize”
6. Escriba la nueva medida
Nota: A veces al editar la medida de la foto a 150x150, puede
que el programa lo ajuste de la mejor manera posible, lo
importante es que la medida no exceda los 150x150 en
ninguna de sus dimensiones. Uno de sus lados puede ser
menor pero nunca mayor.
Notes: Mediante un Scanner es otra forma para bajar el tamaño a
una imagen o foto que ya usted posee.
Antes de llevarla a su computadora en la sección de
resolución puede bajar o subir el tamaño.
Nota: es preferible scannear una foto a buena calidad de
resolución y luego con un programa de edición bajar la
resolución. Pero si no es una alternativa, entonces es mejor
scannear a 72 dpi para propósitos de subir imágenes que
serán publicadas en Web.
También recuerde que una vez baje la resolución de la
imagen no debe subirla. Es decir, si escaneó la imagen a 72
DPI y después va a photoshop y pone la imagen a 300 DPI,
el programa va a inventar información no existente y eso
Published by Articulate® Presenter www.articulate.com
Notes: Una cámara digital es diferente, la resolución en la mayoría
de éstas es 72 dpi. Lo que cambia es el tamaño de la foto y el
peso.
La M es de mega pixels.
Mientras más pesada la imagen mejor calidad pero recuerde
que esas fotos de gran tamaño, son muy buenas para
impresión pero no para trabajarlas en un documento que va a
ser visualizado en un monitor, y puede tornar su curso algo
lento, y si los estudiantes tienen opción de bajar o grabar ese
material, puede que se les haga algo difícil.
Notes: Armonía en el diseño
Notes: Antes de comenzar a seleccionar elementos de diseño gráfico para su curso en línea, hágase las siguientes preguntas:
1. ¿Cuál es el tema del curso?, es ambientalista? Económico? Industrial, etc.
2. ¿Qué imágenes tiene disponible para usar que estén libres de derechos de autor? Si las imágenes que va a usar son de cierto color eso puede determinar los colores de fondo que tiene de alternativa.
3. ¿Cuál será la dinámica del curso? Por ejemplo, si su curso está relacionado a temas ambientales probablemente desee seleccionar una paleta de colores orientada a los colores que más se destacan en la naturaleza. Si su curso es del campo de administración de empresa probablemente utilice colores más fríos o sobrios.