tag:blogger.com,1999:blog-25402900439677092562024-03-05T09:22:00.235-08:00.dg//MarinL'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-2540290043967709256.post-3047414587354005002010-07-11T10:37:00.000-07:002010-07-11T11:32:05.446-07:00Composiciones formales e informalesDentro de la composición de un diseño es común utilizar métodos básicos para ya sea acomodar los elementos o crear las formas. Éste apartado contendrá las más comunes.<br /><br /><span style="font-weight: bold;">Composiciones Formales</span><br />Son llamados así a las formas de composición a travez de correspondencia geométrica.<br /><br />Traslación: Los elementos son movidos a travez de un eje de dirección.<br /><img style="width: 170px; height: 121px;" src="http://www.dav.sceu.frba.utn.edu.ar/homovidens/Vazquez/carpeta/GEOMETRIA/MOV.%20PLANO/TRASL/movimientos6x_archivos/image002.jpg" /><br /><br />Rotación: Tomando un punto como centro, los elementos son dispuestos alrededor de el mismo en forma circular.<br /><img style="width: 170px; height: 121px;" src="http://personales.ya.com/isaacbuzo/primeroeso/tema1/traslacion.JPG" /><br /><br />Reflexión: Se refleja una imagen de acuerdo a un eje. Si es usado en solitario, dará como resultado una forma simétrica.<br /><img style="width: 169px; height: 121px;" src="http://conejosazules.files.wordpress.com/2009/06/simetria2-jpg.jpeg" /><br /><br />Dilatación: Deformación del tamaño de los elementos o forma.<br /><img style="width: 50%; height: 50%;" src="http://www.kalipedia.com/kalipediamedia/cienciasnaturales/media/200709/24/fisicayquimica/20070924klpcnafyq_102.Ees.SCO.png" /><br /><br /><span style="font-weight: bold;">Composiciones informales</span><br />Se definen de ésta manera a los modos por sensibilidad visual.<br /><br />Gravedad: Sensación de caída o viceversa.<br /><img style="width: 152px; height: 166px;" src="http://www.losporque.com/wp-content/uploads/2008/09/efectos_de_la_gravedad_sobre_los_objetos.gif" /><br /><br />Contraste: Diferencia de forma, tono, tamaño...<br /><img style="width: 192px; height: 192px;" src="http://eugenialc.files.wordpress.com/2006/11/contraste.jpg" /><br /><br />Ritmo: Repetición mediante intervalos de un mismo módulo compuesto por varios elementos.<br /><img style="width: 213px; height: 153px;" src="http://www.paginabierta.com/grupo_estampa/imagenes/ritmo_color_contraste_90_80.jpg" /><br /><br />Centro de interés: Disposición de los elementos que se perciben con mayor importancia.<br /><img src="http://www.drpez.com/~desafios/jul06/sdjul06_11746.jpg">L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0tag:blogger.com,1999:blog-2540290043967709256.post-7338105424882848692010-07-10T23:59:00.001-07:002010-07-11T00:27:49.601-07:00Elementos de la FormaLa forma es un todo que logra representar algo o mantener una relación, siendo compuesta por elementos básicos, tales como el punto, la línea y el plano. Además, la forma engloba otros conceptos más complejos: el espacio, la profundidad y el volumen.<br /><br />El punto. La unidad básica más simple y pequeña dentro de lo gráfico.<br />La línea. Al moverse un punto, el trazo que describe el mismo es llamado línea.<br />El plano. Al ser unidas varias líneas, se construyen los planos.<br /><img src="http://html.rincondelvago.com/000377241.png"> <img src="http://www.ideocentro.com/archivos/libreria/image006_1.gif"><br /><br />Espacio, lugar que ocupa la forma. Puede ser micro (la forma será contenida una o varias veces en el medio) o macro (puede tocar orillas o ser de tamaño mayor al medio).<br /><img src="http://casaoriginal.com/wp-content/uploads/originales-alfombras-diseno-3.jpg"><br />Podemos observar el espacio micro, el círculo es contenido en el medio (la imagen), el cual contiene además a otras formas.<br /><br />Profundidad, ilusión de cercanía o lejanía, lograda a travez de escala, rotación, dirección y/o deformación de las formas que componen el diseño.<br /><img src="http://www.mundosimaginados.com/galeria_1/640x480/otra_profundidad.jpg"> <img src="http://www.culturaapicola.com.ar/fotos/volumen_colmenas.gif"><br /><br />Volumen, una ilusión donde se percibe la unión de planos utilizando la deformación de los mismos para simular direcciones en 3 dimensiones.<br /><img src="http://212.170.234.89/educared/image_5/volumen_esfera01.gif">L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com2tag:blogger.com,1999:blog-2540290043967709256.post-64198079712063362892010-07-10T23:22:00.000-07:002010-07-11T00:29:42.743-07:00Teoría del color<span style="font-weight: bold;"></span>En la anterior entrada teníamos algo de información sobre el color: sus propiedades.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1-f1Y7O4m1Z6pzkWfKGXJATR2E2hoLIcPMMGyLPZ89l7mJrbDRQ7gWkQsNEYWm6NGSlQ1Px8cwalGaZ4g5Z9leuwcYN63gzqAUvRtqi8CRtZSzeNw8-PlfR1H3vAMP28vhQOZ1HR-sw/s1600/Imagen007.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 199px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1-f1Y7O4m1Z6pzkWfKGXJATR2E2hoLIcPMMGyLPZ89l7mJrbDRQ7gWkQsNEYWm6NGSlQ1Px8cwalGaZ4g5Z9leuwcYN63gzqAUvRtqi8CRtZSzeNw8-PlfR1H3vAMP28vhQOZ1HR-sw/s200/Imagen007.png" alt="" id="BLOGGER_PHOTO_ID_5492525506625775170" border="0" /></a><span style="font-style: italic;"><br />Matiz:</span> propiedad de poder distinguir un color del otro. Ejemplo: diferencia entre el rojo del verde, o del amarillo; o sea, lo que comúnmente llamamos color.<br />Existe un orden natural de 5 matices: rojo, amarillo, verde, azul y púrpura. Se pueden mezclar con los colores adyacentes para obtener una variación continua de un color al otro.<br />También señala la existencia de 5 matices intermedias: amarillo-rojo, verde-amarillo, azul-verde, púrpura-azul y rojo-púrpura, formando diez matices en total.<br /><br /><br /><br /><span style="font-style: italic;">Valor/Brillo:</span> indica la claridad de cada color o matiz. Se logra mezclando cada color con blanco o con negro.<br />Tiene una escala de 0 a 10, va del negro puro al blanco puro, entre estos dos valores se encuentran los grises llamados colores neutrales, no tienen matriz (color). Los colores que poseen matriz llevan el nombre de cromáticos.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlxIsF7qp-d2-jSAtW0bz2wrkCGPilNIiYL8ro31mfGvAia4vDkuk1qRGAqtacrhiHP2bMoe6pQerXFXHrpc3Q5U3QpZp2uAxN_UPA_d_vK-Nrrwe1UMj65C07ym6ViMbBUm-Ot4S-X0/s1600/Imagen007.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 41px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlxIsF7qp-d2-jSAtW0bz2wrkCGPilNIiYL8ro31mfGvAia4vDkuk1qRGAqtacrhiHP2bMoe6pQerXFXHrpc3Q5U3QpZp2uAxN_UPA_d_vK-Nrrwe1UMj65C07ym6ViMbBUm-Ot4S-X0/s200/Imagen007.jpg" alt="" id="BLOGGER_PHOTO_ID_5492524523029223858" border="0" /></a><br /><br /><br /><span style="font-style: italic;">Intensidad/saturación:</span> es el grado en que pasa un color de su valor neutro (gris) hasta su máxima intensidad o pureza del color. Los colores de baja intensidad son llamados débiles y los de máxima intensidad se denominan saturados o fuertes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcxyLTVHuPeB6zXSlqWP2vJ-6yi77W2ydPqJCjE2LZl0-BHPX1j_d3LM_f7vpU7dyRIfOf0sNg825V1DPsJEk6FPMQDHKR0cHwkblQJbMHjjsDEHeWNfQbwr3wLOyHgjS5341D9Ngokk/s1600/Imagen8.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 11px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcxyLTVHuPeB6zXSlqWP2vJ-6yi77W2ydPqJCjE2LZl0-BHPX1j_d3LM_f7vpU7dyRIfOf0sNg825V1DPsJEk6FPMQDHKR0cHwkblQJbMHjjsDEHeWNfQbwr3wLOyHgjS5341D9Ngokk/s200/Imagen8.png" alt="" id="BLOGGER_PHOTO_ID_5492525508187859858" border="0" /></a><br /><br /><span style="font-weight: bold;">Mezcla de color<br /></span><span style="font-style: italic;">Primarios aditivos:</span> Son los colores formados por suma de luz. Colores formados por la suma de los colores Rojo, Azul, y Verde (RGB por sus siglas en inglés). Utilizado para referirse a coloraciones en medios digitales, por ejemplo.<br /><img src="http://help.adobe.com/es_ES/Photoshop/11.0/images/wc_additive_colors.png"><br /><br /><span style="font-style: italic;">Primarios substractivos:</span> Colores presentes en pigmentos. No son obtenidos por mezcla. Los colores base son Rojo magenta, Azul cyan, Amarillo y Negro (CRYK). Utilizados comúnmente en pigmentos naturales, así como en medios de impresión por medio de pigmentos.<br />En la siguiente imagen se observa la formación de los tres primarios aditivos a partir de los tres substractivos, además del negro, el cual es también formado al unirse los tres pigmentos, ya que se sustrae al máximo la reflexión de la luz.<br /><img src="http://martiita90.files.wordpress.com/2008/12/sintesisustractiva.jpg"><br /><br /><span style="font-style: italic;">Escala de Valores (Grises)</span><br />B y N son componentes acromaticos. Enfrian la mezcla y producen un cambio en el matiz, además disminuyen el valor e intensidad.<br />La siguiente es una imagen ilustrativa de la escala de valores y sus posibles valores representativos (descripción en inglés).<br /><img src="http://upload.wikimedia.org/wikipedia/commons/4/48/Zones.jpg"><br /><br /><span style="font-style: italic;">Intensidad</span><br />Un color mientras más cerca esté del blanco o negro, menor será su intensidad. Ésto porque siendo Blanco y Negro colores acromáticos, un color que se vuelve más cercano a éstos tendrá entonces menor intensidad.<br /><br /><span style="font-style: italic;">Tono: </span>Usualmente lo designamos a la escala de cualidades cromáticas y acromáticas. El tono es también resultado del matiz más la cantidad de negro y blanco presentes en el color (la cercanía a éstos). Es decir, el grado de neutralidad del color.<br />En la siguiente imagen se observan dos tonos distintos dentro de una imagen: un tono cálido naranja y un tono frío azulado.<br /><br /><img src="http://www.photoshop-designs.com/Imagenes/15519/6tono1vf7.jpg"><br /><br /><span style="font-style: italic;">M+M complementario:</span> Un color de un matiz específico, al ser mezclado con su matiz complementario (lado o dirección opuesta dentro del círculo cromático) resulta en un gris neutro.<br /><br /><img src="http://www.desarrolloweb.com/articulos/images/diseno/5/propiedades_1.gif"><br /><br /><span style="font-weight: bold;">Bibliografía</span><br /><ol><li>Soto Morua, Daniel. Material de clase "Sistemas de Color -Aristóteles a Bauhaus". Universidad de Costa Rica.<br /></li></ol>L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0tag:blogger.com,1999:blog-2540290043967709256.post-13867737730271503082010-07-10T23:19:00.001-07:002010-07-11T00:30:06.149-07:00Sistemas del color<span style="font-weight: bold;">Aristóteles (384 - 322 a.C.)</span><br /><br />Todos los colores se conforman con la mezcla de cuatro colores básicos: los de tierra, el fuego, el agua y el cielo. Otorgó un papel fundamental a la incidencia de la luz y la sombra sobre los mismos.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheJJvl5NnoluqQxhss5IcTRZOB-IYsqf2LC4o7rbNYkYMUyqeBkDe_-V5HUBS_uCtSNDIY4-YwHJd3LwYIE8HfdII7HZTXlAVfCNRAXYzKAWb0RxTEJ9HvS1BKj3QlU1dqc8q9Mj3E2Dk/s1600/Imagen001.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 73px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheJJvl5NnoluqQxhss5IcTRZOB-IYsqf2LC4o7rbNYkYMUyqeBkDe_-V5HUBS_uCtSNDIY4-YwHJd3LwYIE8HfdII7HZTXlAVfCNRAXYzKAWb0RxTEJ9HvS1BKj3QlU1dqc8q9Mj3E2Dk/s200/Imagen001.jpg" alt="" id="BLOGGER_PHOTO_ID_5492524490152132114" border="0" /></a><br /><br /><br /><br /><br /><span style="font-weight: bold;">Leonardo Da Vinci (1452-1519)</span><br /><br />Toma al color como propio de la materia, y crea el “Tratado de la pintura”: afirma que el que huye de las sombras huye de la gloria del arte de los espíritus nobles.<br />Colores básicos: amarillo para la tierra, verde para el agua, azul para el cielo, rojo para el fuego y negro para la oscuridad, ya que es el color que nos priva de todos los demás. El blanco es el principal, aunque no lo considera color, sino potencia receptiva de todos los demás.<br />Con la mezcla de estos colores obtenía todos los demás, aunque también observó que el verde también surgía de una mezcla.<br /><br /><span style="font-weight: bold;">Isaac Newton (1519 - 1642)</span><br /><br />Analiza el color como un fenómeno de naturaleza estrictamente físico y objetivo. Estableció un principio hasta hoy aceptado: la luz es color.<br />En 1665 descubrió que la luz del sol al pasar a través de un prisma, se dividía en seis colores conformando un espectro → descomposición de la luz en los colores del espectro: Azul violáceo, Azul celeste, Verde, Amarillo, Rojo anaranjado y Rojo púrpura.<br />Define al color no como propio de la materia, sino como luz reflejada. Cuando la luz natural incide sobre un elemento absorbe algunos de esos colores y refleja otros.<br />Por lo tanto, cuando vemos una superficie roja, realmente estamos viendo una superficie de un material que contiene un pigmento el cual absorbe todas las ondas electromagnéticas que contiene la luz blanca con excepción de la roja, la cual al ser reflejada, es captada por el ojo humano y decodificada por el cerebro como el color denominado rojo.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ciEZBs9UcSPOLxXKnKgxpEV1Ax2Fy_HVoOvC9VfBuuym9nzJFT0Cf085WJTs4_CUjS7JiAp6VdkMPQYh7LEIVXMKcMS9PuzWy0pEXQwkYVmEZW2oaDg4tFTp40YSlOofxKzQUl-6OQU/s1600/Imagen003.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 76px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ciEZBs9UcSPOLxXKnKgxpEV1Ax2Fy_HVoOvC9VfBuuym9nzJFT0Cf085WJTs4_CUjS7JiAp6VdkMPQYh7LEIVXMKcMS9PuzWy0pEXQwkYVmEZW2oaDg4tFTp40YSlOofxKzQUl-6OQU/s200/Imagen003.png" alt="" id="BLOGGER_PHOTO_ID_5492524499815081746" border="0" /></a><br /><br /><br /><br /><br /><span style="font-weight: bold;">Johann Wolfgang Von Göethe (1749-1832)</span><br /><br />Analiza el color como un fenómeno subjetivo. Para él las impresiones visuales son realizadas por un observador.<br />Estudió y probó las modificaciones fisiológicas y psicológicas que el ser humano sufre ante la exposición a los diferentes colores. Lo más importante: comprender la reacción humana a los colores → Fisiología y Sicología del color → Colorterapia.<br />Desarrolló un triángulo con tres colores primarios: rojo, amarillo y azul, denominándolo como un diagrama de la mente humana y relacionó a cada color con emociones determinadas. Sin embargo, su teoría nunca se puso en práctica.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFSKrQtRBgOjY7zjk5CIJdh08I9XvtMP9fQZrPzoNzE3uzCV2_ZzgMgK5n1HXD-WdxFjuT_rB9BdGyICsvdqbfiaMNFaJoodAgkUH9YBy389F-aKm04HlOK8KKqDo9DSdydIpeKoy0sOc/s1600/Imagen004.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 190px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFSKrQtRBgOjY7zjk5CIJdh08I9XvtMP9fQZrPzoNzE3uzCV2_ZzgMgK5n1HXD-WdxFjuT_rB9BdGyICsvdqbfiaMNFaJoodAgkUH9YBy389F-aKm04HlOK8KKqDo9DSdydIpeKoy0sOc/s200/Imagen004.jpg" alt="" id="BLOGGER_PHOTO_ID_5492524505738424578" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><span style="font-weight: bold;">Albert Münsell (1950)</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmGY8sSxfMlw6AbEWyI_8jawfuL3NdXret7PgRhZs7cNQMOKsyxEfoYXn65XERieblrIukk5MDW-V6WE7H-q1A45waDjFCG3r-qdWjyd2-CMpb9G2s8VJ8BC8vOvyhnGlEUNafYe-xY44/s1600/Imagen005.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 192px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmGY8sSxfMlw6AbEWyI_8jawfuL3NdXret7PgRhZs7cNQMOKsyxEfoYXn65XERieblrIukk5MDW-V6WE7H-q1A45waDjFCG3r-qdWjyd2-CMpb9G2s8VJ8BC8vOvyhnGlEUNafYe-xY44/s200/Imagen005.jpg" alt="" id="BLOGGER_PHOTO_ID_5492524515975670674" border="0" /></a>Desarrolló un sistema en el que ubica en forma precisa los colores en un espacio tridimensional, utilizando los atributos de su Sistema HSV (Hue-Matiz, Saturation-Saturación, Value-Valor) / HSB (Hue-Matiz, Saturation-Saturación, Brightness-Intensidad).<br /><br /><br /><br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1-f1Y7O4m1Z6pzkWfKGXJATR2E2hoLIcPMMGyLPZ89l7mJrbDRQ7gWkQsNEYWm6NGSlQ1Px8cwalGaZ4g5Z9leuwcYN63gzqAUvRtqi8CRtZSzeNw8-PlfR1H3vAMP28vhQOZ1HR-sw/s1600/Imagen007.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 199px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1-f1Y7O4m1Z6pzkWfKGXJATR2E2hoLIcPMMGyLPZ89l7mJrbDRQ7gWkQsNEYWm6NGSlQ1Px8cwalGaZ4g5Z9leuwcYN63gzqAUvRtqi8CRtZSzeNw8-PlfR1H3vAMP28vhQOZ1HR-sw/s200/Imagen007.png" alt="" id="BLOGGER_PHOTO_ID_5492525506625775170" border="0" /></a><span style="font-style: italic;"><br />Matiz:</span> propiedad de poder distinguir un color del otro. Ejemplo: diferencia entre el rojo del verde, o del amarillo; o sea, lo que comúnmente llamamos color.<br />Existe un orden natural de 5 matices: rojo, amarillo, verde, azul y púrpura. Se pueden mezclar con los colores adyacentes para obtener una variación continua de un color al otro.<br />También señala la existencia de 5 matices intermedias: amarillo-rojo, verde-amarillo, azul-verde, púrpura-azul y rojo-púrpura, formando diez matices en total.<br /><br /><br /><br /><span style="font-style: italic;">Valor/Brillo:</span> indica la claridad de cada color o matiz. Se logra mezclando cada color con blanco o con negro.<br />Tiene una escala de 0 a 10, va del negro puro al blanco puro, entre estos dos valores se encuentran los grises llamados colores neutrales, no tienen matriz (color). Los colores que poseen matriz llevan el nombre de cromáticos.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlxIsF7qp-d2-jSAtW0bz2wrkCGPilNIiYL8ro31mfGvAia4vDkuk1qRGAqtacrhiHP2bMoe6pQerXFXHrpc3Q5U3QpZp2uAxN_UPA_d_vK-Nrrwe1UMj65C07ym6ViMbBUm-Ot4S-X0/s1600/Imagen007.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 41px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlxIsF7qp-d2-jSAtW0bz2wrkCGPilNIiYL8ro31mfGvAia4vDkuk1qRGAqtacrhiHP2bMoe6pQerXFXHrpc3Q5U3QpZp2uAxN_UPA_d_vK-Nrrwe1UMj65C07ym6ViMbBUm-Ot4S-X0/s200/Imagen007.jpg" alt="" id="BLOGGER_PHOTO_ID_5492524523029223858" border="0" /></a><br /><br /><br /><span style="font-style: italic;">Intensidad/saturación:</span> es el grado en que pasa un color de su valor neutro (gris) hasta su máxima intensidad o pureza del color. Los colores de baja intensidad son llamados débiles y los de máxima intensidad se denominan saturados o fuertes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcxyLTVHuPeB6zXSlqWP2vJ-6yi77W2ydPqJCjE2LZl0-BHPX1j_d3LM_f7vpU7dyRIfOf0sNg825V1DPsJEk6FPMQDHKR0cHwkblQJbMHjjsDEHeWNfQbwr3wLOyHgjS5341D9Ngokk/s1600/Imagen8.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 11px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcxyLTVHuPeB6zXSlqWP2vJ-6yi77W2ydPqJCjE2LZl0-BHPX1j_d3LM_f7vpU7dyRIfOf0sNg825V1DPsJEk6FPMQDHKR0cHwkblQJbMHjjsDEHeWNfQbwr3wLOyHgjS5341D9Ngokk/s200/Imagen8.png" alt="" id="BLOGGER_PHOTO_ID_5492525508187859858" border="0" /></a><br /><br /><span style="font-weight: bold;">Espacio de colores de Münsell</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqveHtQWzdV8a0gCVl0h7sdD3dHxhNVT7eBUDYLYIZdT_YIqjLsCvP6LxLBHdGAtPpphUOBAtGDcDtbU3YjeXuypYgwRI29e5itjIlKGzFm6hX4HQfnEGQlIvBO7h8o7KTYixvKreQBeM/s1600/Imagen010.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqveHtQWzdV8a0gCVl0h7sdD3dHxhNVT7eBUDYLYIZdT_YIqjLsCvP6LxLBHdGAtPpphUOBAtGDcDtbU3YjeXuypYgwRI29e5itjIlKGzFm6hX4HQfnEGQlIvBO7h8o7KTYixvKreQBeM/s200/Imagen010.png" alt="" id="BLOGGER_PHOTO_ID_5492525514174550690" border="0" /></a>Münsell dejó abierto un sin fin de colores a crear, gracias al agregado de pigmentos; por esto se le llama un sistema abierto.<br />El matiz, el valor y la intensidad pueden ser variados independientemente de manera tal que todos los colores pueden ser ubicados en un espacio tridimensional. Los neutros se ubican a lo largo de la línea vertical, llamada eje neutral con el negro en la parte baja, el blanco en la parte de arriba y los grises en el medio. Los matices se muestran en varios ángulos alrededor del eje neutral. La escala de intensidad es perpendicular al eje y aumenta hacia afuera.<br /><br /><br /><span style="font-weight: bold;">Wilhelm Oswald (1914 - 1918)</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkIXXIIk_KAYcd2-P04v6ki7eSBeh_9aYSK7LpdwdXuut-pjtrgs3f48EcvTzHKXZT3XKFb12frv0dfa_mD31OxbZYADG7g3ttja4rIYoreQp_stAKabWbtYoi-SUUGNtIrrYEy0vjO04/s1600/Imagen011.png"><img style="margin: 0pt 10px 10px 0pt; float: right; cursor: pointer; width: 200px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkIXXIIk_KAYcd2-P04v6ki7eSBeh_9aYSK7LpdwdXuut-pjtrgs3f48EcvTzHKXZT3XKFb12frv0dfa_mD31OxbZYADG7g3ttja4rIYoreQp_stAKabWbtYoi-SUUGNtIrrYEy0vjO04/s200/Imagen011.png" alt="" id="BLOGGER_PHOTO_ID_5492525517639483442" border="0" /></a>Crea una especie de doble cono con base común, además de usar su Sistema HSL (Hue, Saturation, Lightness/Luminosity) como dimesiones del mismo. Era una teoría psicológica que separaba los colores en fríos y cálidos.<br />En la circunferencia de la base común están situados 24 tonos y desde el vértice inferior hasta el superior va del negro al blanco.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQUG2CtXoaN1Lw28oQxzgnoTgfHJGvdg0jy_k5wVEuL-ZMMcb6sjmC7ZLUxn-BEXQUsGnAG2D3uLkhRWWWfPbYZuS7ym3GOHj9ic7tXD_OBa8eXnSegv8wdxhrus7sd99bZNFXfYi3h_s/s1600/Imagen012.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQUG2CtXoaN1Lw28oQxzgnoTgfHJGvdg0jy_k5wVEuL-ZMMcb6sjmC7ZLUxn-BEXQUsGnAG2D3uLkhRWWWfPbYZuS7ym3GOHj9ic7tXD_OBa8eXnSegv8wdxhrus7sd99bZNFXfYi3h_s/s200/Imagen012.jpg" alt="" id="BLOGGER_PHOTO_ID_5492525527922545586" border="0" /></a><br /><br />El círculo se divide en ocho colores diferenciados: rojo, púrpura (violeta), ultramarino, turquesa, verde mar, verde hoja, amarillo y naranja. Cada uno está dividido a su vez en tres sectores, por lo que cada círculo tiene 24 divisiones. Los cálidos están a la izquierda: desde el amarillo hasta el azul intenso, pasando por el magenta y todas las mezclas intermedias posibles. Los fríos están a la derecha: desde el amarillo hasta el azul intenso, pasando por el azul claro y todas las mezclas posibles.<br /><br /><br /><span style="font-weight: bold;">Escuela Bauhaus</span><br /><br />En la escuela alemana de artes y oficios, dos de sus maestros crearon los últimos modelos de círculos cromáticos.<br />Johannes Itten, escritor de “El Arte del Color”, sintetizó los 12 colores del círculo cromático básico, además estudió los distintos tipos de contraste. Paul Klee, Wassily Kandinsky, Walter Gropius, Ludwig Mies van der Rohe, Josef Albers, entre otros más, da aportes importantes a la teoría del color.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpFO_4BnGEzhhtCajnDTinoH38uDf3ZTv5z9M47HcMOM_sB0EWk3KAa9h0ONWqyf6OiZwI1eHSXG0_i27TCjtSRd2kk5xX96ro9_4Gm7ERa-CdUiK-gHNw3DOfW55jQZnIJ2SVYSpUMk/s1600/Imagen014.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 159px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpFO_4BnGEzhhtCajnDTinoH38uDf3ZTv5z9M47HcMOM_sB0EWk3KAa9h0ONWqyf6OiZwI1eHSXG0_i27TCjtSRd2kk5xX96ro9_4Gm7ERa-CdUiK-gHNw3DOfW55jQZnIJ2SVYSpUMk/s200/Imagen014.jpg" alt="" id="BLOGGER_PHOTO_ID_5492527430341924834" border="0" /></a><span style="text-decoration: underline;"> </span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwF2YHEUjZ_X54HZUn6Vm-rpPol08YnrCCptXiXaRX28dV-XaCmANiJB7vmk8kh764QhPHLarJaRfdxWms5Wm4P6xt-s_2psgGstQNSz389lNtCgFzV6nXyUoZ8K0pGCwWqNbGU09DR0/s1600/Imagen013.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 98px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwF2YHEUjZ_X54HZUn6Vm-rpPol08YnrCCptXiXaRX28dV-XaCmANiJB7vmk8kh764QhPHLarJaRfdxWms5Wm4P6xt-s_2psgGstQNSz389lNtCgFzV6nXyUoZ8K0pGCwWqNbGU09DR0/s200/Imagen013.jpg" alt="" id="BLOGGER_PHOTO_ID_5492527424952705826" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><span style="font-weight: bold;">Bibliografía</span><br /><ol><li>Soto Morua, Daniel. Material de clase "Sistemas de Color -Aristóteles a Bauhaus". Universidad de Costa Rica.<br /></li></ol>L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com2tag:blogger.com,1999:blog-2540290043967709256.post-42867606927903723242010-07-04T20:21:00.000-07:002010-07-11T00:30:23.419-07:00Leyes de la Gestalt<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMjIVzR-Vk1TrfB5PJcfqiG8DlORC1PFaBmMO34k48-N8x6qlRqcEjrs1ij5nUqQFr5C5fUvjuFG2c1Nu7SCsbaRafEHV4zwn09Ws3Jzw623BBswXCE_bcJ8p5S4711vIExzvxrQPg3N0/s1600/5.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 146px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMjIVzR-Vk1TrfB5PJcfqiG8DlORC1PFaBmMO34k48-N8x6qlRqcEjrs1ij5nUqQFr5C5fUvjuFG2c1Nu7SCsbaRafEHV4zwn09Ws3Jzw623BBswXCE_bcJ8p5S4711vIExzvxrQPg3N0/s200/5.jpg" alt="" id="BLOGGER_PHOTO_ID_5490260343257061586" border="0" /></a><span style="font-weight: bold;">Ley general de la figura y fondo </span><br />Figura, es un elemento que existe en un espacio o “campo” destacándose en su interrelación con otros elementos.<br />Fondo, todo aquello que no es figura, es la parte del campo que contiene elementos interrelacionados que sostienen a la figura que por su contraste tienden a desaparecer.<br /><br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv2WYNJ2LABs0lTBCrdYQR4a8_wAWC0kSdjUfdvEh5Hd3iqN4VMyFH6XSsHXlSo4UD0XZ0J9VC7J4erF_fRoKM1nBRchvNsy2NmASDKh6ekkuw8OtVUCfN86mE21OxVxpn8Oi42LqAG3s/s1600/6.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 140px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv2WYNJ2LABs0lTBCrdYQR4a8_wAWC0kSdjUfdvEh5Hd3iqN4VMyFH6XSsHXlSo4UD0XZ0J9VC7J4erF_fRoKM1nBRchvNsy2NmASDKh6ekkuw8OtVUCfN86mE21OxVxpn8Oi42LqAG3s/s200/6.gif" alt="" id="BLOGGER_PHOTO_ID_5490260348913969266" border="0" /></a><span style="font-weight: bold;">Ley general de la buena forma(Prägnanz ó Pregnancia) </span><br />Los elementos son organizados en figuras lo más simples que sea posible, (simétricas, regulares y estables)<br /><br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWCK0UhyphenhyphenvYisII8WLGOj4OuUuUVPHLwui7QCreyNh1oR7aalxkGQbaIdpLumiqlg3fJ0jiNOpGBHw_z2qNcR0WtZtBWCUpiB4jGkK6ksa-ahc2MVnKV_PV7sxAE1tiwwfKtE1kXL9p_ok/s1600/completud.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 138px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWCK0UhyphenhyphenvYisII8WLGOj4OuUuUVPHLwui7QCreyNh1oR7aalxkGQbaIdpLumiqlg3fJ0jiNOpGBHw_z2qNcR0WtZtBWCUpiB4jGkK6ksa-ahc2MVnKV_PV7sxAE1tiwwfKtE1kXL9p_ok/s200/completud.gif" alt="" id="BLOGGER_PHOTO_ID_5490260353804742082" border="0" /></a><span style="font-weight: bold;">Ley del cierre o de la completud</span><br />Las formas cerradas y acabadas son más estables visualmente, lo que hace que tendamos a "cerrar" y a completar con la imaginación las formas percibidas buscando la mejor organización posible.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggNCYdhr4x4FwZEwZhpBzI6z3ruCviPB4ydr6GO80qZaZN-MlW1ljX1yxH0a-M7vTzFJ47bVT-D-l1Th4zL3yB5nkdP_GQDdJnVvJjnS6Y7XayefWBhOwGBz7STPUfWVimcW40D2QcQnk/s1600/slide0003_image003.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggNCYdhr4x4FwZEwZhpBzI6z3ruCviPB4ydr6GO80qZaZN-MlW1ljX1yxH0a-M7vTzFJ47bVT-D-l1Th4zL3yB5nkdP_GQDdJnVvJjnS6Y7XayefWBhOwGBz7STPUfWVimcW40D2QcQnk/s200/slide0003_image003.png" alt="" id="BLOGGER_PHOTO_ID_5490260358288416274" border="0" /></a><span style="font-weight: bold;">Ley del contraste</span><br />La posición relativa de los diferentes elementos incide sobre la atribución de cualidades (como ser el tamaño) de los mismos.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYpxwV87xEQ-6Ee8YJtMWF2-VZPAgoeFDnu0tq1n0W5LFEKacA5ehCy_dSq1wf7xHJlsWmfWECSvhl05TfH7jvkqIZzsVv2l492u8SXrpbd-r26puGFqhcdltOnkHYPke-6VSuesrzbN8/s1600/proximidad.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 173px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYpxwV87xEQ-6Ee8YJtMWF2-VZPAgoeFDnu0tq1n0W5LFEKacA5ehCy_dSq1wf7xHJlsWmfWECSvhl05TfH7jvkqIZzsVv2l492u8SXrpbd-r26puGFqhcdltOnkHYPke-6VSuesrzbN8/s200/proximidad.jpg" alt="" id="BLOGGER_PHOTO_ID_5490260363637618770" border="0" /></a><span style="font-weight: bold;">Ley de la proximidad</span><br />Los elementos tienen a agruparse con los que se encuentran a menor distancia.<br /><br /><br /><br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBiS0NzRdPEy3GoMYssFmSNF9uWZvu4ImJfa75VG19cjOQA7SBscsXuLxPyrU14lZb98b3LzQ-ZLPm29oDJ-fR-zxqK6gFnIlQKziQPh2OXy1LC5S6rTd9rwGVavAic40QQSEPSCryL9k/s1600/sim2.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 138px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBiS0NzRdPEy3GoMYssFmSNF9uWZvu4ImJfa75VG19cjOQA7SBscsXuLxPyrU14lZb98b3LzQ-ZLPm29oDJ-fR-zxqK6gFnIlQKziQPh2OXy1LC5S6rTd9rwGVavAic40QQSEPSCryL9k/s200/sim2.gif" alt="" id="BLOGGER_PHOTO_ID_5490261104393736866" border="0" /></a><span style="font-weight: bold;">Ley de la similaridad</span><br />Los elementos que son similares tienen a ser agrupados.<br /><br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO32P9Ayl6VqQCixkAPim84-AkR9uCc9JVkkJj9eQ9NyT_KWjh8EmHz7XI67xiixdUAjJNzcjo9k_-LEZ9DusWgCLoZn3q1x3XRr1xd4MJ2rUPqwVvkogQI8yGWBGrXwYErS_LeuBZv0U/s1600/Common.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 168px; height: 162px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO32P9Ayl6VqQCixkAPim84-AkR9uCc9JVkkJj9eQ9NyT_KWjh8EmHz7XI67xiixdUAjJNzcjo9k_-LEZ9DusWgCLoZn3q1x3XRr1xd4MJ2rUPqwVvkogQI8yGWBGrXwYErS_LeuBZv0U/s200/Common.gif" alt="" id="BLOGGER_PHOTO_ID_5490261108954264402" border="0" /></a><span style="font-weight: bold;">Movimiento común o destino común</span><br />Los elementos que se desplazan en la misma dirección tienden a ser vistos como un grupo o conjunto.<br /><br /><br /><br /><br /><br /><br /><br /><span style="font-weight: bold;">Bibliografía:</span><br /><ol><li><span style="font-weight: bold;">"Leyes de la Gestalt."</span> <i>Guillermo Leone</i>. N.p., n.d. Web. 4 July 2010. <span style="font-style: italic;"><http://www.guillermoleone.com.ar/leyes.htm></span>. </li></ol>L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0tag:blogger.com,1999:blog-2540290043967709256.post-36749071120318735332010-07-04T20:17:00.000-07:002010-07-11T00:30:41.963-07:00Cohesión y agrupamientoSe refiere al comportamiento de las partes con relación al todo según los principios de proximidad y semejanza.<br />Según estos factores, las unidades próximas entre sí, se agrupan en conjuntos mayores que las contienen, espontáneamente.<br />Este factor cede ante el de similitud o semejanza ya que entre ambos factores simultáneos predomina el de semejanza. Ambos factores responden al principio de simplicidad, agrupando las unidades de la manera más simple posible, por similitud de ubicación (proximidad) o de forma, tamaño, color, etc. (semejanza).<br /><br /><span style="font-weight: bold;">Agrupamiento</span><br />Tendemos a organizar los elementos que percibimos en torno a conjuntos significativos organizados. Las diversas formas de agrupamiento pueden establecerse por Proximidad, Semejanza, Continuidad y Simetría.<br /><br />-Proximidad: Los elementos más cercanos se captan como pertenecientes a la misma figura.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKFUQURVrEjl5GxybXJQZh3xGcaEwIoNOF89yL-xX3xx2iIFn7J2SnVQVf2TXZQ_Vdv1vMDuYOQOLJ7IBif-I29fe0ZWCpkUfAAL0bHVNPWn-_PlzG_6aIiWIB2nF76oZw-Bjpvx7Ynyo/s1600/img007.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKFUQURVrEjl5GxybXJQZh3xGcaEwIoNOF89yL-xX3xx2iIFn7J2SnVQVf2TXZQ_Vdv1vMDuYOQOLJ7IBif-I29fe0ZWCpkUfAAL0bHVNPWn-_PlzG_6aIiWIB2nF76oZw-Bjpvx7Ynyo/s200/img007.png" alt="" id="BLOGGER_PHOTO_ID_5490254259364841346" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />-Semejanza: Los estímulos semejantes tienden a formar grupos perceptuales. Los elementos parecidos son percibidos como pertenecientes a la misma forma. La percepción de filas o columnas de elementos, se debe a la existencia de similitudes horizontales o verticales entre ellos.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjID4elNmA7UbMk-TMoFenbR5UolM80LoOHbvNSWvCmfBCA0hYtouVdotmnUzHW_dZik0UCnmhSDdfcZ5Y7jbr6dKDGwwQ6G34rOrUhqGKRT5Tvv01HYt_P4rrHQ3KKpUom2O4t3ZZZmo8/s1600/img008.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 163px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjID4elNmA7UbMk-TMoFenbR5UolM80LoOHbvNSWvCmfBCA0hYtouVdotmnUzHW_dZik0UCnmhSDdfcZ5Y7jbr6dKDGwwQ6G34rOrUhqGKRT5Tvv01HYt_P4rrHQ3KKpUom2O4t3ZZZmo8/s200/img008.jpg" alt="" id="BLOGGER_PHOTO_ID_5490254264169389218" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />-Continuidad: Los elementos orientados en la misma dirección tienden a organizarse en una forma determinada.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGEiA8VokEYjFewHcZpiGzo8T5h1y7K1BCIGUgNx9PibI27tju2AkIjy8s64-PjVVUuu7reh1ny3XznzQfayzy8hGfF1epTuAGacPDeag0-3BvjQHM2wF-GPlbMUvb9ZKW9CYehCcklc/s1600/img009.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 144px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGEiA8VokEYjFewHcZpiGzo8T5h1y7K1BCIGUgNx9PibI27tju2AkIjy8s64-PjVVUuu7reh1ny3XznzQfayzy8hGfF1epTuAGacPDeag0-3BvjQHM2wF-GPlbMUvb9ZKW9CYehCcklc/s200/img009.jpg" alt="" id="BLOGGER_PHOTO_ID_5490254270021761490" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />-Simetría: Los elementos semejantes separados por un eje de simetría se agrupan conformando una unidad o totalidad reconocible.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-NMXwVUC8IHdBFGkTU0IpYf6MhAB4kxcIuenlYtqb2MkN-MPuTv8OP3xS851rMBw6HvD5Ebc1VzpmgHiGDozZzeWeSAMwXm6ZOvwMyzkxVO6ynbIKA0HvMcMTdbFDBDf-fTVmGp1XD4/s1600/img010.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 178px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-NMXwVUC8IHdBFGkTU0IpYf6MhAB4kxcIuenlYtqb2MkN-MPuTv8OP3xS851rMBw6HvD5Ebc1VzpmgHiGDozZzeWeSAMwXm6ZOvwMyzkxVO6ynbIKA0HvMcMTdbFDBDf-fTVmGp1XD4/s200/img010.png" alt="" id="BLOGGER_PHOTO_ID_5490254288870020930" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><span style="font-weight: bold;">Cohesión</span><br />Cuando dos o más elementos mantienen una relación, que puede ser de agrupamiento, que permite su unión dentro de lo perceptible.<br />Como ejemplo, existe cohesión (de significación) entre un colibrí y una flor, puesto que por conocimiento popular, se sabe que el néctar de la flor es alimento del colibrí.<br />Si el colibrí es puesto en una posición opuesta a la flor, es decir, no se agrupa por posición, se creará una dirección del colibrí hacia la flor por cohesión, por la relación que los une.<br /><br />Los tipos de cohesión son de atracción, enlazamiento, superposición, tono, dirección, color, líneas virtuales, y de asociación formal o significación.<br /><br />ATRACCIÓN, ENLAZAMIENTO, SUPERPOSICIÓN<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMfMQa6lDBmUx-UDtlONlblA8uLvqUa1G1OeTwyUcJ4aONRKzBjIxtGlzUY3Wd8xVNZ44yzAlwKg1GXlYXbpZAJcWzyAUquWZqJY35jnt_RbZ7UeEOPD9oeae75L3UA5EdWYbUS49_O9g/s1600/img001.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 154px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMfMQa6lDBmUx-UDtlONlblA8uLvqUa1G1OeTwyUcJ4aONRKzBjIxtGlzUY3Wd8xVNZ44yzAlwKg1GXlYXbpZAJcWzyAUquWZqJY35jnt_RbZ7UeEOPD9oeae75L3UA5EdWYbUS49_O9g/s200/img001.png" alt="" id="BLOGGER_PHOTO_ID_5490253327498021362" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />TONO, DIRECCIÓN O COLOR<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghrz7mODtMPYpm0mNhao4Z5Sbwf1sWq2eKYKn4qCCiNNRxCvP6VjAfj2q6s3dI1nWCNtCwav4h8XvYL2aMapDmY9YLGfvvRMW1e38nzMTAPCUB2wCHUah6Ugm-njlWkfABjQEWOHHNDm8/s1600/img002.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 160px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghrz7mODtMPYpm0mNhao4Z5Sbwf1sWq2eKYKn4qCCiNNRxCvP6VjAfj2q6s3dI1nWCNtCwav4h8XvYL2aMapDmY9YLGfvvRMW1e38nzMTAPCUB2wCHUah6Ugm-njlWkfABjQEWOHHNDm8/s200/img002.png" alt="" id="BLOGGER_PHOTO_ID_5490253338312520514" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivHCrcuuI6o-xHurn3IIr0pqAbKI6qBVv0uTMuHy67FLjc-2q3nyD4lOicJ97HUlMzhNZHwsYeRrmBJ9ZZFFPfmwDAJhScnirjXk3wIMai6b3d3ojOi2z3NVFBWPmh5jChtZXFBWu9MIo/s1600/img003.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 167px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivHCrcuuI6o-xHurn3IIr0pqAbKI6qBVv0uTMuHy67FLjc-2q3nyD4lOicJ97HUlMzhNZHwsYeRrmBJ9ZZFFPfmwDAJhScnirjXk3wIMai6b3d3ojOi2z3NVFBWPmh5jChtZXFBWu9MIo/s200/img003.png" alt="" id="BLOGGER_PHOTO_ID_5490253340924064642" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />LÍNEAS VIRTUALES<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM9KRPPvuAqS-rAZmQs2nGJAdYurDDLZaTHALNbw6DwNZ2H5AusuaroDXPAFVJKlE8eukM89Ennzd2l3L-gViYfomlamhsQzIrayqcZN097LQbxvhuEpH9G8-0ZNKPPTzx0U8_R6Wvtaw/s1600/img004.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 161px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM9KRPPvuAqS-rAZmQs2nGJAdYurDDLZaTHALNbw6DwNZ2H5AusuaroDXPAFVJKlE8eukM89Ennzd2l3L-gViYfomlamhsQzIrayqcZN097LQbxvhuEpH9G8-0ZNKPPTzx0U8_R6Wvtaw/s200/img004.png" alt="" id="BLOGGER_PHOTO_ID_5490253350048964290" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />ASOCIACIÓN FORMAL O DE SIGNIFICACIÓN<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJmh2BkOFAv6c012-4N66fkfArxwCmLbqB2OhR5cDOPF5PwWKvyQMYo1W-Q2AoIsUFzhTFKZz80eW1jVlYYp1h2mVuX5IMIASgBevxd3MgYRgURd7du7cI68HeFvR763wnH0zjHhN3X8/s1600/img005.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 142px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJmh2BkOFAv6c012-4N66fkfArxwCmLbqB2OhR5cDOPF5PwWKvyQMYo1W-Q2AoIsUFzhTFKZz80eW1jVlYYp1h2mVuX5IMIASgBevxd3MgYRgURd7du7cI68HeFvR763wnH0zjHhN3X8/s200/img005.png" alt="" id="BLOGGER_PHOTO_ID_5490253360919251090" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxTAgizOwTH5XZIEzbh_X5AwUENhWMputqUk6MdFRgv0FtTT7IbRkL57cd7zBSR0DMnU0KHek5LkFxeOQLnH_h1VYby9ixUhEqpBqhUrEpD6MmFkwsDtRHqhpfjLa4x571ZnZOaioG4k/s1600/img006.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 178px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxTAgizOwTH5XZIEzbh_X5AwUENhWMputqUk6MdFRgv0FtTT7IbRkL57cd7zBSR0DMnU0KHek5LkFxeOQLnH_h1VYby9ixUhEqpBqhUrEpD6MmFkwsDtRHqhpfjLa4x571ZnZOaioG4k/s200/img006.png" alt="" id="BLOGGER_PHOTO_ID_5490254253822531314" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><span style="font-weight: bold;">Bibliografía:</span><![endif]--> <ol><li><span style=";font-family:Arial;font-size:10;" ><span style="font-weight: bold;">"Atracción agrupamiento estructuras."</span> Blog de diseño gráfico roc21. N.p., 25 Oct. 2008. Web. 5 May 2010. <span style="font-style: italic;"><http: com="" blog="" 2008="" 10="" 25="" invisibles="">.</http:></span><o:p></o:p></span></li><li><span style=";font-family:Arial;font-size:10;" >Pescio, Silvia. <span style="font-weight: bold;">"Figura y Fondo."</span> Morfología I y II. Universidad de Buenos Aires. Facultad de Diseño Gráfico, Buenos Aires. 5 May 2010. Class lecture.<o:p></o:p></span></li><li><span style=";font-family:Arial;font-size:10;" >Page-Jones, Meilir. <span style="font-weight: bold;">"Cohesion."</span> Wayland Systems. Wayland Systems Inc, n.d. Web. 5 May 2010. <span style="font-style: italic;"><http: com="" html="">.</http:></span><o:p></o:p></span></li><li><span style=";font-family:Arial;font-size:10;" ><span style="font-weight: bold;">"roc21: Educación visual."</span> roc21. N.p., 22 May 2007. Web. 5 May 2010. <span style="font-style: italic;"><http: com="" 2007="" 05="" html="">.</http:></span><o:p></o:p></span></li></ol>L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0tag:blogger.com,1999:blog-2540290043967709256.post-68190579421058347032010-06-29T17:56:00.000-07:002010-07-11T00:31:16.139-07:00Ritmo Orgánico e inorgánico<span style="font-weight:bold;">Ritmo Orgánico</span><br /><br />Consiste en aquel diseño que asemeje movimientos que se encuentren en la naturaleza o la imite en su totalidad.<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNvTSetNI6h4l7uoukYp2ZjICXm60LHRt3B2RdYf-u0gzAkCiB1rmrOs5PkFp5Fferr9vVvgy4SpG18OR_og_e8kX-wvQwUEbCjCdm7nlEFXNmUAR8pBqRy4k__QD1CpwhLTUF8EYnfO4/s200/Dibujo.JPG"><br /><br /><span style="font-weight:bold;">Ritmo Inorgánico</span><br /><br />Es aquel diseño que posea figuras geometricas y que genere ritmo con las mismas.<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7_SDQA_0_69olrdXLBILchk55HGep8wGRgYnUd15NPVQ7zLqdAJB2f57iYzQVuQ5J2WyUUyFq6qYvQ68EeH0t10c7xTJsrMoTskpt4AKJxs1MvHtOMrgI95TROazx2lVbdp9EPiCRbI/s1600/Dibujo.JPG"><br /><br />Bibliografía:<br />(De momento les quedo mal también con ésta bibliografía).L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com1tag:blogger.com,1999:blog-2540290043967709256.post-9334720908929758582010-06-28T19:33:00.000-07:002010-06-28T19:59:19.327-07:00Tipos de ritmo<span style="font-weight: bold;">Ritmo por Repeticion</span><br />Consiste en repetir la misma imagen sin variar su tamaño y forma, hacia la misma direccion.<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh62QR8ZHC-OJJRaaRE-Dyfw3XVlv0sSy5nWy-kj1CJgSCQ-Rq6F1voirnmbz4hD_S3kQqIfOi5NDp9FsmKWBx74gYUyNHsqYyj-r0Ew-pJsOr6_U1ybS1_bZBUst86sgmiAsfafyyCLMc/s320/Dibujo.JPG" /><br /><br /><span style="font-weight: bold;">Ritmo por Alternabilidad</span><br />En lugar de utilizar un solo motivo como en el ritmo por repeticion, en este ritmo se utilizan dos o mas que se van alternando en el mismo orden y la misma direccion de manera que formen contraste.<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheG7NekM83qKsBMPJcg3YzThj9G4Fl8JtF8FHl8Ao43hz-DAUYHkrWO-dfTHMAV2t-31zp0fa0raUumAssxQTP-OVT43_LlDMZrWJed1xSPAoSEyU2wLn2TtaqJ5ML5Noq5zNc1FaX78o/s320/Dibujo.JPG" /><br /><br /><span style="font-weight: bold;">Ritmo por Simetría</span><br />Las formas se repiten utilizando un eje imaginiario, con el que se repiten las imagenes a los lados como si fuera un espejo.<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2BoDquftHYJpsJMf6oDJsybwrIbpf8VpuLvQTxcJ8L-hK6crVhL5GWjmL4i3nFppqlQCTKfAtrDgFoitPqZArslJN5o0tvmPy9s1SJbxl00cPYGUxMVil9qTxg_fXSEp0ssjnQDyaVQQ/s320/Dibujo.JPG" /><br /><br /><span style="font-weight: bold;">Ritmo Radial</span><br />Este metodo utiliza una repeticion circular ademas de simetrica de un motivo, alrededor de un centro siguiendo las agujas del reloj.<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqnxHsmPma-QAIzRntMflVMIBBpCC6D17FtKG8Ag2DHajB2Y_ZHYP3ZvViFXPH_jJwoOBoHfl-W0987V7_LDwKTQS9cPN76BeZpvLdphA1HADW9g2gOhPVra1IVLVwUSSUyID-wKl7EeI/s320/Dibujo.JPG" /><br /><br /><span style="font-weight: bold;">Ritmo por Progresión</span><br />El mismo motivo se puede presentar progresivamente variando su alto, su ancho, su tamaño, etc.<br /><br />img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuVPC74zIVyBwvnarHTmQq70nKxPiqr7_h2hsWCOcUm-Jzz0rURnsj7aKwxZxkQ2GqK_Z3FyrgdXRRmck6KF3ZWUXaPDV8n5MxdbDNh5QwqkNpHqMJUj4oK-bh3_FvCjeECMx_UKj8nVM/s200/Dibujo.JPG"><br /><br />Bibliografía:<br />(Les debo bibliografía de ésto por el momento, tengo que hacer una pequeña buceada en el internet :P).L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com16tag:blogger.com,1999:blog-2540290043967709256.post-63266301004929649912010-06-09T12:52:00.000-07:002010-06-09T13:35:23.891-07:00Ritmo e intervaloEl ritmo forma parte de los elementos de diseño, este permite obtener un secuencia ordenada, por medio de la repetición de elementos los cuales se encuentran “marcados” por el intervalo, a través de “espacios vacíos”.<br />Lo anterior, básicamente hace referencia al sentido visual, sin embargo es importante aclarar que ambos términos (ritmo e intervalo) se aplican a diversas áreas como en la música, la naturaleza, la literatura, entre otras.<br /><br /><span style="font-weight:bold;">↑Ritmo</span><br />Tiene su origen griego del verbo rheo y el vocablo rhytmos, ambos implican la idea de 'algo que fluye, que pasa, que cambia, que tiene movimiento y orden'.<br />Por ende, hace referencia a “todo movimiento que se caracteriza por la recurrencia modulada de elementos o de motivos a intervalos regulares o irregulares” (Ching, 2000), es decir, una continuidad de elementos que sugieren cierto movimiento, además de que permite predecir lo que sigue cuando ocurre cualquier fractura de los elementos, entonces se señala la importancia del intervalo o elemento “perturbador”. El ritmo se establece por llenos y vacíos.<br /><br /><span style="font-weight:bold;">↑Intervalo: </span><br />Es “el tamaño del espacio entre los elementos-figura”, (Scott, 1998). Se puede referir como la constancia entre las partes. <br /><br /><span style="font-weight:bold;">↑Términos relacionados</span><br />El ritmo implica el principio de repetición, sin embargo, se distingue de la repetición simple, por una “recurrencia esperada”, es decir, que el ritmo tiene una secuencia que se puede calcular conociendo sus precedentes.<br />Hay que aclarar que repetición es, la reproducción <br />exacta de los elementos, agrupándose de acuerdo a la proximidad de unos a otros y a sus características visuales que comparten, ya sea, por tamaño, contorno/ perfil, y por detalles característicos. Mientras que el ritmo se puede tener la repetición de elementos iguales como diferentes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioKBqCiJeWsf16stGacNkqufi66DPBoBrk_meVml3MLv0MJ53uDDe5-KVIKF0q04WYK4lG8N3gYe3x1-s-CqxK-N9NpFa-bBMzpphQh4qWjydZb5qcTqh5phH5uxAmUBucJsZbFdRcnPM/s1600/img006.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 164px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioKBqCiJeWsf16stGacNkqufi66DPBoBrk_meVml3MLv0MJ53uDDe5-KVIKF0q04WYK4lG8N3gYe3x1-s-CqxK-N9NpFa-bBMzpphQh4qWjydZb5qcTqh5phH5uxAmUBucJsZbFdRcnPM/s200/img006.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5480870289523124930" /></a><br /><br /><span style="font-weight:bold;">Repetición de módulos</span><br /><span style="font-style:italic;">El módulo:</span> Es un elemento adoptado como unidad de medida para determinar las proporciones entre las diferentes partes de una composición y que se repite sistemáticamente en el espacio (De los Santos, 2009).<br />La repetición de módulos, se refiere al uso de formas idénticas o similares que aparecen más de una vez en un diseño, unificándolo y generando sensación de armonía. <br />En la imagen se muestra el módulo, y se visualiza como este se repite, con cierto orden.<br />Asimismo, el módulo se compone por elementos más pequeños que son utilizados en repetición, a estos se les llama submódulos (elemento que se encuentra dentro del círculo rojo). También se tiene el supermódulo (toda la imagen), este se origina a partir de la organización y repetición del módulo (elementos dentro del cuadrado amarillo), creando una forma mayor. <br />Otro aspecto que se toma en cuenta en la repetición son las variaciones de dirección, las cuales, permite obtener diferentes modos de arreglos y agrupación.<br /><br />Entre estas se encuentran: <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMS9dKdIBj9-V6KXXcc774Hei1j6vr-u0wkgt-WDx1Kx1evq0NCTzn5Zat0SIQo4nBuzBFk9K5eKEUFd-9PzqQxjQO6wA74KEwun9Sg9FIf1syEvGwFh1Mr4hiwbEu2VU9sTQcSiIT95k/s1600/img007.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 58px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMS9dKdIBj9-V6KXXcc774Hei1j6vr-u0wkgt-WDx1Kx1evq0NCTzn5Zat0SIQo4nBuzBFk9K5eKEUFd-9PzqQxjQO6wA74KEwun9Sg9FIf1syEvGwFh1Mr4hiwbEu2VU9sTQcSiIT95k/s200/img007.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5480871555855201746" /></a><br /><br />Otros conceptos que van de la mano con la temática son, básicamente el <span style="font-weight:bold;">movimiento</span>, la <span style="font-weight:bold;">proporción </span>y el <span style="font-weight:bold;">orden</span>. Puesto que, todo ritmo genera un movimiento, ya sea visual, cuando se siguen ciertos elementos en una composición o corporal cuando se progresa en una secuencia de espacios.<br />A pesar, que los componentes están estáticos, poseen una “magnitud de reposo” que insinúa cierto <span style="font-weight:bold;">movimiento</span>.<br />La <span style="font-weight:bold;">proporción</span>, que es esa relación en cuanto a dimensión de las formas. Está dimensión resulta de razones matemáticas, que van desde razones numéricas simples, como 1:2, 2:3, 3:4... Hasta razones geométricas un poco más complejas como el rectángulo de sección de oro, rectángulo raíz de cinco.<br /><span style="font-weight:bold;">Orden</span>, se refiere a la “disposición lógica, armoniosa y comprensible en que cada elemento de un grupo está situado adecuadamente al resto y su finalidad” (Ching, 2000).<br /><br /><span style="font-weight:bold;">↑Tipos de ritmo</span><br />El ritmo se caracteriza por los diversos modos y formas de organizar los elementos que lo componen, se mencionará a “grandes rasgos” los tipos de ritmo más básicos, debido a que la temática se abarcará por otros compañeros (as). <br />El ritmo progresivo se caracteriza por el aumento o disminución proporcional de los componentes, generando aceleración o retardo del movimiento, es decir van de menor a mayor. En cuanto al ritmo alterno, se determina por aplicar “formas, colores, intervalos contrastantes” repitiéndolos variadamente, formando contrastes sin cesar.<br />También se tiene el ritmo por simetría, se logra por igualdad de elementos situados a cada lado del eje central, el ritmo por asimetría, hay equilibrio a ambos lados del eje central, a pesar que se utilizan formas, líneas y valores distintos a cada lado.<br />El ritmo por radiación, consiste en la repetición circular y simétrica de un motivo, alrededor de un centro, siguiendo la dirección de los radios.<br />Ritmo por oposición, se caracteriza por la colocación de elementos (iguales o distintos) en dirección opuesta.<br /><br /><span style="font-weight:bold;">Imágenes</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_9Jy5kpp2a-PDoQM7ynubyXaNnRv6hrj3TO2y95sliMkSrV2XhAgCa0QocU07jpTehffsOfyYNpu8bOwxa7HsEzvDOh8WziAB3qKgP-ksaRPXEQZUuAriXT-uaZhcUgz3NfUBRApDpgU/s1600/img009.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 134px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_9Jy5kpp2a-PDoQM7ynubyXaNnRv6hrj3TO2y95sliMkSrV2XhAgCa0QocU07jpTehffsOfyYNpu8bOwxa7HsEzvDOh8WziAB3qKgP-ksaRPXEQZUuAriXT-uaZhcUgz3NfUBRApDpgU/s200/img009.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5480875027735974370" /></a><br /><br /><span style="font-weight:bold;">Bibliografía </span><br /> CESOFTAD(sf) Los lenguajes artísticos. Elementos del lenguaje visual. Recopilado en http://educarte.rimed.cu/module/contenido/muestra_cont.php?tema=2&id_subtema=36&id=45&epig=2.6.9&Tip=epg&idMod=36<br />Ching, F (2000) Arquitectura. Forma, espacio y orden. Editorial Gustavo Gili. Barcelona, España.<br />Scott, R (1998) Fundamentos del diseño. Editorial Limusa. D. F, MéxicO.<br />Trazegnies. L (2008) Diccionario literario. Recopilado en: http://www.trazegnies.arrakis.es/indexdi2b.htmlL'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0tag:blogger.com,1999:blog-2540290043967709256.post-43254070483332523882010-06-09T12:16:00.000-07:002010-06-09T12:52:31.857-07:00BaricentroTodo se basa en los pesos visuales, aquello que más llama la atención al ojo. Es decir, se basa en la psicología humana y nuestra forma de equilibrar, componen y comprender lo que vemos.<br />Así pues, el equilibrio - desequilibrio se puede generar conociendo cómo afectan los elementos gráficos a la psicología humana. Por ejemplo, se puede equilibrar con la repetición de elementos visuales por todo el plano visible, de modo que al llamar con igual fuerza al ojo, la imagen genera en conjunto una estabilidad.<br />Para generar desequilibrio existen muchas formas. Por ejemplo, se puede potenciar un elemento como único y más fuerte en el plano, de modo que el resto contrasta con su existencia. Pero el desequilibrio, en resumen, se crea cuando varios elementos se disputan la atracción de la mirada y esto produce tensión.<br />Lo difícil es generar el equilibrio o desequilibrio que necesitamos con los diversos elementos visuales que componen la imagen.<br /><br /><span style="font-weight:bold;">Peso y fuerza visual</span><br />La percepción visual no precisa de fuertes estímulos para convertirse en una experiencia dinámica. En realidad, todo lo que no sea un vacío uniforme será percibido como un juego entre tensiones dirigidas o fuerzas, actuando recíprocamente y en función del formato. El campo de fuerzas visuales se ha comparado a veces con el magnético, sólo que, a diferencia de lo que sucede con las limaduras de hierro en éste último, las partículas visuales caídas bajo la influencia de un formato también establecen entre sí relaciones de atracción o repulsión (fig. 1). El campo de las fuerzas visuales recuerda, quizás más, al equilibrio gravitatorio alcanzado por los astros, en el sentido de que es un equilibrio homeostático, y por tanto, precisa de una continua negociación entre fuerzas jerárquicas. Ver es la percepción de una acción, asegura Arnheim; pero el resultado de las fuerzas contrarrestantes puede ser el equilibrio lo mismo que la ambigüedad. En este sentido, una composición desequilibrada tenderá a parecer transitoria, porque sus elementos presentan una poco sosegadora inclinación a cambiar de forma o de sitio.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9U5U3OfGf1xpfq8bPvIFo0dNOwoIrGgF25Z5hK22uiccKua29iBM0idCC9eas6qNJ23mEhCEkq2vHQrlYjZbwPjhEaB_2euzkXAppKe6o14iGz0d8Rpc7bB6xx6Nhb0RbyPNLioyLQeg/s1600/img003.PNG"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 175px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9U5U3OfGf1xpfq8bPvIFo0dNOwoIrGgF25Z5hK22uiccKua29iBM0idCC9eas6qNJ23mEhCEkq2vHQrlYjZbwPjhEaB_2euzkXAppKe6o14iGz0d8Rpc7bB6xx6Nhb0RbyPNLioyLQeg/s200/img003.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5480856193663117410" /></a><br /><br />Como en la naturaleza o el universo, el peso visual es el que determina, en última instancia, el poder de atracción gravitatoria de cada elemento de la composición. Existe cierta confusión entre tener peso y aguantar peso, conceptos que son, sin embargo, curiosamente contrapuestos. Se dice, por ejemplo, que un objeto pesa menos en el lado izquierdo del cuadro que en el derecho y, a la vez, que el lado izquierdo aguanta más peso que el derecho; y es que aguantar más peso significa que las cargas soportadas, siendo las mismas, se aligeran de parte de su densidad visual, es decir, pesan menos. Sin embargo, el peso visual es una cualidad del objeto que difícilmente puede medirse, dado que son muchos los factores que influyen en él alterando toda posible cuantificación, salvo la que pueda arrojar la muy fina balanza de la retina del pintor. En el peso visual influyen, entre otros, los siguientes factores:<br /><br />- Tamaño. A mayor tamaño corresponde mayor peso.<br />- Color. Los colores cálidos, como el rojo, pesan más que los fríos, como el azul.<br />- Ubicación: Una posición fuerte sobre la armazón estructural, en coincidencia con alguno de los ejes principales horizontal-vertical y las diagonales, puede aguantar más peso que otra descentrada o alejada de dichos ejes. <br /> <br />. A mayor profundidad o lejanía, también corresponde mayor peso (fig. 4).<br />. Arriba pesa más que abajo (fig. 5).<br />. A la derecha pesa más que a la izquierda (fig. 6).<br /><br /><br /><br />- Tono:<br />. Los tonos claros sobre fondo oscuro pesan más que los oscuros sobre fondo claro (fig. 7).<br />. A igualdad de fondo, es más pesado el tono que más contraste (fig. 8).<br />. Una zona negra tiene que ser mayor que otra blanca para contrapesarla (fig. 9).<br /><br /><br />- Forma:<br />. La forma regular es más pesada que la irregular (fig. 10).<br />. La compacidad de la forma respecto a su centro es más pesada que la dispersión de la misma (fig. 11).<br />. La orientación vertical es más pesada que la oblicua, y ésta, a su vez, es más pesada que la horizontal (fig. 12).<br /><br />- El interés intrínseco de la forma.<br />. Por el tema representado, en función de los deseos y temores del espectador. Por ejemplo, una cabeza, como soporte de la mente, pesa mucho en el cuadro (fig. 13).<br />. Por su complejidad formal u otro factor; la propia pequeñez puede ejercer fascinación, aumentando el peso (fig. 14).<br /><br />- El conocimiento previo de la densidad o resistencia de los elementos representados, por lo que atribuiremos algo más de peso a la representación de una bola de plomo que a la de otra de cristal; factor discutible, según Arnheim. (fig. 15).<br /><br /><span style="font-style:italic;">Lo que diferencia al peso visual del resto de las fuerzas visuales</span> es que se trata de una característica intrínseca de cada elemento de la composición, mientras que otras fuerzas pueden actuar con independencia del objeto que las produce o sobre el que se aplican. Los elementos que componen una fuerza visual son tres, como en los vectores descritos por la física: punto de aplicación, intensidad y dirección. Estos elementos pueden ser inducidos por determinantes no visibles, por ejemplo la dirección izquierda-derecha de lectura de la imagen o las direcciones de mirada de los personajes representados. Según esto, podríamos definir el peso visual como una clase de fuerza visual inseparable de las figuras, que se caracteriza por un punto de aplicación en el centro de gravedad del objeto, una intensidad debida a los factores ya enumerados y una dirección que es siempre vertical y hacia abajo. En las demás fuerzas visuales, sin embargo, la dirección depende de alguno de los siguientes factores:<br /><br />- Atracción del peso de los elementos vecinos; así, entre dos objetos próximos podemos localizar el vector resultante de la interrelación de sus campos gravitatorios, en función del peso (fig. 16).<br /> <br />- Atracción de los ejes de los esqueletos estructurales de las formas; los ejes longitudinal y transversal suelen decidir la dirección del vector que resulte de la atracción o repulsión entre los objetos (fig. 17 ).<br /> <br />- Líneas visuales o direcciones de mirada; resultan alteradas por variaciones mínimas en la posición relativa de las pupilas del sujeto representado, orientación de su cabeza, disposición general del cuerpo, objetos próximos de interés, influencia de las diagonales, etc. (fig. 18).<br /><br />- Influencia de los cuatro ejes fundamentales de la representación (horizontal, vertical y diagonales); estos ejercen una poderosa atracción que desvía hacia sí cualquier otra fuerza menor en las zonas próximas a ellos (fig. 19).<br /><br /><span style="font-weight:bold;">Imágenes</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJF_deBV6wJvPaD4G68kzVUtcrFNuSIVdWwpngCVJRAMfPiUaJ8xALShyBfQLIR707oklLnUZ5LnWIgI_4Oi3Eu58G_lP0PJlvQXLP5pzhoiL8IxTUzdo8REZHApEs2vKy6bKVR5CmiqY/s1600/img005.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 166px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJF_deBV6wJvPaD4G68kzVUtcrFNuSIVdWwpngCVJRAMfPiUaJ8xALShyBfQLIR707oklLnUZ5LnWIgI_4Oi3Eu58G_lP0PJlvQXLP5pzhoiL8IxTUzdo8REZHApEs2vKy6bKVR5CmiqY/s200/img005.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5480863950328068690" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOkfUxJYaIf6rE_p5nNbfd1-l1IhNKMDcAHkJsAkliEoIaSqSuXKTajpRRbCG71uWbDeHoNN-t2JI4F-MqKltFqw5J7ICqZiQ3gk-JstfbI1rJ5sQSaN_j99dLfm9JVlRXFTQs2fc8I8/s1600/img004.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 166px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOkfUxJYaIf6rE_p5nNbfd1-l1IhNKMDcAHkJsAkliEoIaSqSuXKTajpRRbCG71uWbDeHoNN-t2JI4F-MqKltFqw5J7ICqZiQ3gk-JstfbI1rJ5sQSaN_j99dLfm9JVlRXFTQs2fc8I8/s200/img004.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5480863936835865570" /></a><br /><br />Bibliografía:<br />http://www.scribd.com/doc/11467435/Equilibrio-y-Peso-VisualL'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0tag:blogger.com,1999:blog-2540290043967709256.post-31041289756071009492010-05-10T00:45:00.000-07:002010-06-09T11:49:12.875-07:00Cinética - Potencial<w:ignoremixedcontent></w:ignoremixedcontent><w:compatibility><w:breakwrappedtables><w:snaptogridincell><w:wraptextwithpunct><w:useasianbreakrules><w:browserlevel></w:browserlevel> </w:useasianbreakrules></w:wraptextwithpunct><!--[endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" latentstylecount="156"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Font Definitions */ @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-1610611985 1073750139 0 0 159 0;} @font-face {font-family:Byington; panose-1:0 0 0 0 0 0 0 0 0 0; mso-font-alt:Nyala; mso-font-charset:0; mso-generic-font-family:auto; mso-font-format:other; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:Calibri; mso-fareast-font-family:"Times New Roman"; mso-bidi-font-family:"Times New Roman"; mso-ansi-language:ES-CR; mso-fareast-language:EN-US;} a:link, span.MsoHyperlink {font-family:"Times New Roman"; mso-bidi-font-family:"Times New Roman"; color:blue; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {color:purple; text-decoration:underline; text-underline:single;} strong {font-family:"Times New Roman"; mso-bidi-font-family:"Times New Roman";} p {mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:Calibri; mso-ansi-language:ES-TRAD; mso-fareast-language:ES-TRAD;} @page Section1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabla normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]--><!--[if gte mso 9]><xml> <o:shapedefaults ext="edit" spidmax="1026"> </xml><![endif]--><!--[if gte mso 9]><xml> <o:shapelayout ext="edit"> <o:idmap ext="edit" data="1"> </o:shapelayout></xml><![endif]--> <p class="MsoNormal" style="text-align: justify;"><b style=""><span style="line-height: 115%;font-family:Byington;font-size:16pt;" lang="ES-CR">Cinética y potencial<o:p></o:p></span></b></p> <p class="MsoNormal"><b><span lang="ES-CR" style="font-family:Byington;">Arte cinético:<br /></span></b><span lang="ES-CR" style="font-family:Byington;">Arte "móvil" basado en la teoría de que la luz y los objetos en movimiento crean una obra de arte. Su forma más simple es un "móvil". En obras más complejas se introducen motores</span><span style="line-height: 115%;font-family:Byington;font-size:12pt;" lang="ES-CR">.<o:p></o:p></span></p> <p class="MsoNormal"><b style=""><span style="line-height: 115%;font-family:Byington;font-size:16pt;" lang="ES-CR">Potencial:<o:p></o:p></span></b></p> <p class="MsoNormal" style="text-align: justify;"><span style="line-height: 115%;font-family:Byington;font-size:12pt;" lang="ES-CR">Si trasladamos este planteamiento filosófico al principio de energía para que se materialice en trabajo, debemos recordar cómo se produce ese tránsito: todo<span style=""> </span>aquello que no es pero puede ser se halla en potencia, y lo que es actualmente, se halla en acto. Aristóteles<span style=""> </span>ponía como ejemplo la semilla que en potencia puede llegar a ser un árbol.<br /></span></p><p class="MsoNormal" style="text-align: justify;"><span style="line-height: 115%;font-family:Byington;font-size:12pt;" lang="ES-CR"><span style="font-weight: bold;">Arte cinético</span><br /></span></p><p><span style=";font-family:Byington;font-size:11pt;" lang="ES-TRAD"></span></p>El arte cinético es una corriente de arte en que las obras tienen movimiento o que parecen tenerlo. El arte cinético y el arte óptico son corrientes artísticas basadas en la estética del movimiento.<br /><br />Está principalmente representado en el campo de la escultura donde uno de los recursos son los componentes móviles de las obras. Pictóricamente, el arte cinético también se puede basar en las ilusiones ópticas, en la vibración retiniana y en la imposibilidad de nuestro ojo de mirar simultáneamente dos superficies coloreadas, violentamente contrastadas. En este último caso de sintetismo virtual, se habla de Op Art.<br /><br />Los principales expositores en el arte cinético son Giovanna Calder con la espectacular obra el pony de 8 patas y dos colas y Alejiandra Montenegro con la musa en el baño Las primeras manifestaciones de arte cinético se dan en los años 1910, en el movimiento futurista y en ciertas obras de Marcel Duchamp. Más adelante, Alexander Calder inventa el móvil, un tipo de escultura formada por alambre y pequeñas piezas de metal suspendidas que son movidas ligeramente por el desplazamiento del aire ambiente. La expresión arte cinético es adoptada hacia 1954, para designar las obras de arte puestas en movimiento por el viento, los espectadores y/o un mecanismo motorizado.<br /><br />El arte cinético fue una corriente muy en boga desde la mitad de los 60 hasta mediados de los 70. Es una tendencia de las pinturas y las esculturas contemporáneas creadas para producir una impresión de movimiento. El nombre tiene su origen en la rama de la mecánica que investiga la relación que existe entre los cuerpos y las fuerzas que sobre ellos actúan. Este término apareció por primera vez en 1.920 cuando Gabo en su Manifiesto Realista rechazó el error heredado ya del arte egipcio, que veía en los ritmos estáticos el único medio de creación plástica y quiso reemplazarlos por los ritmos cinéticos: formas esenciales de nuestra percepción del tiempo real. Utilizó esta expresión coincidiendo con su primera obra cinética, que era una varilla de acero movida por un motor y da valor al término utilizado hasta ese momento en la física mecánica y en la ciencia, pero comienza a utilizarse de forma habitual a partir del año 1.955.<br /><br />Hoy en día se conoce como arte cinético, aquellas obras que causan al espectador movimiento e inestabilidad, gracias a ilusiones ópticas, que cambian de aspecto según el punto desde el que son contempladas o por la luz que reciban (un ejemplo pueden ser los anuncios luminosos). También están incluidos dentro de este movimiento los móviles sin motor y las construcciones tridimensionales con movimiento mecánico.<br /><br />Tomando al escultor Theo Jansen, uno de los máximos exponentes del arte cinético, como referencia podemos ver que una cierta cantidad de tubos materiales no son simplemente lo que son, o al menos no en las manos de este escultor, pues él no ve lo que es como tal sino que ve lo que podría ser como cualquier otro artista, con las diferencias de que estos se mueven y que requieren conocimientos en ingeniería. Jansen se dedica a crear vida artificial mediante el uso de algoritmos genéticos. Estos programas simulan evolución dentro de su código. Los algoritmos genéticos se pueden modificar para solucionar una gran variedad de problemas incluyendo diseños de circuitos, y en lel caso de las creaciones de Theo Jansen, sistemas complejos.<br /><br /><b>Imágenes</b><br /><img src="http://cdn.extracine.com/files/2007/08/star-wars-pop-art1.jpg" /><br /><br /><b>Videos</b><br /><br /><object style="background-image:url(http://i4.ytimg.com/vi/WcR7U2tuNoY/hqdefault.jpg)" width="425" height="344"><param name="movie" value="http://www.youtube.com/v/WcR7U2tuNoY&hl=es_ES&fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/WcR7U2tuNoY&hl=es_ES&fs=1" width="425" height="344" allowscriptaccess="never" allowfullscreen="true" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br /><br /><object style="background-image:url(http://i4.ytimg.com/vi/Y2KkGFuRLew/hqdefault.jpg)" width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Y2KkGFuRLew&hl=es_ES&fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/WcR7U2tuNoY&hl=es_ES&fs=1" width="425" height="344" allowscriptaccess="never" allowfullscreen="true" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br /><br /></w:snaptogridincell></w:breakwrappedtables></w:compatibility><div><w:compatibility><w:breakwrappedtables><w:snaptogridincell><b><br /></b></w:snaptogridincell></w:breakwrappedtables></w:compatibility></div><div><w:compatibility><w:breakwrappedtables><w:snaptogridincell><b><br /></b></w:snaptogridincell></w:breakwrappedtables></w:compatibility></div>L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com2tag:blogger.com,1999:blog-2540290043967709256.post-37923401323122941932010-05-09T16:06:00.000-07:002010-06-09T12:13:57.669-07:00Tensión<span style="font-weight: bold;">¿Qué es tensión?<br /></span>Se puede definir como una "fuerza" que atrae la vista del espectador hacia cierto "lugar" de una imagen.<span style="font-weight: bold;"> </span>Toda tensión procede de una deformación, lo que hay es siempre una desvirtuación fuerte tensión en dirección de un aumento de ésta.<br />Tenemos dos tipos:<br /><ul><li>Tensión relativa.</li><li>Tensión absoluta.</li></ul><span style="font-weight: bold;">Tensión relativa</span><br />La tensión relativa es una propiedad tan genuina de los objetos visuales como el tamaño, la forma y el color. El sistema nervioso del observador la genera al mismo tiempo que crea la experiencia de tamaño, forma y color a partir del estímulo de entrada. En las reacciones de los sujetos existe una tendencia a eliminar la distorsión, lo que equivale a reducir de alguna manera la tensión.<br />En términos de diseño, si tenemos un círculo junto a otro, la atención de la mayoría de observadores será atraída por aquelo cuyo radio se aparte más del eje visual.<br /><br /><span style="font-weight: bold;">Tensión absoluta</span><br />En un campo visual rectangular, un ejercicio sencillo de nivelación sería colocar un punto en el cetro geométrico en un mapa estructural. La situación del punto no ofrece sorpresa visual; es totalmente armónica.<br />La colocación del punto en la esquina derecha provoca una tensión absoluta ya que el punto es excéntrico no solo respecto a la estructira vertical sino también respecto a la horizontal. Ni siquiera se ajusta a los componentes diagonales del mapa estructural.<span style="font-weight: bold;"></span><br /><br /><b>Imágenes</b><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nJCOhjBCh6asSSNu-wjXe6JZcZLkYDJQsFAMR71jCBwRXVvMAWynucA7ZAdCFN2FwYZpf9yOBv_m2lzNWi1SwKE8aoTYyjiB_Ytf2hLLJe0E4JvzVTH4LqVM3PDLTQ-rd2HtJm_3gys/s1600/img001.PNG"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 134px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nJCOhjBCh6asSSNu-wjXe6JZcZLkYDJQsFAMR71jCBwRXVvMAWynucA7ZAdCFN2FwYZpf9yOBv_m2lzNWi1SwKE8aoTYyjiB_Ytf2hLLJe0E4JvzVTH4LqVM3PDLTQ-rd2HtJm_3gys/s200/img001.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5480852192488856498" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmsphKQCCrDdjhErJ5_5XoiodZS1frWHkHKrNPVwPQumhzrZJH1WMQVRZybOKKyFG7cTQ8sQ0R58qUPJPp0dTxZY13eXTkk8vfzC4SU9gaIQh8V6BpCuTLV816AM-BKXeWyQ7nqrzM9E/s1600/img002.PNG"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 162px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmsphKQCCrDdjhErJ5_5XoiodZS1frWHkHKrNPVwPQumhzrZJH1WMQVRZybOKKyFG7cTQ8sQ0R58qUPJPp0dTxZY13eXTkk8vfzC4SU9gaIQh8V6BpCuTLV816AM-BKXeWyQ7nqrzM9E/s200/img002.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5480852200171893778" /></a><br /><br /><span style="font-weight: bold;">Bibliografía:</span><br />http://www.astraph.com/udl/biblioteca/antologias/taller_diseno_b_n.pdfL'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0tag:blogger.com,1999:blog-2540290043967709256.post-1309140660500751802010-05-09T15:35:00.000-07:002010-05-09T16:05:37.747-07:00Figura y Fondo<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ir6N_ay5KAO85EPB5gk-2fcECuK92lIrmfnW_kFILriovbnith3GR_HO2X9tN85t_KlFN5GAFDHBiY026zwlAaDxpefi_JLiu76Gyzn6LjyDwvw1pTcnFFsvgTzNHTcVCJ_nqdS40rQ/s1600/009.png"></a><br />Ésta vez de parte de Pablo (y en cuanto recuerde de cuáles más editaré la entrada), una explicación acerca de figura-fondo, un tema bastante interesante con el cual más de una vez nos hemos topado.<br /><br /><span style="font-size:130%;"><span style="font-weight: bold;">Figura /Fondo</span></span><br /><br />La organización de figura/fondo es un fenómeno interesante dentro de la gestalt. La figura/fondo radica en que tendemos a percibir ciertos elementos como figura, con formas y bordes y otros como fondo. Hay figuras que, aunque ocupen el mismo porcentaje de lugar dentro de una imagen, tienden a ser figura y no fondo.<br /><br />Para que la forma sea percibida se necesitan tres elementos básicos:<br /><ul><li>Sujeto</li><li>Luz (real o virtual)</li><li>Forma<br /></li></ul>Si nos preguntamos por qué percibimos las formas, una respuesta podría ser por contrastes en el campo visual. Pero si nos preguntamos cómo percibimos las formas, la respuesta será relativa a cada uno de los factores que hacen a la percepción posible. Por ejemplo...<br /><br /><ul><li>Con respecto al sujeto, habrá que tener en cuenta quién observa, con qué actitud o motivación, desde dónde observa, cuánto tiempo observa, etc.</li><li>Con respecto a la luz, analizaremos su intensidad, dirección, origen, etc.</li><li>En relación a la forma, las variables que ella nos ofrece son múltiples y complejas, por lo tanto, desentrañar sus misterios parece una tarea imposible de abarcar.<br /></li></ul><span style="font-size:130%;"><span style="font-weight: bold;">Principios de la figura fondo</span></span><br /><br /><span style="font-style: italic;"></span><span style="font-style: italic;">Rodear:</span><br />Rodear es otro principio que organiza la figura y el fondo. En este principio en particular, se hace más difícil identificar cual es la figura y cual el fondo, ya que según se perciba, una puede rodear a la otra.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Área / Pequeño:</span><br />Este principio, también deriva de la organización figura/fondo. El principio radica en que es más pequeña sobresale por sobre el área más grande, transformándose así en figura.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Simetría:</span><br />Este principio nos demuestra que preferimos percibir con más facilidad las formas combinadas de modo simétrico que aquellas combinadas de modo asimétrico.<br /><br /><span style="font-weight: bold;">CUALIDADES DE LA FIGURA</span><br /><br />La figura presenta cualidades que le son propias, que devienen de las cualidades de la forma, y a través de ellas se pueden establecer los diversos tipos de relaciones con el fondo. Ellas son:<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Configuración</span>: aludimos a su estructura, a su organización.<br />La configuración aporta la identificación principal en nuestra percepción.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Tamaño: </span>es siempre relativo.<br />Para determinar si algo es grande o pequeño tendemos a establecer una comparación con la<br />escala humana, pero en un diseño, los tamaños se relativizan en función de los otros elementos<br />que lo acompañan y del campo del cuadro que lo contiene.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Posición</span>: ubicación en relación al campo del cuadro donde se encuentra.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Actitud</span>: también en relación al campo del cuadro, podemos reconocer la inercia visual de una<br />forma; por ejemplo, un cuadrado que está apoyado por su base o por su vértice. De esta forma, una misma configuración expresa significados disímiles.<br /><br /><span style="font-weight: bold;">CARACTERISTICAS GENERALES DE LA FIGURA Y EL FONDO</span><br /><br />Después del análisis realizado, entramos de lleno en lo que la Psicología de la Forma entiende<br />por el par figura y fondo.<br /><span style="font-size:78%;"> </span><br />Se considera que:<br /><ol><li>Toda superficie rodeada tiende a convertirse en figura, lo restante actuará como fondo.</li><li>Nunca los límites pertenecen a ambos campos, siempre pertenecen a la figura.</li><li>El fondo pasa por detrás de la figura.</li><li>La figura es, por lo general, de menor tamaño. El fondo es más grande y simple.</li><li>El color es más denso y compacto en la figura que en el fondo.</li><li>El fondo puede percibirse como plano o espacio.</li><li>La figura presenta mayor estabilidad, claridad, precisión; siempre está más cerca del observador.</li><li>Todo lo relativo a la figura se recuerda mejor.</li></ol><span style="font-weight: bold;">ALTERNATIVAS EN LA RELACIÓN ENTRE LA FIGURA Y EL FONDO</span><br /><br />Enumeremos ahora algunas alternativas, susceptibles de ser enriquecidas o combinadas entre sí.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Contraste</span><br />Ocurre cuando la figura, por color, valor, forma, línea o textura, se separa claramente del fondo.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Fusión</span><br />Ocurre cuando, por el tratamiento de color, valor, forma, línea o textura, la lectura de la figura se "dificulta", porque se emparenta o mimetiza con el fondo.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Fondo simple / Figura compleja</span><br />Se trata de la relación más comunmente usada. La figura presenta definición de detalles, fuerte volumetría o muchos y variados planos de color, valor o textura. El fondo en cambio, es resuelto en grandes planos; si hay color, generalmente se presenta neutralizado, con pocos o ningún grafismo y escaso contraste de valor.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Fondo complejo / Figura simple</span><br />Presenta una relación inversa a la anterior coexistiendo en la misma composición.<br />El fondo en este caso, se trabaja con detalles, color, líneas y textura; en cambio la figura se resuelve con los elementos mínimos indispensables para dar su configuración.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Reversibilidad</span><br />Conformación estructural de índole tal que es difícil determinar cuál es la figura y cuál el fondo por la situación competitiva entre ambas áreas.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Ambigüedad</span><br />Se produce cuando un mismo signo da dos o más interpretaciones de espacio y profundidad, según la asociación del lector.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Transparencia</span><br />Como un caso particular de ambigüedad, las transparencias enfatizan el efecto de ambivalencia espacial, ya que el ojo ubica alternativamente los planos a distintos niveles de profundidad.<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Transición</span><br />Dentro del campo del cuadro, el fondo evoluciona llegando a ser figura, y ésta pasa a leerse como fondo.<br /><br /><span style="font-weight: bold;">TRATAMIENTO DE LA FIGURA Y EL FONDO</span><br /><br />Las diferentes alternativas enunciadas pueden ser tratadas:<br /><span style="font-size:78%;"> </span><br /><span style="font-style: italic;">Por línea</span><br />(lo que implica una abstracción). Y que puede ser:<br /><ul><li>Línea abierta: la que no completa el cerramiento de la figura y permite que ésta se interrelacione con las formas y espacios adyacentes. El observador completa la lectura de la forma a partir de la lectura inducida por tensiones. Dibujar los ángulos opuestos de un cuadrado permite completarlo visualmente.</li><li>Línea cerrada: se separa netamente del fondo. Al trabajar con línea, convendrá que las tintas de la figura sean planas, para evitar competencias desmedidas o redundancias. Si aparecen líneas interiores, estarán subordinadas a las líneas rectoras. Por supuesto, esta conceptualización no es absoluta, dependiendo del diseñador explotar este tipo de relaciones hasta el límite.</li></ul>Por planos (valor / color)<ul><li>Plano cerrado: cuando la figura se separa claramente y en su totalidad del fondo por contraste tonal, no por una línea, ya que se anularía el efecto de volumetría.</li><li>Plano abierto: si abrimos la forma, ésta se fundirá con el fondo por color o valor; haciéndonos, a veces, dificultosa la reconstrucción mental de la forma real. Un recurso sugerente es combinar los dos tratamientos, diferenciando la figura del fondo claramente en algunas partes y fundiéndola en otras.</li></ul><span style="font-weight: bold;">Imágenes</span> <span style="font-weight: bold;">ilustrativas</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJcb7uOiDkpOxmS41hcxe3wlqUoyASIuA2rGldKYsfXtn1Cfczku9Tss33NEYH3B_vywSkkQEBJdtpgB85MXqrZ7Mxt99xKF-4swtSDggc-VFuZJlAaclJlTuHOHczBJv7TvO1414Q_kg/s1600/008.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJcb7uOiDkpOxmS41hcxe3wlqUoyASIuA2rGldKYsfXtn1Cfczku9Tss33NEYH3B_vywSkkQEBJdtpgB85MXqrZ7Mxt99xKF-4swtSDggc-VFuZJlAaclJlTuHOHczBJv7TvO1414Q_kg/s200/008.png" alt="" id="BLOGGER_PHOTO_ID_5469409272574824322" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ir6N_ay5KAO85EPB5gk-2fcECuK92lIrmfnW_kFILriovbnith3GR_HO2X9tN85t_KlFN5GAFDHBiY026zwlAaDxpefi_JLiu76Gyzn6LjyDwvw1pTcnFFsvgTzNHTcVCJ_nqdS40rQ/s1600/009.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 172px; height: 139px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ir6N_ay5KAO85EPB5gk-2fcECuK92lIrmfnW_kFILriovbnith3GR_HO2X9tN85t_KlFN5GAFDHBiY026zwlAaDxpefi_JLiu76Gyzn6LjyDwvw1pTcnFFsvgTzNHTcVCJ_nqdS40rQ/s200/009.png" alt="" id="BLOGGER_PHOTO_ID_5469409267279762770" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br />(Dale click a la imagen para verla en su tamaño original).L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com2tag:blogger.com,1999:blog-2540290043967709256.post-15498798315395976262010-05-09T13:41:00.000-07:002010-05-09T16:05:56.346-07:00Contraste<span style="font-size:100%;"><span style="line-height: 150%;font-family:";" >De parte de Stephanie, Gabriel, Karen y Rosa</span></span><span style="font-size:100%;"><span style="line-height: 150%;font-family:";" >, estimados estudiantes compañeros de clase, una excelente y bien condensada explicación de contraste y sus diversos tipos...</span><b style=""><span style="line-height: 150%;font-family:";" ><br /><br />Definición <o:p></o:p></span></b></span> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" >El contraste hace referencia a los “estímulos sensoriales”, los cuales permiten resaltar elementos o zonas de una composición mediante la oposición o diferencia entre estas, atrayendo así<span style=""> </span>la atención de espectador.<b style=""><o:p></o:p></b></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" >En síntesis, el contraste es “un elemento que se distingue del resto por su <b style="">singularidad o especificidad</b>, por la forma, tamaño, color u otras <b style="">cualidades propias</b> del objeto</span><span style="line-height: 150%;font-family:Arial;font-size:100%;" >”. (González, sf)</span><span style="font-size:100%;"><b><span style="line-height: 150%; color: rgb(102, 102, 102);font-family:Arial;" > </span></b></span><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="font-size:100%;"><b style=""><span style="line-height: 150%;font-family:";" >¿Por qué se usa el contraste?<o:p></o:p></span></b></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" >El contraste es utilizado para sugerir distinciones visuales y táctiles, las cuales permiten realzar la visibilidad o el tacto, o disminuir el choque visual o táctil, dependiendo del objetivo con que se desee, este se logra asimilando o incrementando ciertos elementos a través de los distintos tipos de contraste.<o:p></o:p></span></p> <p class="MsoNormal" style="text-indent: 35.45pt; line-height: 150%;"><span style="font-size:100%;"><b style=""><span style="line-height: 150%;font-family:";" >Tipos de contraste<o:p></o:p></span></b></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="font-size:100%;"><a name="derivatives"><span style="line-height: 150%;font-family:Arial;" > </span></a></span><span style="line-height: 150%;font-family:Arial;font-size:100%;" >Se pueden encontrar diversas clases de </span><span style="line-height: 150%;font-family:Arial;font-size:100%;" >comparación, que logran que las diferencias se han enfatizadas y claras. Algunas de estas pautas que permiten captar el contraste son las siguientes:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" >- <b style=""><u>Contraste de figura:</u></b> hace referencia a la comparación de<span style=""> </span>dos o más figuras con formas diferentes, por ejemplo, el contraste entre una figura geométrica con una orgánica, entre una simple/compleja, abstracta/ representativa, curva/recta, simétrica/asimétrica.</span></p><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjHj9bWp-sTPBnhjwa4U7GUWU3xvN99Uzy8Nm1GcSSiqFmdtcd3WO7cAIL2jMjuLTVXjdS-bx-4Ygtqvkx7bWi8vCkLbGuV_Ar0v5YPm0AfNzRfLl86qpMbCz39uMNGVpC65owkewrpN8/s1600/001.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 336px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjHj9bWp-sTPBnhjwa4U7GUWU3xvN99Uzy8Nm1GcSSiqFmdtcd3WO7cAIL2jMjuLTVXjdS-bx-4Ygtqvkx7bWi8vCkLbGuV_Ar0v5YPm0AfNzRfLl86qpMbCz39uMNGVpC65owkewrpN8/s200/001.png" alt="" id="BLOGGER_PHOTO_ID_5469394483502678738" border="0" /></a><br /></div><p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" spt="75" preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"> <v:f eqn="sum @0 1 0"> <v:f eqn="sum 0 0 @1"> <v:f eqn="prod @2 1 2"> <v:f eqn="prod @3 21600 pixelWidth"> <v:f eqn="prod @3 21600 pixelHeight"> <v:f eqn="sum @0 0 1"> <v:f eqn="prod @6 1 2"> <v:f eqn="prod @7 21600 pixelWidth"> <v:f eqn="sum @8 21600 0"> <v:f eqn="prod @7 21600 pixelHeight"> <v:f eqn="sum @10 21600 0"> </v:formulas> <v:path extrusionok="f" gradientshapeok="t" connecttype="rect"> <o:lock ext="edit" aspectratio="t"> </v:shapetype><v:shape id="Imagen_x0020_1" spid="_x0000_i1025" type="#_x0000_t75" alt="C:\Documents and Settings\Uduario\Mis documentos\ROSA\diseño 1\inv. contraste\17-03-2010 07;07;56 a.m.JPG" style="'width:393.75pt;height:51pt;rotation:180;visibility:visible'"> <v:imagedata src="file:///C:\DOCUME~1\ADMINI~1\CONFIG~1\Temp\msohtml1\01\clip_image001.jpg" title="17-03-2010 07;07;56 a" croptop="37213f" cropbottom="24615f" cropleft="21394f" cropright="7057f" chromakey="white" gain="109227f" blacklevel="-6554f"> </v:shape><![endif]--><!--[if !vml]--><br /><!--[endif]--><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if gte vml 1]><v:shape id="_x0000_s1031" type="#_x0000_t75" style="'position:absolute;left:0;text-align:left;" wrapcoords="-121 0 -121 21516 21544 21516 21544 0 -121 0"> <v:imagedata src="file:///C:\DOCUME~1\ADMINI~1\CONFIG~1\Temp\msohtml1\01\clip_image003.png" title=""> <w:wrap type="tight"> </v:shape><![endif]--><!--[if !vml]--><br /><!--[endif]--><!--[if gte vml 1]><v:shape id="Imagen_x0020_6" spid="_x0000_s1030" type="#_x0000_t75" style="'position:absolute;" wrapcoords="-203 0 -203 21448 21701 21448 21701 0 -203 0"> <v:imagedata src="file:///C:\DOCUME~1\ADMINI~1\CONFIG~1\Temp\msohtml1\01\clip_image005.png" title=""> <w:wrap type="tight"> </v:shape><![endif]--><!--[if !vml]--><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="font-size:100%;"><b style=""><span style="line-height: 150%;font-family:Arial;" >-<u>Contraste de escala:</u></span></b></span><span style="line-height: 150%;font-family:Arial;font-size:100%;" > se percibe por medio de la relación proporcional, por el tamaño de las formas, los objetos… como lo ejemplifica Wong (2002), entre lo grande y lo pequeño, en las formas planas, y entre lo largo y lo corto en las formas lineales.</span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if gte vml 1]><v:shape id="Imagen_x0020_2" spid="_x0000_s1026" type="#_x0000_t75" alt="C:\Documents and Settings\Uduario\Mis documentos\ROSA\diseño 1\inv. contraste\17-03-2010 07;07;56 a.m.JPG" style="'position:absolute;left:0;text-align:left;margin-left:44.7pt;"> <v:imagedata src="file:///C:\DOCUME~1\ADMINI~1\CONFIG~1\Temp\msohtml1\01\clip_image007.jpg" title="17-03-2010 07;07;56 a" croptop="29146f" cropbottom="33094f" cropleft="7056f" cropright="30931f" chromakey="white" gain="109227f" blacklevel="-6554f"> <w:wrap type="square"> </v:shape><![endif]--><!--[if !vml]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3pmz-xyYYJ0kwmx7HNsk_4SHB5uM8CtYbynFRNe9-O58fVwDJCisEBmPnq0opWyQJljt82O7-Xs4EHx_yLoQXXlAIsCVKDWAz-zaUVIXWD1ujZFMIMHKWLpapZS4CUvMXN0IUKSOnE-k/s1600/004.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 34px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3pmz-xyYYJ0kwmx7HNsk_4SHB5uM8CtYbynFRNe9-O58fVwDJCisEBmPnq0opWyQJljt82O7-Xs4EHx_yLoQXXlAIsCVKDWAz-zaUVIXWD1ujZFMIMHKWLpapZS4CUvMXN0IUKSOnE-k/s200/004.png" alt="" id="BLOGGER_PHOTO_ID_5469394927346651826" border="0" /></a><br /><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p><br /><p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="font-size:100%;"><b style=""><span style="line-height: 150%;font-family:Arial;" >-<u>Contraste de color</u></span></b></span><span style="line-height: 150%;font-family:Arial;font-size:100%;" >: se basa en la diferencia de colores, intensidad, entre otras características; las cuales intensifica las diferencias entre los colores. Otros tipos de contraste relacionado con las dimensiones del color, por lo que es conveniente comprender los aspectos relacionados</span><span style="line-height: 150%;font-family:Arial;font-size:100%;" >. </span><span style="line-height: 150%;font-family:Arial;font-size:100%;" >Primeramente,<span style=""> </span><o:p></o:p></span></p> <p class="PrrafodelistaCxSpFirst" style="margin-left: 0cm; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if !supportLists]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxlpFwL_lrvUYEAggdOtdiFzHnCX9AjAXrL-SBTM_L6aImD2jaOGvXQBMwVj4fe0LfTasHHNNUQDElg7wBBw4RpdRwVVZROghQakMKCjinQ7ZQcEqOUyyIhSFbGbpTpflRuRdPfvCROyo/s1600/007.png"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 184px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxlpFwL_lrvUYEAggdOtdiFzHnCX9AjAXrL-SBTM_L6aImD2jaOGvXQBMwVj4fe0LfTasHHNNUQDElg7wBBw4RpdRwVVZROghQakMKCjinQ7ZQcEqOUyyIhSFbGbpTpflRuRdPfvCROyo/s200/007.png" alt="" id="BLOGGER_PHOTO_ID_5469395641168022674" border="0" /></a><span style="line-height: 150%;font-family:";font-size:100%;" ><span style="">o<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="font-size:100%;"><b style=""><span style="line-height: 150%;font-family:Arial;" >Color:</span></b></span><span style="line-height: 150%;font-family:Arial;font-size:100%;" > impresión que recibimos a través de los ojos. Sus dimensiones,<o:p></o:p></span></p> <p class="PrrafodelistaCxSpLast" style="margin-left: 0cm; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Symbol;font-size:100%;" ><span style="">·<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><!--[if gte vml 1]><v:shape id="Imagen_x0020_1" spid="_x0000_s1027" type="#_x0000_t75" style="'position:absolute;left:0;"> <v:imagedata src="file:///C:\DOCUME~1\ADMINI~1\CONFIG~1\Temp\msohtml1\01\clip_image009.png" title=""> <w:wrap type="square"> </v:shape><![endif]--><!--[if !vml]--><span style="font-size:100%;"><b style=""><span style="line-height: 150%;font-family:Arial;" >Matiz:</span></b></span><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:100%;" > cualidad del color (azul, rojo, amarillo), estado puro sin el blanco o el negro.<o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="PrrafodelistaCxSpFirst" style="margin-left: 0cm; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Symbol;font-size:100%;" ><span style="">·<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="font-size:100%;"><b style=""><span style="line-height: 150%;font-family:Arial;" >Valor o brillo:</span></b></span><span style="line-height: 150%;font-family:Arial;font-size:100%;" > es el mayor grado de claridad u oscuridad de un color.<br /></span></p><p class="PrrafodelistaCxSpFirst" style="margin-left: 0cm; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><br /><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p></o:p></span></p><p class="PrrafodelistaCxSpMiddle" style="margin-left: 0cm; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Symbol;font-size:100%;" ><span style="">·<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="font-size:100%;"><b style=""><span style="line-height: 150%;font-family:Arial;" >Intensidad o saturación:</span></b></span><span style="line-height: 150%;font-family:Arial;font-size:100%;" > cualidad del color que expresa su nivel de pureza, si un color es muy saturado, se dice que es puro, por ende muy vivo por ejemplo diferencia entre un rojo vivo, y un rojo violáceo, amarillo brillante y otro grisáceo. Entre más saturado más será la pureza del color.</span></p><br /><p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 35.35pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >*Contraste de tonos:</span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" > se oponen colores claros a otros oscuros.<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 35.35pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 35.35pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >* Contraste de temperatura;</span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" > se tiene cuando hay relación en la temperatura del color, es decir, entre colores cálidos y colores fríos.<o:p></o:p></span></p><span style="line-height: 115%;font-family:Arial;font-size:12pt;" ><span style=""> </span></span><span style="line-height: 115%;font-family:Arial;font-size:12pt;color:black;" ><o:p></o:p></span> <p class="MsoNormal" style="margin-left: 35.35pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >*</span><b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Contraste entre complementarios: </span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Es aquel producido por <strong><span style="font-weight: normal;font-family:Arial;" >dos colores diametralmente opuestos</span></strong><b style=""> </b>sobre el círculo cromático, estos ofrecen la mejor posibilidad de contraste. </span><span style="line-height: 150%; color: rgb(99, 36, 35);font-family:Arial;font-size:12pt;" ><o:p></o:p></span></p><span style="line-height: 150%;font-family:Arial;font-size:12pt;color:black;" ><o:p></o:p></span><p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 35.4pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >*</span></b><b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Contraste de saturación: </span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >se produce por la modulación de un tono puro,<span style=""> </span>saturándolo con blanco, negro o <span style=""> </span>gris, por ende, si se le añade negro perderá su luminosidad, en cambio si se le añade blanco, varia su saturación, por ende su matiz.<o:p></o:p></span></p><span style="line-height: 150%;font-family:Arial;font-size:12pt;color:black;" ><o:p></o:p></span><p style="margin-left: 35.35pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="font-family:Arial;">*<b>Contraste simultáneo</b>: otra consecuencia del contraste simultáneo es que un color aparezca como más claro o más oscuro dependiendo del tono del color que lo rodea. Por lo cual el contraste simultáneo depende<span style=""> </span>de la influencia de los colores en la composición, p<span style="">or lo tanto</span> el cerebro inventa el color para el equilibrio psicológico. <o:p></o:p></span><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><br /></span></p><p style="margin-left: 35.35pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >-</span><b style=""><u><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Contraste de textura:</span></u></b> distinciones en las características de las superficies de una figura, ya sea suave/rugosa; opaca/ brillante; pulido/tosco, entre otros. Dentro de este tipo de contraste, se encuentran dos clases de textura, como lo son, la visual y táctil, estas son desarrolladas según Wong (2002)<o:p></o:p></p><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ></span><p class="PrrafodelistaCxSpMiddle" style="margin: 0cm 0cm 0.0001pt 70.9pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:12pt;" ><span style="">§<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Textura visual:</span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" > es bidimensional y provoca sensaciones táctiles, Esta es producida de varias maneras, pintura, impresión, ahumado, raspado, manchado…<o:p></o:p></span></p> <p class="PrrafodelistaCxSpLast" style="margin: 0cm 0cm 0.0001pt 70.9pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Wingdings;font-size:12pt;" ><span style="">§<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Textura táctil:</span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" > además de ser visible, se siente, se eleva sobre la superficie, constituyendo cierto relieve.<br /></span></p><p class="PrrafodelistaCxSpLast" style="margin: 0cm 0cm 0.0001pt 70.9pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><br /><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><o:p></o:p></span></p> <style> v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} </style> <!--[endif]--><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:hyphenationzone>21</w:HyphenationZone> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> </w:Compatibility> <w:browserlevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" latentstylecount="156"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Font Definitions */ @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0; mso-font-charset:2; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:0 268435456 0 0 -2147483648 0;} @font-face {font-family:"Agency FB"; mso-font-alt:"Trebuchet MS"; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;} @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-1610611985 1073750139 0 0 159 0;} @font-face {font-family:"Wingdings 2"; panose-1:5 2 1 2 1 5 7 7 7 7; mso-font-charset:2; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:0 268435456 0 0 -2147483648 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:Calibri; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-fareast-language:EN-US;} h1 {mso-style-link:" Car Car"; mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; mso-outline-level:1; font-size:24.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {color:purple; text-decoration:underline; text-underline:single;} span.CarCar {mso-style-name:" Car Car"; mso-style-locked:yes; mso-style-link:"Título 1"; mso-ansi-font-size:24.0pt; mso-bidi-font-size:24.0pt; mso-font-kerning:18.0pt; mso-ansi-language:ES; mso-fareast-language:ES; mso-bidi-language:AR-SA; font-weight:bold;} p.Prrafodelista, li.Prrafodelista, div.Prrafodelista {mso-style-name:"Párrafo de lista"; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:36.0pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:Calibri; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-fareast-language:EN-US;} p.PrrafodelistaCxSpFirst, li.PrrafodelistaCxSpFirst, div.PrrafodelistaCxSpFirst {mso-style-name:"Párrafo de listaCxSpFirst"; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:Calibri; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-fareast-language:EN-US;} p.PrrafodelistaCxSpMiddle, li.PrrafodelistaCxSpMiddle, div.PrrafodelistaCxSpMiddle {mso-style-name:"Párrafo de listaCxSpMiddle"; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt; margin-bottom:.0001pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:Calibri; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-fareast-language:EN-US;} p.PrrafodelistaCxSpLast, li.PrrafodelistaCxSpLast, div.PrrafodelistaCxSpLast {mso-style-name:"Párrafo de listaCxSpLast"; mso-style-type:export-only; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:36.0pt; mso-add-space:auto; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:Calibri; mso-fareast-font-family:Calibri; mso-bidi-font-family:"Times New Roman"; mso-fareast-language:EN-US;} @page Section1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} /* List Definitions */ @list l0 {mso-list-id:1082339655; mso-list-type:hybrid; mso-list-template-ids:-23156126 -993772060 201981955 201981957 201981953 201981955 201981957 201981953 201981955 201981957;} @list l0:level1 {mso-level-start-at:0; mso-level-number-format:bullet; mso-level-text:-; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:53.4pt; text-indent:-18.0pt; font-family:Arial; mso-fareast-font-family:Calibri;} @list l0:level2 {mso-level-number-format:bullet; mso-level-text:o; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:89.4pt; text-indent:-18.0pt; font-family:"Courier New";} @list l0:level3 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:125.4pt; text-indent:-18.0pt; font-family:Wingdings;} @list l0:level4 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:161.4pt; text-indent:-18.0pt; font-family:Symbol;} @list l1 {mso-list-id:1233739634; mso-list-type:hybrid; mso-list-template-ids:-678553670 -993772060 201981955 201981957 1795726532 201981955 201981957 201981953 201981955 201981957;} @list l1:level1 {mso-level-start-at:0; mso-level-number-format:bullet; mso-level-text:-; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:53.4pt; text-indent:-18.0pt; font-family:Arial; mso-fareast-font-family:Calibri;} @list l1:level2 {mso-level-number-format:bullet; mso-level-text:o; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:89.4pt; text-indent:-18.0pt; font-family:"Courier New";} @list l1:level3 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; margin-left:125.4pt; text-indent:-18.0pt; font-family:Wingdings;} @list l1:level4 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:center; margin-left:161.4pt; text-indent:-18.0pt; font-family:"Wingdings 2";} ol {margin-bottom:0cm;} ul {margin-bottom:0cm;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabla normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]--><!--[if gte mso 9]><xml> <o:shapedefaults ext="edit" spidmax="1033"> </xml><![endif]--><!--[if gte mso 9]><xml> <o:shapelayout ext="edit"> <o:idmap ext="edit" data="1"> <o:rules ext="edit"> <o:r id="V:Rule1" type="connector" idref="#_x0000_s1030"> <o:r id="V:Rule2" type="connector" idref="#_x0000_s1031"> <o:r id="V:Rule3" type="connector" idref="#_x0000_s1032"> </o:rules> </o:shapelayout></xml><![endif]--> <p class="PrrafodelistaCxSpFirst" style="margin: 0cm 0cm 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:18pt;" >Composiciones de contraste</span></b><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >. </span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Según Wong (2002)<o:p></o:p></span></p> <p class="PrrafodelistaCxSpLast" style="margin: 0cm 0cm 0.0001pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><o:p> </o:p></span></p><p class="PrrafodelistaCxSpFirst" style="margin-left: 0cm; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><span style="">-<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Contraste de apariencia: </span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >se aplica uno o más aspectos de la apariencia de forma, ya sea su tamaño, color, figura, textura.<o:p></o:p></span></p> <p class="PrrafodelistaCxSpLast" style="margin-left: 0cm; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><o:p> </o:p><span style="">-<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><!--[if gte vml 1]><v:shape id="Imagen_x0020_2" spid="_x0000_s1027" type="#_x0000_t75" alt="C:\Documents and Settings\Uduario\Mis documentos\ROSA\diseño 1\inv. contraste\17-03-2010 08;06;43 a.m.JPG" style="'position:absolute;left:0;text-align:left;margin-left:83.85pt;" wrapcoords="-131 0 -131 21503 21548 21503 21548 0 -131 0"> <v:imagedata src="file:///C:\DOCUME~1\ADMINI~1\CONFIG~1\Temp\msohtml1\01\clip_image003.jpg" title="17-03-2010 08;06;43 a" croptop="17453f" cropbottom="8279f" cropleft="18914f" cropright="1446f" gain="109227f"> <w:wrap type="tight"> </v:shape><![endif]--><!--[if !vml]--><!--[endif]--><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Contraste de colocación:</span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" > se refiere a la posición, dirección y las relaciones espaciales de la forma<o:p></o:p></span><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><span style=""><br /></span></span></p><p class="PrrafodelistaCxSpLast" style="margin-left: 0cm; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><span style="">-<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><!--[if gte vml 1]><v:shape id="Imagen_x0020_1" spid="_x0000_s1026" type="#_x0000_t75" alt="C:\Documents and Settings\Uduario\Mis documentos\ROSA\diseño 1\inv. contraste\17-03-2010 08;07;42 a.m.JPG" style="'position:absolute;left:0;text-align:left;margin-left:70.95pt;" wrapcoords="-113 0 -113 21493 21600 21493 21600 0 -113 0"> <v:imagedata src="file:///C:\DOCUME~1\ADMINI~1\CONFIG~1\Temp\msohtml1\01\clip_image005.jpg" title="17-03-2010 08;07;42 a" croptop="13598f" cropbottom="16346f" cropleft="17107f" cropright="3253f" gain="109227f"> <w:wrap type="tight"> </v:shape><![endif]--><!--[if !vml]--><!--[endif]--><b style=""><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Contraste de cantidad: </span></b><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >hace referencia a la densidad y dispersión de los elementos.<o:p></o:p></span><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ><span style=""></span></span><o:p></o:p></p><span style="line-height: 150%;font-family:Arial;font-size:12pt;" ></span> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:18pt;" >Conclusión <o:p></o:p></span></b></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Todo el entorno que captamos por los sentidos son contrastes que nos hacen diferenciar un elemento de otro, desde las formas que percibimos en el hogar, hasta obras compositivas que llevan un análisis consiente para transmitir el mensaje a través de la diversidad en los tipos de contrastes. <o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; text-indent: 35.45pt; line-height: 150%;"><b style=""><span style="line-height: 150%;font-family:";font-size:18pt;" >Bibliografía<o:p></o:p></span></b></p> <p class="MsoNormal" style="margin-left: 24.65pt; text-indent: -24.65pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12pt;" ><span style=""><span style="font: 7pt "Times New Roman";"> </span>õ<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >González. A (sf) <b style="">Códigos relacionados con la percepción</b>. Recopilado<span style=""> en: </span><a href="http://www.aloj.us.es/galba/DIGITAL/CUATRIMESTRE_II/IMAGEN-PAGINA/1codigos1.htm">http://www.aloj.us.es/galba/DIGITAL/CUATRIMESTRE_II/IMAGEN-PAGINA/1codigos1.htm</a> <o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 24.65pt; text-indent: -24.65pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12pt;" ><span style=""><span style="font: 7pt "Times New Roman";"> </span>õ<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Instituto de las Artes Visuales. <span style=""> </span>I<b style="">nteracciones del color: Armonía y Contraste</b>. Recopilado en : http://www.newsartesvisuales.com/funda/color5.htm<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 24.65pt; text-indent: -24.65pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12pt;" ><span style=""><span style="font: 7pt "Times New Roman";"> </span>õ<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Ivanovic, I (sf) <b style="">Esquemas de contraste</b>. Recopilado en: <a href="http://www.proyectacolor.cl/percepcion-del-color/esquemas-de-contraste/">http://www.proyectacolor.cl/percepcion-del-color/esquemas-de-contraste/</a> <o:p></o:p></span></p> <h1 style="margin-left: 24.65pt; text-indent: -24.65pt; line-height: 150%; vertical-align: baseline;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12pt;" ><span style=""><span style="font: 7pt "Times New Roman";"> </span>õ<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="line-height: 150%; font-weight: normal;font-family:Arial;font-size:12pt;" >Moreno, L (2004) Teoría del color. Propiedades de los colores. Recopilado en: <a href="http://www.desarrolloweb.com/articulos/1503.php">http://www.desarrolloweb.com/articulos/1503.php</a> <o:p></o:p></span></h1> <p class="MsoNormal" style="margin-left: 24.65pt; text-indent: -24.65pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12pt;" ><span style=""><span style="font: 7pt "Times New Roman";"> </span>õ<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Sn (sf) <b style=""><a href="http://manualfotografico.blogspot.com/2008/09/contraste-forma-textura-dimensin-e.html"><span style="text-decoration: none; color: rgb(0, 0, 0);">Contraste: forma, textura, dimensión e iluminación</span></a>. </b>Recopilado en: <u>http://manualfotografico.blogspot.com/2008/09/contraste-forma-textura-dimensin-e.html</u><o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 24.65pt; text-indent: -24.65pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12pt;" ><span style=""><span style="font: 7pt "Times New Roman";"> </span>õ<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Sn (sf)<b style=""> Decoración gráfica</b>. Recopilado en: <a href="http://www.decoraciongrafica.com/wp-content/uploads/2008/12/photo-gallery1.jpg&imgrefurl">http://www.decoraciongrafica.com/wp-content/uploads/2008/12/photo-gallery1.jpg&imgrefurl</a>=<o:p></o:p></span></p> <p class="MsoNormal" style="margin-left: 24.65pt; text-indent: -24.65pt; line-height: 150%;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12pt;" ><span style=""><span style="font: 7pt "Times New Roman";"> </span>õ<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Sn. (sf)<b style=""> Formas básicas que componen el color</b>. Recopilado en:</span> <span style="line-height: 150%;font-family:Arial;font-size:12pt;" >http://www.fotonostra.com/grafico/compositivascolor.htm<o:p></o:p></span></p> <h1 style="margin-left: 24.65pt; text-indent: -24.65pt; line-height: 150%; vertical-align: baseline;"><!--[if !supportLists]--><span style="line-height: 150%;font-family:";font-size:12pt;" ><span style=""><span style="font: 7pt "Times New Roman";"> </span>õ<span style="font: 7pt "Times New Roman";"> </span></span></span><!--[endif]--><span style="line-height: 150%; font-weight: normal;font-family:Arial;font-size:12pt;" >Wong. W (2002) </span><span style="line-height: 150%;font-family:Arial;font-size:12pt;" >Fundamentos del diseño</span><span style="line-height: 150%; font-weight: normal;font-family:Arial;font-size:12pt;" >. Ed. Gustavo Gili. Barcelona, España<o:p></o:p></span></h1> <p class="MsoNormal" style="margin-left: 35.4pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-left: 35.4pt; text-align: justify; text-indent: 35.45pt; line-height: 150%;"><span style="line-height: 150%;font-family:Arial;font-size:100%;" ><o:p> </o:p></span></p> <p class="MsoNormal"><span style="font-size:100%;"><o:p> </o:p></span></p>L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0tag:blogger.com,1999:blog-2540290043967709256.post-45802431888780462322010-03-20T20:20:00.000-07:002010-03-20T20:49:28.680-07:00¿Qué es diseño?<div style="text-align: justify;">El diseño es una actividad reciente, producto del avance tecnológico que ha ido viniendo desarrollándose desde las épocas de la revolución industrial y nace talvez como una necesidad de planeación de la producción.<br /><br />Para una explicación básica, podemos recurrir a la explicación dada por Wikipedia en el artículo de <span style="font-style: italic;">Diseño</span>.<br /></div><div style="text-align: justify;"><blockquote><p style="text-align: justify;">Es utilizado habitualmente en el contexto de las artes aplicadas, ingeniería, arquitectura y otras disciplinas creativas, diseño se define como el proceso previo de configuración mental, "pre-figuración", en la búsqueda de una solución en cualquier campo.</p> <p style="text-align: justify;">Etimológicamente derivado del término italiano disegno dibujo, designio, signare, signado "lo por venir", el porvenir visión representada gráficamente del futuro, lo hecho es la obra, lo por hacer es el proyecto, el acto de diseñar como prefiguración es el proceso previo en la búsqueda de una solución o conjunto de las mismas. Plasmar el pensamiento de la solución mediante esbozos, dibujos, bocetos o esquemas trazados en cualquiera de los soportes, durante o posteriores a un proceso de observación de alternativas o investigación.</p></blockquote></div><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://blogs.iberopuebla.edu.mx/152689h/files/2008/09/diseno-grafico.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 209px; height: 339px;" src="http://blogs.iberopuebla.edu.mx/152689h/files/2008/09/diseno-grafico.jpg" alt="" border="0" /></a>En base a la explicación anterior, se podría decir que el diseño es el hecho de hacer físico lo pensado, plasmarlo en algún tipo de forma visible, para así poder aplicar un arte a un fin específico. El diseño en sí es un campo tan diverso que es utilizado en mayoría de disciplinas, desde las ingenierías hasta las ciencias.<br /><br />En éste blog se tratará sobre el diseño gráfico, que aplica las disciplinas del diseño en sí a un entorno en específico. Las tareas que se pueden realizar siguen siendo igualmente diversas.<br /><br />Es común pensar que el diseño intenta producir un objeto o una idea para se utilizada en la producción en serie. Tal es el caso del diseño industrial, que se encarga de hacer un objeto que sea útil para todo tipo de persona. Pero hay también diseños a menor escala, tal es el caso del diseño web, que se enfatiza en un sólo individuo, para darle mayor personalización.<br /><br /><br /><br /><br /><br /><br /><br />____________________________________________________________________<br />Bibliografía:<br /><ul><li><span style="font-weight: bold;">Altavoz. (n.d.). </span><i style="font-weight: bold;">Prontus - altavoz.net</i><span style="font-weight: bold;">.</span> Acceso el 20 de Marzo, 2010, de <a href="http://www.altavoz.net/prontus_altavoz/antialone.html?page=http://www.altavoz.net/prontus_altavoz/site/artic/20061019/pags/20061019190056.html">http://www.altavoz.net/prontus_altavoz/antialone.html?page=http://www.altavoz.net/prontus_altavoz/site/artic/20061019/pags/20061019190056.html </a></li><li><span style="font-weight: bold;">Gutiérrez, H. B. (n.d.). Tema I archive | Héctor.</span> <i>UIA Blogs</i>. Acceso el 20 de Marzo, 2010, de <a href="http://blogs.iberopuebla.edu.mx/152689h/category/tema-i/">http://blogs.iberopuebla.edu.mx/152689h/category/tema-i/ </a></li><li><span style="font-weight: bold;">Diseño - Wikipedia, la enciclopedia libre. (n.d.).</span> <i>Wikipedia, la enciclopedia libre</i>. Acceso el 20 de Marzo, 2010, de <a href="http://es.wikipedia.org/wiki/Dise%C3%B1o">http://es.wikipedia.org/wiki/Diseño </a></li></ul></div>L'ark Mitsinikoshttp://www.blogger.com/profile/15968234813062308145noreply@blogger.com0