{"id":263568,"date":"2023-11-21T08:13:00","date_gmt":"2023-11-21T05:13:00","guid":{"rendered":"https:\/\/inform.click\/comprender-la-proporcion-aurea-en-los-disenos\/"},"modified":"2023-11-21T08:48:00","modified_gmt":"2023-11-21T05:48:00","slug":"comprender-la-proporcion-aurea-en-los-disenos","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/comprender-la-proporcion-aurea-en-los-disenos\/","title":{"rendered":"Comprender la proporci\u00f3n \u00e1urea en los dise\u00f1os"},"content":{"rendered":"<p>\n  Dicen que existe una \u00abdivina proporci\u00f3n\u00bb que descansa en la naturaleza y en muchas cosas que nos rodean. La puedes encontrar en las flores, las colmenas, las conchas marinas e incluso en nuestro cuerpo.\n<\/p>\n<p>\n  Esta proporci\u00f3n divina, tambi\u00e9n conocida como proporci\u00f3n \u00e1urea, proporci\u00f3n divina o secci\u00f3n \u00e1urea, se puede aplicar a diversas artes y disciplinas. Los cient\u00edficos afirman que cuanto m\u00e1s cerca de la proporci\u00f3n \u00e1urea est\u00e1 un objeto, m\u00e1s agradable y placentero lo encuentra el cerebro humano.\n<\/p>\n<p>\n  Desde que se descubri\u00f3 esta relaci\u00f3n, muchos artistas y arquitectos la han aplicado en sus obras. Puede encontrar la proporci\u00f3n \u00e1urea en varias obras maestras del Renacimiento, arquitectura, pinturas y mucho m\u00e1s. El resultado: una obra maestra hermosa y est\u00e9ticamente agradable.\n<\/p>\n<p>\n  Nadie sabe realmente qu\u00e9 tiene la proporci\u00f3n \u00e1urea que agrada a nuestros ojos. La mayor\u00eda asume que el hecho de que aparezca en todas partes y sea una proporci\u00f3n \u00abuniversal\u00bb es lo que nos hace aceptarla como una proporci\u00f3n l\u00f3gica, arm\u00f3nica y org\u00e1nica. En otras palabras, simplemente \u00abse siente\u00bb bien en nuestros cerebros.\n<\/p>\n<p>\n  Entonces, \u00bfqu\u00e9 es la proporci\u00f3n \u00e1urea?\n<\/p>\n<p>\n  La proporci\u00f3n \u00e1urea, tambi\u00e9n conocida como \u00abPhi\u00bb en griego, es una constante matem\u00e1tica. Se puede expresar mediante la ecuaci\u00f3n a\/b=a+b\/a= <strong>1.618033987<\/strong>, donde a es mayor que b. Esto tambi\u00e9n se puede explicar a trav\u00e9s de la secuencia de Fibonacci, otra secuencia divina. La secuencia de Fibonacci comienza con 1 (algunos dicen 0) y suma el n\u00famero anterior para dar el siguiente (es decir, 1, 1, 2, 3, 5, 8, 13, 21&#8230;)\n<\/p>\n<p>\n  Si intenta encontrar el cociente de dos n\u00fameros de Fibonacci posteriores (es decir, 8\/5 o 5\/3), el resultado es muy parecido a la proporci\u00f3n \u00e1urea de 1,6 o \u03c6(Phi).\n<\/p>\n<p>\n  La Espiral Dorada se crea usando el Rect\u00e1ngulo Dorado. Una vez que tenga su rect\u00e1ngulo de cajas cuadradas de 1, 1, 2, 3, 5 y 8 unidades respectivamente, como se muestra en la imagen de arriba, puede comenzar a construir el rect\u00e1ngulo dorado. Usando el lado del cuadrado como tu radio, debes crear un arco que toque ambos puntos del cuadrado en diagonal. Repite esto para cada cuadrado dentro del tri\u00e1ngulo dorado y terminar\u00e1s con una espiral dorada.\n<\/p>\n<h5>\n  Donde podemos verlo en la naturaleza:<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f51fcb9.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f51fcb9.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La proporci\u00f3n \u00e1urea y la secuencia de Fibonacci aparecen en el n\u00famero de p\u00e9talos de las flores. La mayor\u00eda de las flores tienen p\u00e9talos que son dos, tres, cinco o m\u00e1s p\u00e9talos que forman parte de la secuencia divina. Por ejemplo, los lirios tienen 3 p\u00e9talos, los botones de oro tienen 5, la flor de achicoria tiene 21 y la margarita tiene 34. Aparentemente, la cabeza de la semilla de una flor tambi\u00e9n sigue la proporci\u00f3n \u00e1urea. El girasol, por ejemplo, tiene semillas que se extienden desde el centro y crecen alrededor del exterior para llenar la cabeza de la semilla. Estos generalmente se forman en patrones en espiral que se asemejan a la espiral dorada. Lo que es m\u00e1s, es que el recuento de semillas generalmente se suma a los n\u00fameros de Fibonacci.\n<\/p>\n<p>\n  Las manos y los dedos tambi\u00e9n siguen la proporci\u00f3n \u00e1urea. \u00a1Mira m\u00e1s cerca! La base de la palma hasta la punta del dedo se separa en porciones (los huesos). \u00a1La raz\u00f3n de una parte comparada con la siguiente siempre ser\u00e1 1.618! Incluso la relaci\u00f3n entre el antebrazo y la mano es la misma. Incluso los dedos de los pies y la cara, seguimos y seguimos&#8230;\n<\/p>\n<h5>\n  Aplicaci\u00f3n en Arte y Arquitectura:<br \/>\n<\/h5>\n<p>\n  Se alega que el Parten\u00f3n en Grecia se construy\u00f3 utilizando las proporciones \u00e1ureas. Se cree que las relaciones dimensionales de la altura, el ancho, los pilares, la distancia de las columnas e incluso el tama\u00f1o del p\u00f3rtico son relativas a la proporci\u00f3n \u00e1urea. Posiblemente se deba a que el edificio se siente proporcionalmente perfecto y siempre lo ha sido desde la antig\u00fcedad.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f83f0bf.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f83f0bf.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Leonardo Di Vinci tambi\u00e9n era un fan\u00e1tico de la proporci\u00f3n divina (\u00a1y de muchos otros temas curiosos, de hecho!). La maravillosa belleza de la Mona Lisa puede deberse al hecho de que su rostro y su cuerpo respetan la proporci\u00f3n \u00e1urea, al igual que los rostros humanos reales en la naturaleza. Adem\u00e1s, las figuras dispuestas en la pintura de la \u00daltima Cena de Leonardo Di Vinci disponen las figuras de una manera que utiliza las proporciones \u00e1ureas. Cuando construyes rect\u00e1ngulos dorados a lo largo del lienzo, la proporci\u00f3n central coloca perfectamente a Jes\u00fas justo en el medio.\n<\/p>\n<h5>\n  Aplicaciones en dise\u00f1o de logotipos:<br \/>\n<\/h5>\n<p>\n  No es tan sorprendente que tambi\u00e9n pueda encontrar la utilizaci\u00f3n de esta raci\u00f3n divina en muchas disciplinas de los tiempos modernos, particularmente en los dise\u00f1os. Por ahora, centr\u00e9monos en c\u00f3mo se puede usar en el dise\u00f1o de logotipos. Primero, veamos algunas de las marcas m\u00e1s famosas del mundo que han utilizado la proporci\u00f3n \u00e1urea para perfeccionar sus logotipos.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3face358.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3face358.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Al parecer, Apple ha utilizado c\u00edrculos fieles a la serie de Fibonacci para colocar y recortar formas del logotipo de Apple. Se desconoce si esto se hizo intencionalmente o no. Sin embargo, el resultado es claramente un dise\u00f1o de logotipo perfecto y visualmente est\u00e9tico.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3fcdeae9.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3fcdeae9.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  El logotipo de Toyota sigue la relaci\u00f3n ayb para formar una cuadr\u00edcula que presenta los tres anillos. Observe c\u00f3mo este logotipo usa rect\u00e1ngulos en lugar de c\u00edrculos para crear la proporci\u00f3n \u00e1urea.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3ffb6476.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3ffb6476.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  El logotipo de Pepsi se puede crear con dos c\u00edrculos que se cruzan, uno m\u00e1s grande que el otro. El m\u00e1s grande en comparaci\u00f3n con el m\u00e1s peque\u00f1o, como se muestra en la imagen de arriba, es proporcional a, \u00a1lo has adivinado! \u00a1Su \u00faltimo logotipo plano es simple, efectivo y hermoso!\n<\/p>\n<p>\n  Adem\u00e1s de Toyota y Apple, se cree que los logotipos de varias otras empresas, como los de BP, iCloud, Twitter y Grupo Boticario, han tenido en cuenta la proporci\u00f3n \u00e1urea. Y todos sabemos cu\u00e1n famosos son esos logotipos, \u00a1porque una imagen aparece inmediatamente en nuestras cabezas!\n<\/p>\n<h3>\n  As\u00ed es como tambi\u00e9n puede aplicarlo en sus dise\u00f1os<br \/>\n<\/h3>\n<p>\n  Haz un boceto del rect\u00e1ngulo dorado como se muestra arriba en amarillo. Esto se puede hacer construyendo cuadrados con alturas y anchos de un n\u00famero perteneciente a la secuencia \u00e1urea. Comience con la unidad uno y coloque otra pieza cuadrada de 1 unidad justo al lado. Coloque otro cuadrado que est\u00e9 a 2 unidades cuadradas por encima de los dos. Autom\u00e1ticamente tendr\u00e1s un lado de 3 unidades con los tres primeros cuadrados. Despu\u00e9s de construir la caja de 3 unidades al cuadrado, terminar\u00e1s con un lado de 5 unidades a partir del cual puedes hacer otra caja (de 5 unidades al cuadrado). \u00a1Esto puede continuar para siempre antes de que te des cuenta de que tienes el tama\u00f1o exacto que necesitas!\n<\/p>\n<p>\n  El rect\u00e1ngulo se puede colocar en cualquier direcci\u00f3n. Separe los rect\u00e1ngulos m\u00e1s peque\u00f1os y use cada uno para armar un dise\u00f1o que servir\u00e1 como la cuadr\u00edcula del dise\u00f1o de su logotipo.\n<\/p>\n<p>\n  Si el logotipo es m\u00e1s circular, necesitar\u00e1 una versi\u00f3n circular del rect\u00e1ngulo dorado. Puedes hacer esto construyendo c\u00edrculos proporcionales a los n\u00fameros de Fibonacci. Crea un rect\u00e1ngulo dorado usando solo c\u00edrculos (esto significa que el c\u00edrculo m\u00e1s grande tendr\u00e1 un di\u00e1metro de 8, luego un c\u00edrculo m\u00e1s peque\u00f1o con un di\u00e1metro de 5, y as\u00ed sucesivamente). Ahora separe estos c\u00edrculos y col\u00f3quelos de la manera que desee para formar un dise\u00f1o b\u00e1sico para el dise\u00f1o de su logotipo. Aqu\u00ed est\u00e1 el ejemplo del logotipo de Twitter:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b403906d1.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b403906d1.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  <strong>Nota<\/strong>: no tienes que usar todos los c\u00edrculos o rect\u00e1ngulos del rect\u00e1ngulo dorado. Tambi\u00e9n puede usar un tama\u00f1o en particular repetidamente.\n<\/p>\n<h5>\n  C\u00f3mo aplicarlo al texto en los dise\u00f1os:<br \/>\n<\/h5>\n<p>\n  Esto es menos complicado que el dise\u00f1o de logotipos. La regla simple para la aplicaci\u00f3n de la proporci\u00f3n \u00e1urea en el texto es que el siguiente texto m\u00e1s grande o m\u00e1s peque\u00f1o debe estar de acuerdo con Phi. Veamos este ejemplo:\n<\/p>\n<p>\n  Si el tama\u00f1o de mi fuente es 11, entonces debo tener un subt\u00edtulo que tenga una fuente m\u00e1s grande. Multiplicar\u00e9 la fuente de mi texto con la proporci\u00f3n \u00e1urea para producir un n\u00famero m\u00e1s grande (11 1.6=17). Por lo tanto, mi subt\u00edtulo debe tener el tama\u00f1o 17. Ahora, quiero un t\u00edtulo o encabezado a\u00fan m\u00e1s grande. Multiplicar\u00e9 la fuente de mi subt\u00edtulo con la proporci\u00f3n para obtener 27 (17 1.6 = 27). \u00a1Ah\u00ed tienes! Tu texto ahora es proporcional a la proporci\u00f3n \u00e1urea.\n<\/p>\n<h5>\n  C\u00f3mo aplicarlo al Dise\u00f1o Web:<br \/>\n<\/h5>\n<p>\n  Aqu\u00ed se pone un poco m\u00e1s complicado. Puedes mantenerte fiel a la proporci\u00f3n \u00e1urea incluso en tus dise\u00f1os web. Si eres un dise\u00f1ador web experimentado, es posible que ya hayas adivinado d\u00f3nde y c\u00f3mo se puede aplicar esto. S\u00ed, podemos usar efectivamente la proporci\u00f3n \u00e1urea y aplicarla a las cuadr\u00edculas y dise\u00f1os de interfaz de usuario de nuestra p\u00e1gina web.\n<\/p>\n<p>\n  Tome su p\u00edxel de cuadr\u00edcula total por ancho o por alto y util\u00edcelo para construir un rect\u00e1ngulo dorado. Divide el ancho o largo m\u00e1s grande para llegar a un n\u00famero m\u00e1s peque\u00f1o. Este puede ser el ancho o alto de su contenido principal. Lo que te queda puede ser tu barra lateral (o barra inferior si la has aplicado a la altura). Ahora siga usando el rect\u00e1ngulo dorado para aplicarlo a\u00fan m\u00e1s a sus cuadros, botones, paneles, im\u00e1genes y texto. Tambi\u00e9n puede construir una cuadr\u00edcula completa basada en versiones m\u00e1s peque\u00f1as del rect\u00e1ngulo dorado colocadas horizontal y verticalmente para crear objetos de interfaz m\u00e1s peque\u00f1os que sean proporcionales al rect\u00e1ngulo dorado. Para obtener proporciones puedes usar <a href=\"http:\/\/getratio.com\/\" target=\"_blank\" rel=\"noopener\">esta calculadora<\/a>.\n<\/p>\n<p>\n  <strong>La Espiral:<\/strong>\n<\/p>\n<p>\n  Tambi\u00e9n puede usar la espiral dorada para determinar d\u00f3nde colocar el contenido en su sitio web. Si tiene una p\u00e1gina de inicio cargada de contenido gr\u00e1fico, como el sitio web de una tienda en l\u00ednea o un blog de fotograf\u00eda, puede utilizar el m\u00e9todo de la espiral dorada que muchos artistas han utilizado en sus obras de arte. La idea es colocar el contenido m\u00e1s valioso en el centro de la espiral.\n<\/p>\n<p>\n  La agrupaci\u00f3n de contenido se puede realizar siguiendo el rect\u00e1ngulo dorado. Esto significa que cuanto m\u00e1s hacia los cuadrados del centro se mueva la espiral (hacia las casillas de una unidad cuadrada), m\u00e1s \u00abdenso\u00bb se volver\u00e1 el contenido.\n<\/p>\n<p>\n  Puede usar esta t\u00e9cnica para determinar la ubicaci\u00f3n de su encabezado, im\u00e1genes, barra de men\u00fa, barras de herramientas, cuadros de b\u00fasqueda y otros elementos. Twitter es famoso no solo por usar el rect\u00e1ngulo dorado en el dise\u00f1o de su logotipo, sino tambi\u00e9n por usarlo en su dise\u00f1o web. \u00bfC\u00f3mo? Haciendo uso del rect\u00e1ngulo dorado, o en otras palabras, el concepto de espiral dorada, en la p\u00e1gina de perfil de sus usuarios.\n<\/p>\n<p>\n  Esto puede no ser f\u00e1cil de usar en plataformas CMS donde el creador de contenido determina el dise\u00f1o en lugar del dise\u00f1ador web. La proporci\u00f3n \u00e1urea funciona bien con WordPress y otros dise\u00f1os estilo blog. Probablemente esto se deba a que la barra lateral casi siempre est\u00e1 presente en un dise\u00f1o de blog que encaja bien con el rect\u00e1ngulo dorado.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b40780f28.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b40780f28.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Un m\u00e9todo m\u00e1s f\u00e1cil:<br \/>\n<\/h5>\n<p>\n  Muy a menudo, los dise\u00f1adores se saltan las matem\u00e1ticas complejas y aplican lo que llaman la \u00bb <a href=\"https:\/\/en.wikipedia.org\/wiki\/Rule_of_thirds\" target=\"_blank\" rel=\"noopener\">Regla de los tercios<\/a> \u00ab. Esto se puede lograr dividiendo el \u00e1rea en tres partes iguales, tanto horizontal como verticalmente. El resultado son nueve partes iguales. La intersecci\u00f3n de la l\u00ednea se puede utilizar como punto focal para la forma o el dise\u00f1o. Puede colocar un tema clave o sus elementos principales en uno o todos esos puntos focales. Los fot\u00f3grafos tambi\u00e9n usan este concepto para los carteles.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b40b5d765.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b40b5d765.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Cuanto m\u00e1s cerca est\u00e9n los rect\u00e1ngulos de la proporci\u00f3n 1:1,6, m\u00e1s visiblemente agradable es para el cerebro humano (ya que est\u00e1 m\u00e1s cerca de la proporci\u00f3n \u00e1urea).\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/03\/31\/golden-ratio-in-designs\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dicen que hay una \u201cdivina proporci\u00f3n\u201d que descansa en la naturaleza y en muchas cosas que nos rodean. Puedes encontrarlo en flores, colmenas, conchas marinas e incluso en nuestro cuerpo. Esta proporci\u00f3n divina, tambi\u00e9n conocida como proporci\u00f3n \u00e1urea, proporci\u00f3n divina o secci\u00f3n \u00e1urea, se puede aplicar a diversas artes y disciplinas. Los cient\u00edficos afirman que cuanto m\u00e1s cerca de la proporci\u00f3n \u00e1urea est\u00e1 un objeto, m\u00e1s agradable y placentero lo encuentra el cerebro humano. Desde que se descubri\u00f3 esta relaci\u00f3n, muchos artistas y arquitectos la han aplicado en sus obras. Puedes encontrar la proporci\u00f3n \u00e1urea en varios Renacimiento&#8230;<\/p>\n","protected":false},"author":1,"featured_media":139249,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[203,60],"tags":[],"class_list":["post-263568","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263568"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263568\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/139249"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}