Diseño Gráfico

Objetivos

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

Introducción

• Uniformidad en el menú de navegación• El uso del color• Diseño• La consistencia• El peso de los gráficos según el espacio (resulución)• Plantillas Virtuales• Elementos gráficos• Tipografía

Resolución

Primero vamos aprender que es resoluciónla resolución o (DPI dots per inch) son los cuadritos que componen una imagen. Mientras más cuadritos mejor resolución o calidad va a ser la imagen. Pero, recuerde mientras más cuadritos (más alta la resolución y más pesada va ser la imagen). Para la web debes tener cuidado con esto.

Resolución

Tamaños que se usan en frecuencia para la resolución

• 72 dpi Web, video o imagén que no se va imprimir.

• 150- imagén que se va a imprimir en blanco y negro o un tamaño exesivamente grande “billboard”por ejemplo.

• 300- imagen que se va imprimir a color de buena calidad.

Resolución

• Formas para poder controlar la resolución de una imagén: Photoshop (edit-image size) Scanner (antes de escanear la imagen pon el tamaño deseado. Cámara digital (en los “settings” puedes cambiar el tamaño de la foto, pero no la resolución)

Color

• Audiencia y el tema• Escoja el color del fondo primero• Evite los arcoiris (máximo de 3 a 4 colores por

visual)• Consitencia en los colores• Consistencia entre los contrastes del fondo y

las letras

Combinación de colores

negro sobre amarillo verde sobre blanco azul sobre blanco blanco sobre azul negro sobre blanco amarillo sobre negro amarillo sobre azul blanco sobre rojo Entre otros…

Puede visitar:http://kuler.adobe.compuede ver diferentes combinaciones de colores creadas por diseñadores de alredeor del mundo.

Visite esta página y con una combinacióndiferente a la de esta página crea una plantilla. Texto y fondo

Título, parrafo y fondo.

Fondos

• Fáciles de leer Colores Pasteles• Atractividad• Color- provee significados

Rojo- Pasión, sangre, etc Negro- Soledad, muerte, etc Blanco- Pureza, Paz, etc

Recuerde que la definición de un color tiene un significado diferente para cada persona o región.

Resolución

• 300 DPI (es para una imagen que se va a imprimir a color de alta calidad)

• 150 DPI (es para una imagen que va ser impresa o blanco y negro o calidad periódico)

• 72 DPI (es para una imagen que no va ser impresa ósea, video, web o televisión)

Para el propósito de este módulo solo trabajaremos con imágenes de 72 dpi

Resolución

• Puedes bajar la resolucion o tamaño de una imagén: Programa de manipulación de imágenes (photoshop, illustrator, Gymp (gratis). Cámara (cambiarle los “settings”para tomar una foto más pequeña de tamaño. Scanner antes de scanear la foto baja el tamaño de resolución

Elementos del Diseño

• Color Propiedad Fundamental = Luz Primarios: rojo, amarillo y azul Efecto psicológico y social

TipografíaHay miles de tipografias juega con ellas para ver cual es la que mejor te funciona. Recuerda la información es mas importante que si el font se ve bonito o no.

Diseño de Visuales-Texto

No apropiados Apropiados Forte Arial Script Verdana Mistral Articulate

La tipografía depende la situación o estilo en que se esta trabajando el diseño.

Características de los visuales de texto

• Tamaños de letras Televisión- no menos de 36 puntos Proyecciones- no menos de 24 puntos

Párrafo (impresión y web) 12 puntos legal (impresión) 9 puntos

Recuerde que depende del tipo de font que este usando puede variar el tamaño del font

Características de los visuales de texto

• Regla del 6 x 6 6 palabras por línea 6 líneas por visual

36 palabras por visual

Ahora te toca crear una presentación en powerpoint de dos páginas usando la regla que acabo de instruir.

Características

• Evite escribir todas las palabras en mayúsculas

Juan Carlos (correcto)

JUAN CARLOS (INCORRECTO)

Evite los “CAPS”

Formatos

• GIF (graphic Interchange Format) 256 colores creación de títulos, botones o animaciones 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 RLE en blanco y negro

Formatos

• JPEG (Joint Photographic Experts Group) algoritmo para comprimir imágenes con 24 bits de profundidad o en escala de grises. Formato de fichero para comprimir imágenes sólo trata imágenes fijas: MPEG-para videos JEPEG se abrevia frecuentemente JPG

Formatos

• PNG (Portable Network Graphics) 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.

Leyes

• Protección proporcionada por las leyes de EE.UU

• Título 17, del Código Federal Autores de “obras originales” Literarias Dramáticas Musicales Artisticas Intelectuales

Leyes

Que está protegidoIdeastítulosNombresURL’sTrabajos en dominio públicoLogos y lemas no registradosFormularios (recopilan información)

Leyes

Que está protegidoObras literarias Obras arquitectónicasTrabajos musicales Trabajos pictóricos,Obras dramáticas gráficos y Trabajos esculturalescoreográficos Programa de Películas computadorasGrabaciones Animaciones

Alto

Instrucciones:1. Seleccione un tema2. Crea una presentación en PowerPoint3. Inserte gráficos

Alto

Perfil del profesorFotoDatos de contactoEnlace a página WEB personal o profesional(si aplica)

Webibliografía

Templates gratuitos para presentaciones en Powerpoint Powerpoint templates Sonia Coleman-Digital Studio Website E Estates Graphic Island Maniactive Brainy Betty