260 likes | 539 Vues
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 .
E N D
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.
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
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.
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.
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)
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
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.
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.
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 • 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
Elementos del Diseño • ColorPropiedad Fundamental = LuzPrimarios: rojo, amarillo y azulEfectopsicológico y social
Tipografía Hay miles de tipografiasjuega con ellasparavercuales la quemejortefunciona. Recuerda la informaciónesmasimportantequesi el font se ve bonito o no.
Diseño de Visuales-Texto No apropiadosApropiados ForteArial ScriptVerdana MistralArticulateLa tipografíadepende la situación o estilo en que se estatrabajando el diseño.
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
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.
Características • Eviteescribirtodaslaspalabras en mayúsculas Juan Carlos (correcto) JUAN CARLOS (INCORRECTO)Evite los “CAPS”
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
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
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.
Leyes • Protecciónproporcionadaporlasleyes de EE.UU • Título 17, del Código FederalAutores de “obrasoriginales”LiterariasDramáticas MusicalesArtisticasIntelectuales
Leyes QueestáprotegidoIdeastítulosNombresURL’sTrabajos en dominiopúblicoLogos y lemas no registradosFormularios (recopilaninformación)
Leyes QueestáprotegidoObrasliterariasObrasarquitectónicasTrabajos musicales Trabajospictóricos,Obrasdramáticasgráficos y TrabajosesculturalescoreográficosPrograma de PelículascomputadorasGrabacionesAnimaciones
Alto Instrucciones:1. Seleccione un tema2. Creaunapresentación en PowerPoint3. Insertegráficos
Alto Perfil del profesorFotoDatos de contactoEnlace a página WEB personal o profesional(siaplica)
Webibliografía Templates gratuitosparapresentaciones en PowerpointPowerpoint templates Sonia Coleman-Digital Studio Website E Estates Graphic IslandManiactive Brainy Betty