{"id":26268,"date":"2023-08-07T19:36:56","date_gmt":"2023-08-07T19:36:56","guid":{"rendered":"https:\/\/blogs.ugto.mx\/rea\/?p=26268"},"modified":"2023-08-07T19:39:05","modified_gmt":"2023-08-07T19:39:05","slug":"clase-digital-4-elementos-compositivos-de-relacion","status":"publish","type":"post","link":"https:\/\/blogs.ugto.mx\/rea\/clase-digital-4-elementos-compositivos-de-relacion\/","title":{"rendered":"Clase digital 4. Elementos compositivos (de relaci\u00f3n)"},"content":{"rendered":"\n\n\n<div class=\"wp-block-cover\" style=\"min-height:284px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-40 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-26519\" alt=\"blue orange and red round lights\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2023\/07\/w1uit0czeqm.jpg\" style=\"object-position:50% 41%\" data-object-fit=\"cover\" data-object-position=\"50% 41%\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"848\" height=\"1200\" class=\"wp-block-cover__image-background wp-image-26519\" alt=\"blue orange and red round lights\" src=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2023\/07\/w1uit0czeqm.jpg\" style=\"object-position:50% 41%\" data-object-fit=\"cover\" data-object-position=\"50% 41%\" srcset=\"https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2023\/07\/w1uit0czeqm.jpg 848w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2023\/07\/w1uit0czeqm-212x300.jpg 212w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2023\/07\/w1uit0czeqm-724x1024.jpg 724w, https:\/\/blogs.ugto.mx\/rea\/wp-content\/uploads\/sites\/71\/2023\/07\/w1uit0czeqm-768x1087.jpg 768w\" sizes=\"auto, (max-width: 848px) 100vw, 848px\" \/><\/noscript><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-base-3-color has-text-color has-large-font-size wp-block-paragraph\">Elementos compositivos (de relaci\u00f3n)<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"introduccion\">Presentaci\u00f3n del tema<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00a1Hola!<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Qu\u00e9 gusto poder saludarte en esta nueva sesi\u00f3n, espero que sigas descubriendo este curso y lo sigas encontrando fascinante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En clases anteriores hemos estudiado los elementos visuales y ahora estamos en posibilidad de estudiar los elementos de relaci\u00f3n, aquellos que nos ayudan a explicar el lugar donde se coloca cada forma y la relaci\u00f3n que hay entre ellas. \u00bfQu\u00e9 tan importante es el campo visual en una composici\u00f3n? \u00bfEs posible transmitir la idea de estabilidad a trav\u00e9s del dise\u00f1o? O \u00bfDe qu\u00e9 manera pueden relacionarse las formas entre s\u00ed? Son algunas de las interrogantes que abordaremos en la primera parte de esta clase.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En la segunda parte abordaremos otros tres principios fundamentales en el dise\u00f1o. Primero, revisaremos al ritmo como una secuencia organizada que nos permite transmitir la sensaci\u00f3n de movimiento. \u00bfEs posible acelerar o desacelerar esa sensaci\u00f3n en una composici\u00f3n? \u00bfC\u00f3mo? Luego, estudiaremos el concepto de simetr\u00eda para comprender c\u00f3mo organizar los elementos de una composici\u00f3n de una manera armoniosa. \u00bfTe has preguntado si puede calificarse como sim\u00e9trica una composici\u00f3n que no es exactamente igual de ambos lados de su eje? \u00bfExisten varios tipos de simetr\u00eda? Y finalmente, veremos que la jerarqu\u00eda se refiere a la parte m\u00e1s importante de un dise\u00f1o, la cual debe destacarse de alguna manera pero \u00bfc\u00f3mo lo han logrado los dise\u00f1adores? Qu\u00e9date con nosotros y descubre estos y otros secretos detr\u00e1s del mundo del dise\u00f1o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Comenzamos!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"desarrollo-del-tema\">Objetivos did\u00e1cticos de la clase<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Conocer y emplear los elementos de relaci\u00f3n del dise\u00f1o propuestos por Wucius Wong, as\u00ed como identificar y aplicar las interrelaciones formales en una composici\u00f3n.<\/li>\n\n\n\n<li>Aproximarse al concepto de ritmo y sus diferentes tipos; a la idea de simetr\u00eda y su clasificaci\u00f3n; y a la noci\u00f3n de jerarqu\u00eda. Adem\u00e1s, usar estos principios en la creaci\u00f3n de una composici\u00f3n.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Contenido did\u00e1ctico<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, se presenta el contenido did\u00e1ctico de acceso abierto o institucional para profundizar en el tema.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">No.<\/th><th class=\"has-text-align-center\" data-align=\"center\">Nombre del recurso<\/th><th class=\"has-text-align-center\" data-align=\"center\">Sinopsis<\/th><th class=\"has-text-align-center\" data-align=\"center\">Tipo de recurso<\/th><th class=\"has-text-align-center\" data-align=\"center\">Enlace Web<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><td class=\"has-text-align-center\" data-align=\"center\">Fundamentos del dise\u00f1o bi y tri dimensional de Wucius Wong<\/td><td class=\"has-text-align-center\" data-align=\"center\">Libro sobre las bases para dise\u00f1ar (secci\u00f3n elementos de relaci\u00f3n)<\/td><td class=\"has-text-align-center\" data-align=\"center\">Libro en formato PDF<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/drive.google.com\/file\/d\/1b8aCMyqS2IlJTHj2Fsi9uQJazXbordW2\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Fundamentos del dise\u00f1o bi y tri dimensional de Wucius Wong <\/td><td class=\"has-text-align-center\" data-align=\"center\">Libro sobre las bases para dise\u00f1ar (secci\u00f3n sobre interrelaci\u00f3n de formas)<\/td><td class=\"has-text-align-center\" data-align=\"center\">Libro en formato PDF<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/drive.google.com\/file\/d\/1HT8Vm6vCfO1An9gDi2Mv5FEGNJbnl7H9\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">3<\/td><td class=\"has-text-align-center\" data-align=\"center\">La composici\u00f3n I<\/td><td class=\"has-text-align-center\" data-align=\"center\">Cap\u00edtulo de libro sobre la composici\u00f3n (secci\u00f3n sobre ritmo)<\/td><td class=\"has-text-align-center\" data-align=\"center\">Libro en formato PDF<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/drive.google.com\/file\/d\/1ogZUmGufwRm48qnIw_ZBYkEw50A20bpG\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">4<\/td><td class=\"has-text-align-center\" data-align=\"center\">La composici\u00f3n I<\/td><td class=\"has-text-align-center\" data-align=\"center\">Cap\u00edtulo de libro sobre composici\u00f3n (secci\u00f3n sobre simetr\u00eda)<\/td><td class=\"has-text-align-center\" data-align=\"center\">Libro en formato PDF<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/drive.google.com\/file\/d\/1T_6crwAEJS_eBN07md64bukpe_OSSX94\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">5<\/td><td class=\"has-text-align-center\" data-align=\"center\">La composici\u00f3n I<\/td><td class=\"has-text-align-center\" data-align=\"center\">Cap\u00edtulo de libro sobre composici\u00f3n (secci\u00f3n sobre jerarqu\u00eda)<\/td><td class=\"has-text-align-center\" data-align=\"center\">Libro en formato PDF<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/drive.google.com\/file\/d\/1kweDPcrqKa9CY6TSMTL8f8jqaNgAhLc0\/view?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Material did\u00e1ctico complementario<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">No.<\/th><th class=\"has-text-align-center\" data-align=\"center\">Nombre del recurso<\/th><th class=\"has-text-align-center\" data-align=\"center\">Sinopsis<\/th><th class=\"has-text-align-center\" data-align=\"center\">Tipo de recurso<\/th><th class=\"has-text-align-center\" data-align=\"center\">Enlace Web<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><td class=\"has-text-align-center\" data-align=\"center\">Elementos del dise\u00f1o<\/td><td class=\"has-text-align-center\" data-align=\"center\">Video sobre los elementos conceptuales, visuales y de relaci\u00f3n del dise\u00f1o<\/td><td class=\"has-text-align-center\" data-align=\"center\">Video<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/www.youtube.com\/watch?v=IB7gIfdrcUE\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">2<\/td><td class=\"has-text-align-center\" data-align=\"center\">Elementos de relaci\u00f3n<\/td><td class=\"has-text-align-center\" data-align=\"center\">Video sobre los elementos de relaci\u00f3n del dise\u00f1o<\/td><td class=\"has-text-align-center\" data-align=\"center\">Video<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/www.youtube.com\/watch?v=1M5c3Ky0BH4\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">3<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u00bfQu\u00e9 es el ritmo visual?<\/td><td class=\"has-text-align-center\" data-align=\"center\">Video sobre el ritmo visual, sus tipos y c\u00f3mo lograrlo<\/td><td class=\"has-text-align-center\" data-align=\"center\">Video<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/www.youtube.com\/watch?v=wUP573txYuo\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">4<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u00a1Solo los mejores dise\u00f1adores saben esto! Principios de dise\u00f1o Episodio 1<\/td><td class=\"has-text-align-center\" data-align=\"center\">Video sobre la jerarqu\u00eda visual<\/td><td class=\"has-text-align-center\" data-align=\"center\">Video<\/td><td class=\"has-text-align-center\" data-align=\"center\">[<a href=\"https:\/\/www.youtube.com\/watch?v=l8Pgcl7906I\" target=\"_blank\" rel=\"noreferrer noopener\">Acceder<\/a>]<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fuentes-de-informacion\">Resumen e ideas relevantes de la clase digital<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Los elementos de relaci\u00f3n definen la ubicaci\u00f3n y la relaci\u00f3n que hay entre las formas que integran un dise\u00f1o. Son cuatro:&nbsp;<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>La direcci\u00f3n, puede ser percibida y depende del v\u00ednculo de la forma con el observador, el campo visual o con otras formas;&nbsp;<\/li>\n\n\n\n<li>La posici\u00f3n, puede ser percibida y depende de su relaci\u00f3n con el campo visual o con la estructura del dise\u00f1o;&nbsp;<\/li>\n\n\n\n<li>El espacio, se siente y puede ser ocupado, vac\u00edo, plano o ilusorio; y&nbsp;<\/li>\n\n\n\n<li>La gravedad, puede sentirse y no es visual sino psicol\u00f3gica, cada forma de un dise\u00f1o puede parecer m\u00e1s pesada o ligera, estable o inestable.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Las formas pueden relacionarse entre s\u00ed de ocho maneras diferentes:&nbsp;<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Distanciamiento, cuando dos formas est\u00e1n separadas entre s\u00ed.&nbsp;<\/li>\n\n\n\n<li>Toque, cuando dos formas entran en contacto.&nbsp;<\/li>\n\n\n\n<li>Superposici\u00f3n, cuando parte de una forma da la apariencia de estar colocada sobre otra.&nbsp;<\/li>\n\n\n\n<li>Penetraci\u00f3n, cuando la zona en la que dos formas coinciden es transparente.&nbsp;<\/li>\n\n\n\n<li>Uni\u00f3n, cuando dos formas quedan fusionadas en una sola figura.&nbsp;<\/li>\n\n\n\n<li>Sustracci\u00f3n, cuando a una forma se le retira la parte en la que coincide con otra forma.&nbsp;<\/li>\n\n\n\n<li>Intersecci\u00f3n, es lo contrario de la penetraci\u00f3n, solamente la zona en la que coinciden dos formas se conserva.&nbsp;<\/li>\n\n\n\n<li>Coincidencia, cuando una forma se encuentra sobre otra que es exactamente igual y las dos coinciden.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>El ritmo es una sucesi\u00f3n de formas que se caracteriza por ser regular y arm\u00f3nica y se usa para representar movimiento. Existen seis diferentes tipos de ritmo:&nbsp;<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>El uniforme consiste en la repetici\u00f3n de una sola forma dejando el mismo espacio vac\u00edo (intervalo). Si los intervalos son amplios se representa lentitud y si son cortos se representa rapidez.&nbsp;<\/li>\n\n\n\n<li>El alterno consiste en la repetici\u00f3n de dos formas (ritmo binario), tres formas (ritmo ternario), etc. Este ritmo puede lograrse tambi\u00e9n alternando posici\u00f3n, color, tama\u00f1o o textura.&nbsp;<\/li>\n\n\n\n<li>El creciente y decreciente que incluye una progresi\u00f3n de formas. Tambi\u00e9n puede lograrse variando la posici\u00f3n, color, tama\u00f1o o textura. La sensaci\u00f3n de tensi\u00f3n se puede controlar con el espacio entre formas y con el manejo de la direcci\u00f3n.&nbsp;<\/li>\n\n\n\n<li>El modular que consiste en que un m\u00f3dulo (conjunto de formas) puede repetirse. El ritmo tambi\u00e9n puede lograrse cambiando la posici\u00f3n, tama\u00f1o, color o textura de una o varias de las formas, y tambi\u00e9n se pueden modificar los intervalos.&nbsp;<\/li>\n\n\n\n<li>El ritmo radial (desde un punto central se extienden radios) y conc\u00e9ntrico (desde el centro surgen c\u00edrculos conc\u00e9ntricos hacia el exterior). Ambos pueden combinarse en un espiral que da la sensaci\u00f3n de movimiento.&nbsp;<\/li>\n\n\n\n<li>Las superficies r\u00edtmicas, en las que los ritmos lineales se colocan en paralelo, abarcando toda el \u00e1rea.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">La simetr\u00eda es una manera de organizar arm\u00f3nicamente las diferentes partes de una composici\u00f3n y consiste en ubicar los diferentes elementos respecto a una l\u00ednea o a un punto. Existen dos tipos de simetr\u00eda: la axial y la radial. La axial consiste en disponer los elementos de una composici\u00f3n a ambos lados de un eje imaginario que se ubica a la mitad del campo visual, mismo que puede ser vertical, horizontal o inclinado. No es necesario que esta forma de simetr\u00eda incluya elementos id\u00e9nticos a ambos lados del eje y se usa para transmitir la sensaci\u00f3n de inmovilidad. La simetr\u00eda radial consiste en distribuir los elementos de una composici\u00f3n alrededor de un punto. Esta forma de simetr\u00eda se usa para crear la sensaci\u00f3n de movimiento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La jerarqu\u00eda tambi\u00e9n es un principio importante a considerar mientras se dise\u00f1a. Se refiere al orden que establecemos entre los elementos de un dise\u00f1o de acuerdo a su grado de importancia, lo cual visualmente se manifiesta haciendo que los elementos m\u00e1s importantes sean m\u00e1s llamativos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Te felicito por llegar hasta aqu\u00ed con ese \u00edmpetu tan incontrolable de aprender cada d\u00eda un poco m\u00e1s!, contin\u00faa as\u00ed y no dejes que ese \u00e1nimo decaiga. Por \u00faltimo, te solicito que realices las actividades de la sesi\u00f3n de hoy. Te encuentro pr\u00f3ximamente.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Presentaci\u00f3n del tema \u00a1Hola! Qu\u00e9 gusto poder saludarte en esta nueva sesi\u00f3n, espero que sigas descubriendo este curso y lo sigas encontrando fascinante. En clases anteriores hemos estudiado los elementos visuales y ahora estamos en posibilidad de estudiar los elementos de relaci\u00f3n, aquellos que nos ayudan a explicar el lugar donde se coloca cada forma &#8230; <a title=\"Clase digital 4. Elementos compositivos (de relaci\u00f3n)\" class=\"read-more\" href=\"https:\/\/blogs.ugto.mx\/rea\/clase-digital-4-elementos-compositivos-de-relacion\/\" aria-label=\"Leer m\u00e1s sobre Clase digital 4. Elementos compositivos (de relaci\u00f3n)\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":142,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":""},"categories":[83,288,293,674],"tags":[41,560,670],"class_list":["post-26268","post","type-post","status-publish","format-standard","hentry","category-bachillerato-general","category-plan-2020","category-quinto-semestre","category-uda-elementos-del-diseno","tag-clase-digital","tag-gonzalo-enrique-bernal-rivas-2","tag-shba03007"],"acf":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts\/26268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/users\/142"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/comments?post=26268"}],"version-history":[{"count":8,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts\/26268\/revisions"}],"predecessor-version":[{"id":27090,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/posts\/26268\/revisions\/27090"}],"wp:attachment":[{"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/media?parent=26268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/categories?post=26268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ugto.mx\/rea\/wp-json\/wp\/v2\/tags?post=26268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}