Post on 24-Feb-2016
description
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