GUION DIDACTICO - Diseño Gráfico UPEL
Contents
1. GUION DIDACTICO A continuaci n se proceder a explicar detalladamente las interfaces con respecto a sus funciones animaciones o efectos de sonido que contenga el material educativo para la mayor comprensi n del mismo acotando que el guion t cnico puede cumplir la funci n de manual de usuario 1 Las caracter sticas gen ricas del material educativo las explicaremos por medio de la pantalla de inicio comenzando con la cabecera en la cual se observa el nombre del material 1 en la parte izquierda se observa el men desplegable que contiene los nombres de cada tema contenido en el mismo 2 del lado derecho al men se observa e t tulo del tema escogido en este caso es el logotipo del M E C 3 del lado inferior izquierdo se encuentra la opci n de pasar a la siguiente p gina en caso de no querer usar el men principal 4 para finalizar del lado inferior central de observa el nombre del material abreviado el cual ser a DG UPEL 5 F Logotipo del M E C E e O file D documentos mec material 20ed ice Af Curso ware Edu MA NATA E Gr fico Digit X Dicconahe teamin Dise o Gr fico UPEL Dise o Gr fico UPEL TA Logotipo del M E C vy Dise o Grafico j gt Conceptos de interes Leyes de la Percepci n Im genes para pensar gt Teoria del color Dise os interesantes j gt Editores graficos para Windows j gt Editores Graficos para Software libre A fg j gt Enlaces de In2. gt Teoria del color Dise os interesantes j gt Editores graficos para Windows p Editores Graficos para Sofware libre Enlaces de Interes Ideas para fondos fle D documentos mecimaterial educativo galleryPopupihtmi i 0 Google Chrome Im genes para C file D documentos mec material 20educativo galleryPopup htmi i 0 INN Primer ejercicio encuentra la C AA Primere Cerrar Siguiente 0000000000000000000 0 0000000000000000000 O oorno 0000000000000000000 0 00000000000000000000 0000000000000000000 0 0000000000000000 0 000000C000000000000 0 00000000000000000000 iS 0000000000000000000 0 E o Primer ejercicio encuen 0000000000000000000 0 ejercicio encuentra la ABALALALABALASALALAL ALMA LA MA AS ALAJAJAL A LASA ARA DAS ALALABALASALU APALA LALA SALA JA DA GAS AL GALA LASA DO AAGAG ADAL AS JAJA RULA LABALA ADARADARADAL MAD OLLA LABALALASAR A HAJAJADAJA RAJ ADA DA AL ALADA DADA BALA Quinto ejercicio encuen Anterior Siguiente a Otros marcadores ES By m d j Gr fico 29 Und cima pantalla im genes para pensar 12 Luego de ejercitar su mente con las im genes continua la lectura sobre los elementos importantes del dise o gr fico llegando a uno de los m s importantes la teor a del color al hacer click en esta opci n del men se despliega un sub men 1 y muestra el concepto de la teor
3. DG UPEL 20 24 18 02 2011 euo Gr fico 42 Blog Dise o Gr fico en M E C 23 Por ltimo se muestra una galer a de im genes titulada ideas para fondos como su t tulo lo indica se muestran algunas im genes alusivas a fondos que pueden servir para fondos de wikis blog o M E C inclusive incentivando al usuario a crear su propio fondo IM Ideas para fondos E E file D documentos mec material 20educativo ideas_para_fondos html Galer a de Web Slice iN Curso Software Edu Congreso CIBESS cuantoAcuanto Re E Dise o Gr fico Digit Diccionario de sin n Dise o Gr fico UPEL Dise o Gr fico UPEL MM Otros marcadores p Logotipo del M E C Ideas para fondos Dise o Grafico j gt Conceptos de interes Leyes de la Percepci n Im genes para pensar gt Teoria del color Dise os interesantes p Editores graficos para Windows p Editores Graficos para Software libre gt Enlaces de Interes LALI Anterior DG UPEL a a lp Gr fico 42 Ideas para fondos
4. a del color j D Teoria del color file D documentos mec material 20educativo teoria_del_color html EA MY Congreso CIBESS MY cuantoAcuanto Re AS A A Dise o Gr fico UPEL A MM Otros marcadores p Logotipo del M E C Teoria del color Dise o Grafico Y j gt Conceptos de interes Empezaremos dicien z m Lys ela Pcap n Podemos definito cor gt El color El c rculo crom tico Im genes para pensar El color es pues un he v denomina el espectro gt Significado del color j gt El color El circulo crom tico f entre los 400 p Significado del color LIGUE ocurre cuando Rellena los espacios en blanco Rellena los espacios en blanco fl que recibe y absorbe Dise os interesantes objeto de color rojo fue descubierto en 161 3 w s l e Dise os interesantes j gt Editores Graficos para Sofware libre p Enlaces de Interes En las artes gr ficas tenemos dos grandes categorias con respecto al color imagen en color e imagen en blanco y negro en stas ltimas podemos diferenciar im genes a pluma Im genes tramadas mediante diferentes tipos de gris Asimismo las im genes en color se pueden Keas para fondos dividir en dos categor as colores planos manchas uniformes de color degradados tambi n tramadas El color es un elemento b sico a la hora de elaborar un mensaje visual Muchas veces el color no es un simple atributo que recubre la forma de las cosas en busca de la
5. n Dise o Gr fico UPEL BY Dise o Gr fico UPEL i Otros marcadores y Logotipo del ME Conceptos de interes Dise o Grafico oy es necesario ver al Dise o Gr fico de Semoticay Gora es p w fusionar los aa tradicion Semiotica y Gestalt Denotaci n y Connotaci n Grafismo Iconografia y Tipografia Leyes de la Percepci n Acepto de dise o gr fico Para abordar Denotaci n y Connotaci n adici n cultural que abarcan distintas dis dias tambi n que la computaci n en tal sentido p Teoria del color Un dise ador de modas podr realizar boc Grafismo Iconograf a y Tipografi a Dise os interesantes sus trabajos en revistas especializadas Af d p Editores graficos para Windows Anterior Siguiente Editores Grafi Softw dr ores Graficos para Software DG UPEL Enlaces de Interes Ideas para fondos 20 04 18 02 2011 A iy r Gr fico 21 Tercera pantalla conceptos de inter s 4 Esta pantalla es parte del sub men contenido en Conceptos de inter s en la siguiente pantalla se procede a conceptualizar semi tica y Gestalt que son conceptos muy relacionados con el dise o gr fico y ser n de importancia para los usuarios p B Semiotica y Gestalt B file D documentos mec material 20educativo semiotica_y_gestalt html IM Galer a de Web Slice Curso Software Edu Congreso CIBESS TAO E Dise o Gr fico Digit Diccionari
6. Siguiente DG UPEL file D documentos mec material 20educativo tutoriales2 htmi Web Slice urso Software Edu MM Err IBESS IM cuantoAcuanto gt Logotipo del M E C Tutoriales Dise o Grafico p gt Conceptos de interes Haciendo clic en las siguientes im genes llegaras directamente al sitio donde encontraras tutoriales para que aprendas a manejar los editores Leyes de la Percepci n gr ficos para Software Libre im genes para pensar bp Teoria del color Dise os interesantes The Gimp Inkscape Scribus E gt Editores graficos para Windows j gt Editores Graficos para Software libre E Scribus Ideas para fondos Inkscape Gr fico 38 Editores gr ficos para software libre y tutoriales 22 La pen ltima opci n que se encuentra en el men es Enlaces de inter s donde se muestra una breve descripci n de lo que encontrara el usuario en ella y luego la opci n de visitar sitios web externos sin necesidad de abandonar el material 1 Blog DG UPEL un blog hecho exclusivamente por las creadoras del material con informaci n sobre el dise o gr fico y los materiales educativos 2 Wiki DG UPEL en este sitio se encuentra la documentaci n de la investigaci n realizada para el material educativo permitiendo al usuario opinar sobre los archivos que en este sitio se encuentra 3 Uso de las T I C en este blog esta informaci n valiosa sobre las tecnolog as de informaci n y comunicac
7. documentos mec materia 20edhiuicativo editores_graTficos_p ar a_softw are_libre htemi gt Logotipo del MEG Editores Graficos para Software libre Dise o Grafico gt Conceptos de intoros Sofware esencial para dise adores gr ficos Leyes de la Porcepci n im genes para pensar p Teor a del color Gislica aroaidas Edici n y administraci n de im genes p Editores graficos para Windows v The Gimp Tutoriales Programa de manipulaci n de im gones GNU aque permite la edici n de im genes Facilitando las tareas de retoque fotogr fico composici n y En ASA creaci n de im genes Ha sido utilizada para en muchos proyectos de Software Libre tambi n en producciones cinematogr ficas p Enlaces de moros idons para fondos Algunas caracteristicas 1 Completa suite de herramientas de pirtura incluyendo brochas un pincel un aer grafo un Coning entre otros gt Manipulaci n de im genes con tansfornaciones de rotaci n escalarnemo volteado y core 3 Puede utilizar tijeras inmelgenes selecci n difusa por color mchuso selecci n de gr ficas bezir 4 Soporte completo de canales al a y gestor de capas layers Dibujo vectorial Inkscape Es una herramienta de dibujo multiplataforma de c digo abierto para gr ficos vectonalos SVG La principal motivaci n es proporcionar a la comunidad en general una herramienta de c digo abierto para dibujo SYG que cumpla con los est ndares XML SVG y CSS52 Algunas caracter sticas 1 I
8. presionan y presiona hasta querer ser completadas Siempre sale a la luz estos asuntos hasta que el individuo logre de completarlos y hasta que logre que la situaci n deje ser Editores Graf Softwa A La gt ci Pr inconclusa Se puede decir entonces que la gestalt significa tratar de llevar un todo a algo completo y no dividir ese todo en pedazos iguales gt Enlaces de Interes Anterior Siguiente Ideas para fondos DG UPEL 20 04 18 02 2011 SPA Gr fico 22 Cuarta pantalla semi tica y Gestalt 5 Siguiendo en el sub men de Conceptos de inter s encontramos denotaci n y connotaci n donde el usuario podr leer los conceptos de estos temas al momento de dar siguiente encontrara otro elemento del sub men Conceptos de inter s m h Denotaci n y Connotaci n MM Otros marcadores p Logotipo del M E C Denotaci n y Connotaci n Dise o Grafico j gt Conceptos de interes Denotaci n Se llama denotaci n al tipo de significado de una palabra que es objetivo y se da en el plano saussuriano de la lengua Es el Semiotica y Gestalt significado universal el que una palabra tiene para todos los conocedores de una lengua sin que exista la m s minima discrepancia entre ellos el que tiene por ejemplo metal y recoge el Diccionario de la Real Academia Propiamente dicho se trata del significado tal como se presenta fuera de cualquier contexto Por ejemplo aurora denota la parte del dia correspondi
9. anco en esta actividad el usuario debe presionar la tecla enviar y se mostraran las opciones correctas en verde y las incorrectas en rojo Y Colores simbolicos en la religi n Otras simbolog as mostrando un mensaje de retroalimentaci n y el usuario presionando la opci n mostrar respuestas podr observar las palabras que faltaban en el texto p 75 FEA Rellena los espacios en bl l f Fi cebo ok Ma SE file D documentos mec material 20educativo rellena_los_espacios_en_blanco html Galer a de Web Slice AM Curso Software Edu e pa a a 1 En la lectura hablamos del color cuando est siendo utilizado como representaci n de la figura es decir incorporado a las im genes realistas la fotograf a o la ilustraci n El color como atributo realista o natural de los objetos o figuras p Logotipo del M E C Rellena los espacios en blanco Dise o Grafico p Conceptos de interes La Dise os interesantes p Editores graficos para W Atows El color gt Si crono para ON puros m s El color turado obedece a la necesidad creada por la fuerte competitividad de las im genes gt Enlaces de Interes Ideas para fondos El color solarizadas o coloreadas a gano en las que no se altera la forma pero si el color Reiniciar Mostrar las respuestas Your score is 1 8 En la lectura hablamos del color cuando est siendo utilizado como representaci n de la figura es decir incorpo
10. e gt Enlaces de Interes Ideas para fondos Gr fico 31 Decimotercera pantalla el color el circulo crom tico 14 El usuario al finalizar su ruta por todos los sub men de el color el circulo crom tico se encuentra que de ltima hay una opci n que dice elige tu respuesta en la cual encontrara dos preguntas de selecci n m ltiple p Elige tu respuesta file D documentos mec material 20educativo elige_tu_respuesta html D Galer a de Web Slice Curso Software Edu MY Congreso CIBESS ETE Re E Dise o Gr fico Digit EA Dise o Gr fico UPEL MY Dise o Gr fico UPEL MN Otros marcadores gt Logotipo del M E C Elige tu respuesta Dise o Grafico j gt Conceptos de interes Leyes de la Percepci n Im genes para pensar j gt Teoria del color p El color El c rculo crom tico Color Colores Primarios Basados en la lectura cuantos colores es capaz de reconocer el ojo humano Tono Muchos todo depende si la persona es dalt nica Brillantez y Saturaci n Alrededor de 10 000 colores p Significado del color Rellena los espacios en blanco No muchos algunas personas solo ven en blanco y negro Dise os interesantes j gt Editores graficos para Windows p Editores Graficos para Software libre gt Enlaces de Interes Ideas para fondos Al mezclar los colores primarios se obtienen infinitos colores pero dependiendo del mbito hay tres juegos de colores primar
11. e ibre p Enlaces de Interes Wiki DG UPEL Uso de las T I C Dise o Grafico en M E C ideas para fondos DG UPEL Qu es dise o gr fico Hoy es necesario ver al Dise o Gr fico desde una ptica distinta La computaci n ha ingresado a sus filas con un nuevo aporte te rico en lo que es posible fusionar los conceptos tradicionales del dise o con un afianzamiento de corte tecnol gico a fin de aprovechar al m ximo las posibilidades de un recurso cada vez m s sofisticado Por ello en este breve ensayo se estudiar n los aspectos te ricos los recursos tecnol gicos y aportes t cnicos la interface gr fica y aplicaci n pr ctica para establecer un nuevo perfil de dise ador Concepto de dise o gr fico Para abordar el estudio de Dise o Gr fico en PC es necesario tener presente los aspectos te ricos heredado de la tradici n cultural que abarcan distintas disciplinas con la finalidad de establecer un principio com n y un I Anterior Siguiente DG UPEL Gr fico 40 Blog DG UPEL E Wiki DG UPEL ad Y 7 A O file D documentos mec material 20educativo wiki_dg_upel html p gt Logotipo del M E C Dise o Grafico p Conceptos de interes Leyes de la Percepci n Im genes para pensar p Teoria del color Dise os interesantes p gt Editores graficos para Windows gt Editores Graficos para Software libre gt Enlaces de Interes Blog DG UPEL Uso de las T I C Di
12. e referencia b sicas son la Biblia las leyendas de santos los libros aleg ricos e iconolog as del siglo XVI hasta el XVII adem s de las Metamorfosis de Ovidio Dise os interesantes p Editores graficos para Windows Tipograf a Definimos la tipograf a como el arte o t cnica de reproducir la comunicaci n mediante la palabra impresa transmitir con cierta habilidad elegancia y eficacia las palabras La tipograf a es el reflejo de una poca Por ello la evoluci n del dise o de las mismas responde a proyecciones tecnol gicas y art sticas El signo tipogr fico se ha considerado como uno de los miembros m s activos de los cambios culturales del hombre p Editores Graficos para Software libre 5 Enlaces de Interes Ideas para fondos Antenor Siguiente DG UPEL 20 04 18 02 2011 a Gr fico 24 Sexta pantalla grafismos iconograf a y tipograf a 7 Continuando con la extensi n del men el usuario encontrara un video sobre la percepci n y las leyes de la percepci n encontrando en este video tanto el audio como el texto donde se explica que es la percepci n y en qu consisten sus leyes F Leyes de la Percepci n AA OA ISA TAO E Dise o Gr fico Digit EA Dise o Gr fico UPEL Aa A e i ji a Mi gt 0 p Logotipo del M E C Leyes de la Percepci n Dise o Grafico j gt Conceptos de interes Im genes para pensar Teoria del color Dise os interesantes Editores graficos para W
13. e ron ntras nrofesnres DG UPEL mr jaa de IM Dise o Grafico en M E C E O file D documentos mec material 20educativo diseo_grafico_en_mec html IM Galer a de Web Slice MAT MA ON NA AS Diccionario de sin n Dise o Gr fico UPEL Dise o Gr fico UPEL p gt Logotipo del M E C Dise o Grafico en M E C Dise o Grafico gt Conceptos de interes n SAMENES R Cred Soluciones a la medida a desaf os educacionales m genes para pensar b Teoria del color Qu hacemos Nuestros dientes Dise os interesantes p Editores graficos para Windows Viernes 18 de F p Editores Graficos para Software Talleres en Mall Paseo San Bernardo libre E Durante el mes de Febrero Las Salas del b Enlaces de Interes Cobre del Museo Nacional de Historia Natural realizaran taleres en Mal Paseo Blog DG UPEL de Decide EN art San Bernardo ubicado en calle Eyzaguirre Wiki DG UPEL 650 comuna de San Bernardo Uso de las T I C Ideas para fondos d Equipos ganadores de la Marat n Minera 2010 viajaron a Temprano en la ma ana del s bado 23 de 7 octubre se encontraban en el control de Los Maitenes a 20 kms al oeste de i Rancagua los equipos ganadores de la Marat n Minera 2010 Agunos se preparaban con los trajes especiales para bajar a la mina y otros alistaban sus c maras para ir a tomar las mejores fotograf as al pueblo de Sewel Anterior Siguiente
14. ente a la salida del sol y es asi como se define en los diccionarios Grafismo Iconografia y Tipografia Leyes de la Percepci n as i o POR CA a pi Connota ci n Es de car cter subjetivo y se da en el plano saussuriano del habla porque concretas y no aparece recogido en los diccionarios Asi por ejemplo el significado connotativo de aurora puede llevar adheridas para un hablante concreto las significaciones subjetivas de j gt Teona del color esperanza comienzo de una nueva vida iniciaci n de buena suerte tras haber tenido mala suerte durante un plazo de tiempo etc Estos Dise os interesanion significados subjetivamente a adidos a la denotaci n constituyen la connotaci n del vocablo que no es ni puede ser registrada por los diccionarios p Editores graficos para Windows y l l p Editores Graficos paa Sotware La connotaci n caracteriza habitualmente el lenguaje literario y en especial el lenguaje del m s personal de todos los g neros literarios la poesia lbre lirica el poeta emplea palabras con sentidos subjetivamente adheridos As por ejemplo Federico Garcia Lorca suele asociar la denotaci n del RETO sustantivo metal con la connotaci n personal de muerte b aces eres Ideas para fondos Anterior Siguiente DG UPEL Gr fico 23 Quinta pantalla denotaci n y connotaci n 6 Al momento de que el usuario de click en la direcci n siguiente se encontrara con el ultimo elemento de Conceptos de
15. fidelidad reproducida A pesar de que sin el color la forma permanece con frecuencia el Mensajes es precisamente el Color o lo que s lo puede expresarse por el Color Antenor Siguiente DG UPEL Gr fico 30 Duod cima pantalla teor a del color 13 En el men desplegable de la teor a del color se encuentra el color el circulo crom tico al momento de seleccionar este t pico se observa que tiene sub men 1 permitiendo expandir los conocimientos del usuario sobre los elemento importantes del dise o gr fico p k El color El circulo crom file D documentos mec material 20educativo el_color_el crculo_cromtico html ACA O MOS RT A AEAN D Jise o G MM Otros marcadores p Logotipo del ME C El color El circulo crom tico Dise o Grafico p Conceptos de interes El ojo humano puede distinguir Leyes dela Percepci n de percepci n con propiedades Im genes para pensar El circulo crom tico Nos sive p A A Color Colores Primarios diversos circulos de color pero Color Colores Primarios Dentro enconiramosamedr Tono Tono En este circulo crom tico pode Los colores primarios roja Brillantez y Saturaci n Los secundarios verde vi Yelterciario rojo viol ceo p Significado del color Rellena los espacios en blanco Dise os interesantes E g e tu res p u esta j gt Editores graficos para Windows DG UPEL j gt Editores Graficos para Software libr
16. git A Dise o Gr fico UPEL 18 Dise o Gr fico UPEL MM Otros marcadores p Logotipo del M E C Im genes para pensar Dise o Grafico j gt Conceptos de interes Leyes de la Percepci n b Teoria del color Dise os interesantes p Editores graficos para Windows p Editores Graficos para Sofware libre Primer ejercicio encuentra la C Segundo ejercicio encuentra la N Tercer ejercicio encuentra el 6 Cuarto ejercicio encuentra la A p Enlaces de Interes Ideas para fondos Quinto ejercicio encuentra la Sexto ejercicio encuentra la Anterior Siguiente DG UPEL 20 05 8 02 2011 Sapno Gr fico 28 Decima pantalla im genes para pensar 11 Seleccionando la imagen se abrir una ventana nueva mostrando esta imagen en tama o real 1 en dicha venta est la opci n de siguiente cerrar o anterior 2 permitiendo visualizar las im genes en tama o real sin necesidad de salir de esta ventana nueva estas opciones son gen ricas para todas las galer as de im genes Im genes para pensar f 4 de A file D documentos mec material x20educativo imgenes_para_pensar html B Galeria de Web Slice AM Curso Software Edu Congreso CIBESS cuantoAcuanto Re Dise o Gr fico Digit Diccionario de sin n Dise o Gr fico UPEL gt Dise o Gr fico UPEL p Logotipo del M E C Dise o Grafico j gt Conceptos de interes Leyes de la Percepci n
17. i n y el uso en la educaci n 4 Dise o Gr fico en M E C un sitio en el cual su contenido es referente al dise o gr fico en los materiales educativos siendo de gran ayuda y apoyo para los estudiantes de dicha materia A continuaci n se muestran las pantallas que sustentan esta breve explicaci n r F R Enlaces de Interes IM Galer a de Web Slice Curso Congreso MA cuantoAcuanto Re MY Dise o Gr fico Digit E sin n Dise o Gr fico UPEI E Dise o Gr fico UPEL A Otros marcadores p Logotipo del MEC Enlaces de Interes Dise o Grafico p Conceptos de interos A continuaci n encontraras algunos sitios de la web que tienen informaci n importante para complementar el contenido de este Leyes de la Percepci n material Im genes para pensar Anterior Siguiente gt Teoria del color DG UPEL Dise os interesantes gt Editores graficos para Windows p Editores Graficos para Software libre y Blog DG UPEL Wiki DG UPEL Uso de las T LC Dise o Grafico en M E C Ideas para fondos Gr fico 39 Explicaci n del contenido en Enlaces de inter s Blog DG UPEI EPIA AAA AAA AAA AAA AAA SA file D documentos mec material 20educativo blog_dg_upel htmi j gt Logotipo del M E C Blog DG UPEL Dise o Grafico p Conceptos de interes Leyes de la Percepci n im genes para pensar gt Teoria del color Dise os interesantes Editores graficos para Windows b pe Graficos para Softwar
18. indows p Editores Graficos para Software libre b Enlaces de Interes Ideas para fondos Anterior Siguiente 20 05 18 02 2011 IA Gr fico 25 S ptima pantalla video leyes de la percepci n 8 El usuario deber dar click en el bot n con el s mbolo de play 1 cuando esto suceda el video se iniciara mostrando la imagen del logotipo del material y comenzando con el t tulo del contenido A a TA _ _ s TT D Leyes dela Percepci n y Raices y Cultura reggae v H file D documentos elaboracion 20de 20software material 20educativo leyes_de la percepcin html AA ARI MS TAO Dise o Gr fico Digit NE Diccionario de sin n Dise o Gr fico UPEL Dise o Gr fico UPEL R E Pi NS sy y ES eS Y Se O le l i pig wAY SN R dui Ez gt Logotipo del M E C Leyes de la Percepci n Dise o Grafico j gt Conceptos de interes Im genes para pensar Teoria del color Dise os interesantes j gt Editores graficos para Windows p Editores Graficos para Software libre b Enlaces de Interes Ideas para fondos Anterior Siguiente DG UPEL 1613 19 02 2011 PERTO Gr fico 26 Octava pantalla video leyes de la percepci n 9 En el video se observaran las opciones de stop o pare para detener el video e iniciar desde el comienzo 1 esta opci n de pause o pausa para detener en un punto el video y comenzar de
19. inter s que est compuesto por los conceptos de grafismos iconograf a y tipograf a basados en la tecnolog a del texto se procedi a dividir todos los conceptos pertenecientes a Conceptos de inter s ya que el usuario tendr mejor perspectiva reduciendo as las posibilidades de abandono y aburrimiento 5 Grafismo Iconograf a y T E A file D documentos mec material 20educativo grafismo_iconografa_ y tipografa html IM Galer a de Web Slice Curso Software Edu MAS TAO Dise o Gr fico Digit Diccionario de sin n Dise o Gr fico UPEL gt Dise o Gr fico UPEL MM Otros marcadores p gt Logotipo del M E C Grafismo Iconograf a y Tipograf a Dise o Grafico j gt Conceptos de interes Grafismo el grafismo particularmente se define como el dise o gr fico Semiotica y Gestalt Denotaci n y Connotaci n Iconograf a La iconograf a no es una interpretaci n sino una clasificaci n mediante el establecimiento de un nexo entre un nombre un concepto o un texto con figuras alegor as representaciones narrativas o ciclos y es posible s lo cuando las obras poseen una base ling istica Leyes de la Percepci n Continuando con el ejemplo del arte bizantino el nombre en este caso ser a Cristo el concepto Hijo de Dios y la manera de representarlo es con un texto sagrado en una mano mientras la otra est extendida hacia el espectador Im genes para pensar p Teoria del color Las obras d
20. ios Cu l de los siguientes es uno de esos tres juegos Los artistas y dise adores parten de un juego formado por el naranja el amanillo y el magenta El juego de primarios es el del rojo verde y el azul conocidos como primarios aditivos El juego se compone de negro verde y violeta Anterior Siguiente 20 10 18 02 2011 e Gr fico 32 Decimocuarta pantalla Elige tu respuesta 15 El usuario en esta parte del material se encuentra con dos preguntas de selecci n simple con tres opciones indepenedientemente cada opci n tiene un mensaje de retroalimentaci n que se muestra en la parte inferior del cuadro de preguntas proporcion ndole la oportunidad de rectificar y escoger la opci n correcta La organizaci n seria la siguiente en la parte superior la pregunta 1 en el centro del cuadro las opciones 2 y en la parte inferior la informaci n de retroalimentaci n 3 Muchos todo depende si la persona es dalt nica i 7 dora 10 000 colores la lectura cuantos colores es capaz de reconocer el ojo humano o mucnos algunas personas solo ven en panco y negro i Elige tu respuesta e file D documentos mec material 20educativo elige_tu_respuesta html Galer a de Web Slice M Curso Software Edu Congreso CIBESS cuantoAcuanto Re 1 Dise o Gr fico Digit YN Diccionario de sin n Dise o Gr fico UPEL gt Dise o Gr fico UPEL MM Otros marcadore
21. nkscape surge de una bifurcaci n del proyecto Sodipodi Manipulaci n de formato SVG con formas b sicas caminos texto transformaciones gradientes canal alfa edici n de nodos agrupaci n de elementos 3 Edici n de nodos capas operaciones complejas de path texto en path y editor SVG XMI 4 Diversos efectos por medios de m dulos extras basados en Python importaci n de formatos como EPS Postscript JPEG PNG BMP TIFF entre otros 6 Exporta PNG a m ltiples formatos basados en vectores Dise o editorial Scribus Es una herramienta de maquetaci n y publicaci n al estilo de AdobetPageMaker QuarkXPress o Adobe InDesign permite la creaci n de material impreso desde cosas tan sencillas como tr ptico como revista profesionales electr nicas Algunas caracteristicas 1 Su archivo fuente SLA basado en XML est Completamente documentado y soportado por el formato est ndar de documento OpenDocument 2 Importaci n de documentos de OpenOffice ora Writer y Draw 3 Soporta muchos formatos gr ficos importantes adem s del SVG 4 Manipulaci n de colores en CMYK 5 Usa Script Python 6 Soporta PDF incluyendo transparencias cifrado y un gran sistema basado en de la especificaci n PDF 1 4 incluyendo campos de formularios interactivos de PDF anotaciones y marcas de libro 7 La impresi n se hace con su propio Driver PostScript interno de nivel 3 incluye soporte para fuentes TrueType Type 1 y OpenType f Ei s Antenor
22. o de sin n Dise o Gr fico UPEL gt Dise o Gr fico UPEL MM Otros marcadores p gt Logotipo del M E C Semiotica y Gestalt Dise o Grafico j gt Conceptos de interes Semi tica Es la ciencia de la significaci n y de los procedimientos de an lisis que permiten describir ciertos sistemas de significaci n Se deriva del t rmino griego semeion signo Pero signo en el caso del texto escrito indica el nexo entre el significante por ejemplo la palabra a A hombre lo significado el concepto de hombre La semi tica no se interesa por el signo como comunicaci n de mensajes o veh culo de Denotaci n y Connotaci n significados sino por la constituci n de los signos o como dicen los semi ticos de la significaci n Grafismo Iconograf a y Tipograf a Leyes de la Percepci n l l Gestalt La palabra la gestalt se refiere a una entidad especifica concreta existente y organizada que posee un modelo o forma definida Esto a ol a significa como se percibe en la mente los objetos conocidos en la vida diaria Esta palabra trata de conseguir que el hombre vuelva a la vida y gt Teoria del color ense arle a usar su potencial innato que puede ser un l der sin ser un rebelde que tenga un centro de lugar en donde vivir en vez de estar Dise os interesantes apoy ndose en cosas j gt Editores graficos para Windows La gestalt quiere decir completada si esta no se completa quedan asuntos inconclusos y esta situaciones
23. or Colores Primarios Tono el color El circulo cromatico Brillantez y Saturaci n Elige tu respuesta olan icado del color Q gt Rellena los espacios en blanco Gr fico 34 Men teor a del color sub men el color c rculo crom tico y sub men significado del color 17 Brevemente explicaremos la composici n del sub men significado del color l se encuentra dividido en 1 color denotativo e ic nico 2 color saturado fantasioso y connotativo 3 color psicol gico que a su vez esta divido en tres partes las cuales ser an el 4 color simb lico tambi n tiene divisi n pero esta es de dos partes y una actividad llamada rellena los espacios en blanco kz Color denotativo e ic nico Color saturado fantasioso y C gt connotativo gt El color psicol gico gt El color simb lico Rellena los espacios en blanco E Amarillo Naranja y Rojo Color saturado fantasioso y Azul Violeta Verde y Marr n Color denotativo e iconico Blanco Negro y Gris connotativo b El color psicologico b El color simbolico Rellena los espacios en blanco Gr fico 35 Explicaci n del men significado del color 18 Rellena los espacios en blanco es una actividad en la que se le presenta al usuario un texto referente al color denotativo y sus componentes que son color ic nico saturado fantasioso y connotativo en la cual deben rellenar los espacios que est n en bl
24. os tutoriales sobre el uso de los editores el usuario haciendo click en las im genes ser redireccionado a la p gina web de los videos tutoriales M Congreso i CIBESS IM cusntoAcuanto Re 5 Gr fico Digit R Diccionario de sin n Dise o Gr fico UPEL BAd E ETETE p gt Logotipo del M E C Editores graficos para Windows Dise o Grafico p gt Conceptos de interes Software esencial para dise adores gr ficos Leyes de la Percepci n Im genes para pensar gt Teoria del color Dise os interesantes Sin lugar a dudas el rey de la edici n de im genes alguien dijo Corel Photopaint soporte para formato RAW ajuste avanzado de color gran cantidad de filtros excelente manejo de perfiles de color optimizaci n para web y un largo etc Adem s ofrece integraci n con Bridge el Edici n y administraci n de im genes Adobe Photoshop software de administraci n de archivos de Adobe una herramienta muy til que nos permite pre visualizar im genes y documentos adem s de Tutoriales mostrarnos informaci n detallada sobre el archivo un excelente navegador de archivos Editores Graficos para Software a libre E Dibujo vectorial p Enlaces de Interes Adobe Illustrator CS3 o Corel Draw X4 ideas para fondos 5 E A a z PEE i y 3 z E 5 BOS Aqui hay dos opciones que ofrecen una amplia gama de posibilidades con la llegada de las nuevas versiones nos permiten prescindir de alguna de las dos y utilizar nicamente el programa
25. que m s nos guste Existe mucha controversia sobre cu l de los dos programas es mejor pero en realidad es cuesti n de gustos ambos nos ofrecen excelentes herramientas para el manejo de texto dibujo filtros y manejo de color En Corel Draw podemos manejar m ltiples p ginas mientras que en Adobe Illustrator solo lo podemos hacer de una por una aunque la herramienta de dibujo y degradado de malla de Adobe Illustrator son mejores que las que ofrece Corel Draw En lo personal prefiero Adobe Illustrator CS3 por la facilidad de dibujo la optimizaci n en el peso de los archivos y su completa integraci n con los productos de Adobe Dise o editorial Adobe InDesign Poco a poco se ha ido convirtiendo en el est ndar para el dise o editorial ofrece completa integraci n con la familia de productos de Adobe lo cual hace un flujo de trabajo m s r pido y sencillo Nos permite el manejo de m ltiples p ginas maestras para el dise o de cada secci n de nuestro proyecto herramientas avanzadas para sincronizar los perfiles de color con otras herramientas de Adobe como Photoshop o Illustrator creaci n de ndice tabla de contenido correcci n ortogr fica manejo de estilos de car cter y p rrafo entre otras caracter sticas QuarkXPress Es la otra opci n para dise o editorial ofrece manejo de m ltiples p ginas un peque o editor de im genes transparencias en los bloques herramientas de correcci n ortogr fica manejo de p ginas mae
26. rado a las im genes realistas de la fotograf a o la ilustraci n El color como atributo realista o natural de los objetos o figuras Anterior Siguiente DG UPEL y ES R a t o 21 15 18 02 2011 Gr fico 36 Descripci n de la actividad rellena los espacios en blanco 19 Se muestra una galer a de im genes titulada dise os interesantes en la cual se muestran dise os O artes con la finalidad de incentivar la imaginaci n dise adora dl usuario las funciones de esta galer a fueron explicadas en el grafico 29 5 file D documentos elaboracion 20de 20software material 20educativo diseos interesantes html Galer a de Web Slice iN Curso Software Edu A cuantoAcuanto Re OA A Gr fico UPEL Dise o Gr fico UPEL Otros marcadores j gt Logotipo del M E C Dise o Grafico j gt Conceptos de interes Leyes de la Percepci n Im genes para pensar Teoria del color p Editores graficos para Windows p Editores Graficos para Software libre b Enlaces de Interes Ideas para fondos Anterior Siguiente 16 16 19 02 2011 ES A le de 4 Gr fico 37 Decimosexta pantalla dise os interesantes 20 Seguido en el men se encuentra con los editores gr ficos para Windows 1 en los cuales se encuentra una breve descripci n de los mismos y un sub men llamado tutoriales 2 en el cual se encuentran los enlaces a los vide
27. resos Teoria del color Dise os interesantes Editores graficos para Windows Dado el crecimiento veloz y masivo en el intercambio de informaci n la demanda de dise adores gr ficos es mayor que nunca particularmente a causa del desarrollo de gt nuevas tecnologias y de la necesidad de prestar atenci n a los factores humanos que escapan a la competencia de los ingenieros que las desarrollan g j gt Editores Graficos para Sofware saamen I ST e ami aa mr e SE t me aR libre Algunas clasificaciones difundidas del dise o gr fico son el dise o gr fico publicitario el dise o editorial el dise o de identidad corporativa el dise o web el dise o de envase el dise o tipogr fico la carteler a la se al tica y el llamado dise o multimedia entre otros p Enlaces de Interes R CAMEJO Ideas para fondos 20 03 18 02 2011 ES i lo yil Gr fico 20 Segunda pantalla dise o gr fico 3 Si el usuario se dirige a la siguiente p gina o selecciona la opci n conceptos de inter s se mostrara en la pantalla una breve introducci n a lo que el dise o gr fico y sus elementos m s importantes implica despleg ndose as un men con los conceptos que se explican en el material 1 p Conceptos de interes E 3 file D documentos mec material 20educativo conceptos de interes html B Galer a de Web Slice M Curso Software Edu k dar CIBESS A cuantoAcuanto Re 1 Dise o Gr e i Diccionario de sin
28. s j gt Logotipo del M E C Dise o Grafico j gt Conceptos de interes Leyes de la Percepci n Im genes para pensar gt Teoria del color Basados en la lectura cuantos colores es capaz de reconocer el ojo humano gt El color El c rculo crom tico Color Colores Primarios To o Muchos todo depende si la persona es dalt nica Brillantez y Saturaci n Alrededor de 10 000 colores gt gnificado del color Rellena los espacios en uianes No muchos algunas personas solo ven en blanco y negro Dise os interesantes p Editores graficos para Windows Estuviste cerca A pesar del daltonismo una persona puede percibir hasta 10 000 combinaciones de color el ojo humano es capaz de gt nei Graficos para Software reconocer esa gran cantidad de colores Dre gt Enlaces de Interes Ideas para fondos Estuviste cerca A pesar del daltonismo una persona puede percibir hasta 10 000 combinaciones de color el ojo humano es capaz de reconocer esa gran cantidad de colores e AM me c fP SAMPO Bemi Gr fico 33 Decimoquinta pantalla elige tu respuesta 16 Al pasar por el men se observa que el tema de la teor a del color es extenso 1 al seleccionar color el circulo crom tico se desglosan m s opciones 2 de las cuales ya observamos algunas al igual que seleccionando el significado del color 3 del cual es una de las partes del men que es m s larga dividi ndose en varias partes Y Col
29. sde el mismo punto 2 se puede visualizar el tiempo de duraci n que lleva el video 3 el usuario podr ajustar el volumen a su voluntad dirigiendo el mouse hacia el icono de volumen 4 por ultimo esta la opci n de adelantar el video solo dirigiendo el mouse o rat n hacia el punto y dando click en el mismo 5 o Galer a de Web Slice N Curso Software Edu Y Congreso CIBESS cuantoAcuanto Re 1 Dise o Gr fico Digit N Tee de sin n Dise o Gr fico UPEL BI Dise o Gr fico UPEL Otros marcadores saa LRN d Ad y sil i y AG aS M s Dal 1Y p Logotipo del M E C Leyes de la Percepci n Dise o Grafico j gt Conceptos de interes Im genes para pensar Teoria del color Dise os interesantes p Editores graficos para Windows p Editores Graficos para Software libre gt Enlaces de Interes Ideas para fondos Anterior Siguiente 16 14 ES A Ay y PE ona Gr fico 27 Novena pantalla video leyes de la percepci n 10 En la d cima pantalla se encuentran im genes alusivas a gimnasia cerebral se le muestran al usuario por medio de una galer a de im genes en la cual el usuario puede escoger cualquier imagen haciendo click sobre ellas i D Im genes para pensar z E op Ged file D documentos mec material 20educativo imgenes_para_pensar htm n AEA MY Congreso CIBESS MY cuantoAcuanto Re Dise o Gr fico Di
30. se o Grafico en M E C Ideas para fondos E B Congreso a cuanto Re Y io Gr fico Digit iccio hos Gr fico UPEL MY Dise o Gr fico UPEL vaneplitk Mis Wikis W Mi Cuenta Ayuda Cerrar Sesi n HISTORIA NOTIFICARME d P gina Nueva M2 Debate 2 Cambios Recientes 4 Administrar wiki B squeda D Anterior Siguiente DG UPEL O A O file D documentos mec material 20educativo uso_de_las_tic html IM Galer a de Web Slice gt Logotipo del M E C Dise o Grafico gt Conceptos de interes Leyes de la Percepci n Im genes para pensar Teoria del color Dise os interesantes Editores graficos para Windows gt Editores Graficos para Software libre gt Enlaces de Interes Blog DG UPEL Wiki DG UPEL Dise o Grafico en ME C Ideas para fondos Gr fico 40 Blog Uso de las T I C ware Edu IM Congreso CIBE IM cuantoAcuanto Re E5 Dise o Gr fico Digit Diccionario de Dise o Gr fico UPEL SS Dise o Gr fico PLAKET Uso de las T I C Blog de Recursos Tic en Educaci n Blog educativo sobre TICs herramientas 2 0 y pr ctica docente Infantil Primaria Secundaria Descarga de recursos para la PDI PROMETHEAN Accede a las lecciones gratuitas desarrolladas por otros profesores miembros de Promethean Planet esparcidos por todo el mundo Y a o SMART La comunidad virtual de SMART que le permitir buscar o comnartir rerirsas n pan rtars
31. stras estilos de p rrafo y car cter manejo avanzado de color entre otras cosas Una de las desventajas que en lo personal le veo es el precio la mitad de lo que cuesta la Suite de Dise o de Adobe s Anterior Siguiente DG UPEL M Tutoriales file D documentos mec material 2Deducativo tutoriales1 htmi MM Galer a de Web Slice A MR E TI MA Digit Diccionario de sin n Dise o Gr fico UPEL Dise o Gr fico UPEL gt Logotipo del M E C Tutoriales a Dise o Grafico p gt Conceptos de interes Leyes de la Percepci n Haciendo clic en las siguientes im genes llegaras directamente al sitio donde encontraras tutoriales para que aprendas a manejar los editores Im genes para pensar gr ficos para Windows gt Teoria del color Dise os interesantes p Editores graficos para Windows Adobe Photoshop j gt Editores Graficos para Software libre gt Enlaces de Interes ideas para fondos diste Mestrator Mdotlso Photoshops Adobe InDesign QuarkXPress ign lobe InDes M Gr fico 38 Editores gr ficos para Windows y tutoriales 21 Editores gr ficos para software libre 1 se encuentra una breve descripci n de los mismos y un sub men llamado tutoriales 2 en el cual se encuentran los enlaces a los videos tutoriales sobre el uso de los editores el usuario haciendo click en las im genes ser redireccionado a la p gina web de los videos tutoriales Y fite 0
32. teres O Ideas para fondos 20 02 18 02 2011 ES Py no 7 O Gr fico 19 Pantalla de inicio logotipo 2 Al momento de seleccionar en el men desplegable o dar en la indicaci n de siguiente el usuario se dirige a la pantalla donde muestra el concepto de dise o gr fico acompa ado de una imagen alusiva al dise o p Dise o Grafico B Galeria de Web Slice AN Curso Software Edu Congreso CIBESS cuantoAcuanto Re Dise o Gr fico Digit Diccionario de sin n Dise o Gr fico UPEL A MN Otros marcadores A a f s T ep 5 MN KAN 7 p Logotipo del M E C Dise o Grafico gt Conceptos de interes El dise o gr fico es una profesi n cuya actividad es la acci n de concebir programar proyectar y realizar comunicaciones visuales producidas en general por 5 medios industriales y destinadas a transmitir mensajes especificos a grupos sociales determinados Esta es la actividad que posibilita comunicar gr ficamente ideas Leyes de la Percepci n hechos y valores procesados y sintetizados en t rminos de forma y comunicaci n factores sociales culturales econ micos est ticos y tecnol gicos Tambi n se conoce Im genes para pensar con el nombre de dise o en comunicaci n visual debido a que algunos asocian la palabra gr fico nicamente a la industria gr fica y entienden que los mensajes visuales se canalizan a trav s de muchos medios de comunicaci n y no s lo los imp
Download Pdf Manuals
Related Search