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ón la 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.com puede ver diferentes combinaciones de colores creadas por diseñadores de alredeor del mundo. Visite esta página y con una combinación diferente 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ía Hay 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á protegido Ideas títulos Nombres URL’s Trabajos en dominio público Logos y lemas no registrados Formularios (recopilan información)

Leyes Que está protegido Obras literarias Obras arquitectónicas Trabajos musicales Trabajos pictóricos, Obras dramáticas gráficos y Trabajos esculturales coreográficos Programa de Películas computadoras Grabaciones Animaciones

Alto Instrucciones: 1. Seleccione un tema 2. Crea una presentación en PowerPoint 3. Inserte gráficos

Alto Perfil del profesor Foto Datos de contacto Enlace 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