1 / 26

Diseño Gráfico

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 .

habib
Télécharger la présentation

Diseño Gráfico

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. DiseñoGráfico

  2. Objetivos • Discutir los elementos del diseñográficoparaambientesvirtuales. • Aplicar los fundamentos del diseñográfico en unapresentaciónelectrónica, para un curso en línea. • Discutirley de derechos de autorpara la utilización de recursos de la web.

  3. Introducción • Uniformidad en el menú de navegación • El uso del color • Diseño • La consistencia • El peso de los gráficossegún el espacio (resulución) • PlantillasVirtuales • Elementosgráficos • Tipografía

  4. Resolución Primerovamosaprenderqueesresoluciónla resolución o (DPI dots per inch) son los cuadritosquecomponenunaimagen. Mientrasmáscuadritosmejorresolución o calidadva a ser la imagen. Pero, recuerdemientrasmáscuadritos (másalta la resolución y máspesadava ser la imagen). Para la web debestenercuidado con esto.

  5. Resolución Tamañosque se usan en frecuenciapara la resolución • 72 dpi Web, video o imagénque no se vaimprimir. • 150- imagénque se va a imprimir en blanco y negro o un tamañoexesivamentegrande “billboard”porejemplo. • 300- imagenque se vaimprimir a color de buenacalidad.

  6. Resolución • Formasparapodercontrolar la resolución de unaimagén: Photoshop (edit-image size) Scanner (antes de escanear la imagenpon el tamañodeseado.Cámara digital (en los “settings”puedescambiar el tamaño de la foto,pero no la resolución)

  7. Color • Audiencia y el tema • Escoja el color del fondoprimero • Evite los arcoiris (máximo de 3 a 4 colorespor visual) • Consitencia en los colores • Consistencia entre los contrastes del fondo y lasletras

  8. Combinación de colores negro sobreamarillo verdesobreblanco azulsobreblanco blancosobreazul negro sobreblanco amarillosobre negro amarillosobreazul blancosobrerojo Entre otros… Puedevisitar:http://kuler.adobe.compuedeverdiferentescombinaciones de colorescreadaspordiseñadores de alredeor del mundo. Visiteestapágina y con unacombinacióndiferente a la de estapáginacreauna plantilla. Texto y fondo Título, parrafo y fondo.

  9. Fondos • Fáciles de leer ColoresPasteles • Atractividad • Color- proveesignificadosRojo- Pasión, sangre, etc Negro- Soledad, muerte, etc Blanco- Pureza, Paz, etc Recuerdeque la definición de un color tiene un significadodiferenteparacada persona o región.

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

  11. Resolución • Puedesbajar la resolucion o tamaño de unaimagén:Programa de manipulación de imágenes (photoshop, illustrator, Gymp (gratis).Cámara (cambiarle los “settings”paratomarunafotomáspequeña de tamaño. Scanner antes de scanear la fotobaja el tamaño de resolución

  12. Elementos del Diseño • ColorPropiedad Fundamental = LuzPrimarios: rojo, amarillo y azulEfectopsicológico y social

  13. Tipografía Hay miles de tipografiasjuega con ellasparavercuales la quemejortefunciona. Recuerda la informaciónesmasimportantequesi el font se ve bonito o no.

  14. Diseño de Visuales-Texto No apropiadosApropiados ForteArial ScriptVerdana MistralArticulateLa tipografíadepende la situación o estilo en que se estatrabajando el diseño.

  15. Características de los visuales de texto • Tamaños de letrasTelevisión- no menos de 36 puntosProyecciones- no menos de 24 puntos Párrafo (impresión y web) 12 puntos legal (impresión) 9 puntos Recuerdequedepende del tipo de font queesteusandopuedevariar el tamaño del font

  16. Características de los visuales de texto • Regla del 6 x 66palabrasporlínea6líneaspor visual 36palabraspor visual Ahoratetocacrearunapresentación en powerpoint de dos páginasusando la reglaqueacabo de instruir.

  17. Características • Eviteescribirtodaslaspalabras en mayúsculas Juan Carlos (correcto) JUAN CARLOS (INCORRECTO)Evite los “CAPS”

  18. Formatos • GIF (graphic Interchange Format) 256 colorescreación de títulos, botones oanimacionescreadopor CompuServe en 1987 paradotar de un formato de imagen a colorparasusáreas de descarga de ficheros,sustituyendosutempranoformato RLE en blanco y negro

  19. Formatos • JPEG (Joint Photographic Experts Group)algoritmoparacomprimirimágenes con 24 bits de profundidad o en escala de grises. Formato de ficheroparacomprimirimágenessólotrataimágenesfijas: MPEG-para videos JEPEG se abreviafrecuentemente JPG

  20. Formatos • PNG (Portable Network Graphics)Formatográficobasado en un algoritmo de compresión sin pérdidapara bitmaps no sujeto a patentes.Desarrolladoparasolventarlasdeficiencias del formato GIF.Permitealmacenarimágenes con una mayor profundidad de color.

  21. Leyes • Protecciónproporcionadaporlasleyes de EE.UU • Título 17, del Código FederalAutores de “obrasoriginales”LiterariasDramáticas MusicalesArtisticasIntelectuales

  22. Leyes QueestáprotegidoIdeastítulosNombresURL’sTrabajos en dominiopúblicoLogos y lemas no registradosFormularios (recopilaninformación)

  23. Leyes QueestáprotegidoObrasliterariasObrasarquitectónicasTrabajos musicales Trabajospictóricos,Obrasdramáticasgráficos y TrabajosesculturalescoreográficosPrograma de PelículascomputadorasGrabacionesAnimaciones

  24. Alto Instrucciones:1. Seleccione un tema2. Creaunapresentación en PowerPoint3. Insertegráficos

  25. Alto Perfil del profesorFotoDatos de contactoEnlace a página WEB personal o profesional(siaplica)

  26. Webibliografía Templates gratuitosparapresentaciones en PowerpointPowerpoint templates Sonia Coleman-Digital Studio Website E Estates Graphic IslandManiactive Brainy Betty

More Related