{"id":362,"date":"2007-05-09T14:19:50","date_gmt":"2007-05-09T13:19:50","guid":{"rendered":"http:\/\/www.webposible.com\/blog\/?p=362"},"modified":"2019-06-19T15:43:36","modified_gmt":"2019-06-19T14:43:36","slug":"expresiones-de-zen-en-los-bonsais-y-su-aplicacion-en-el-diseno-web","status":"publish","type":"post","link":"http:\/\/www.webposible.com\/blog\/2007\/expresiones-de-zen-en-los-bonsais-y-su-aplicacion-en-el-diseno-web\/","title":{"rendered":"Expresiones de Zen en los bonsais y su aplicaci\u00f3n en el dise\u00f1o web"},"content":{"rendered":"<p>Leyendo el t\u00edtulo, parece que el discurso de este art\u00edculo va a tratar sobre <a href=\"http:\/\/www.csszengarden.com\/\">CSS Zen Garden<\/a>, y las virtudes de separar la presentaci\u00f3n del contenido en una p\u00e1gina web. Pero no es as\u00ed, aunque todo puede ocurrir \ud83d\ude42<\/p>\n<p>Comencemos por el principio. Hace poco he pedido prestado de la biblioteca un libro:<\/p>\n<dl class=\"dublincore\">\n<dt>T\u00edtulo<\/dt>\n<dd class=\"title\">Bonsai<\/dd>\n<dt>Autor<\/dt>\n<dd class=\"creator\" lang=\"en\">Peter Chan<\/dd>\n<dt>ISBN:<\/dt>\n<dd class=\"identifier\">84-329-1659-5<\/dd>\n<\/dl>\n<p>En las primeras p\u00e1ginas de este libro se habla de los principios est\u00e9ticos chinos y japoneses, que tienen su origen en el tao\u00edsmo y el zen (budismo chino-japon\u00e9s). Estos principios son los conceptos de<strong><em> wabi<\/em><\/strong> y <strong><em>sabi<\/em><\/strong>. Lo que cuento a continuaci\u00f3n, se ha extra\u00eddo de ese libro. No es una copia literal, pero se parece bastante \ud83d\ude42<\/p>\n<h3>Wabi y sabi<\/h3>\n<p>Literalmente, <strong>wabi<\/strong> significa <em>pobreza<\/em>. Pero maticemos m\u00e1s este concepto, no se trata de tener o no tener posesiones, hablamos de la no dependencia de las posesiones materiales. Quiere decir que una persona puede ser rica interiormente, teniendo pocas posesiones.<\/p>\n<p>Desde el punto de vista intelectual o art\u00edstico, el wabi se asocia con las cosas simples de la vida, con las personas que no caen en complejidades estructurales, ni en el exceso de adornos. Como dijo el poeta \u201cuna cruz m\u00e1s sencilla carpintero\u201d.<\/p>\n<p><strong>Sabi<\/strong> significa <em>soledad<\/em>. Pero de nuevo hay que matizar el concepto para entender mejor sus implicaciones en t\u00e9rminos est\u00e9ticos. El t\u00e9rmino sabi est\u00e1 relacionado con la antiguedad, como por ejemplo con los utensilios usados en la antigua ceremonia del t\u00e9. As\u00ed, tambi\u00e9n puede significar imprerfecci\u00f3n antigua a prop\u00f3sito y ausencia de sofisticaci\u00f3n.<\/p>\n<p>Uniendo estos dos conceptos, obtenemos siete caracter\u00edsticas que se consideran <em>expresiones Zen de una obra de arte<\/em>.<\/p>\n<ul>\n<li>Wabi: Libertad de ataduras, profundidad sut\u00edl<\/li>\n<li>Sabi: Sublimidad austera, asimetr\u00eda<\/li>\n<li>Wabi y Sabi: Simplicidad, tranquilidad, naturalidad.<\/li>\n<\/ul>\n<p>Y ahora desarrollemos un poco estos conceptos<\/p>\n<ul>\n<li><strong>Asimetr\u00eda<\/strong>: En los bonsais (\u00bfrecord\u00e1is?, habl\u00e1mos de un libro de bonsais), la mayoria de los dise\u00f1os son asim\u00e9tricos en la forma y el balance. Muy pocas composiciones necesitan ser sim\u00e9tricas: la armon\u00eda se consigue mediante un balance de la masa visual, el espacio abierto (o espacio en blanco) y las proporciones adecuadas.<\/li>\n<li><strong>Simplicidad<\/strong>: A veces, en campos como la filosof\u00eda y la ciencia, los pensamientos m\u00e1s profundos se expresan en t\u00e9rminos simples. Un exceso de decoraci\u00f3n (hablando de bons\u00e1is) en la maceta o el \u00e1rbol, resta m\u00e9ritos al dise\u00f1o.<\/li>\n<li><strong>Sublimidad austera<\/strong>: <q>Todas las partes sobrantes deben ser eliminadas, manteniendo \u00fanicamente los elementos esenciales que se requieren para transmitir el mensaje del artista<\/q>. Un bons\u00e1i se puede dise\u00f1ar mediante una aproximaci\u00f3n minimalista: fuertes l\u00edneas del tronco y pocas ramas y follaje.<\/li>\n<li><strong>Naturalidad<\/strong>: El prop\u00f3sito de los bons\u00e1is es crear una obra \u201cnatural\u201d en una maceta. Debe evitarse cualquier rastro de artificialidad: el objetivo es observar y copiar las caracter\u00edsticas de la naturaleza para crear una impresi\u00f3n de lo accidental \u00f3 incidental. Como si no se hubiese tocado por el hombre.<\/li>\n<li><strong>Profundidad sutil<\/strong>: Es un t\u00e9rmino complejo, y de dif\u00edcil transmisi\u00f3n <q>implica insinuaciones de inagotabilidad y reverberaciones interminables. Hay una sugesti\u00f3n de profundo espacio que implica alguna escondida habilidad o cualidad<\/q>.<\/li>\n<li><strong>Libertad de ataduras<\/strong>: Romper con los convencionalismos, costumbres, ser original,&#8230;<\/li>\n<li><strong>Tranquilidad<\/strong>: Esta caracter\u00edstica, un profundo sentimiento de calma profunda y reposo, est\u00e1 muy asociada al arte chino y japon\u00e9s y tambi\u00e9n est\u00e1 presente en los bons\u00e1is.<\/li>\n<\/ul>\n<p>Despu\u00e9s de toda esta explicaci\u00f3n, conviene recordar el dise\u00f1o original de <a href=\"http:\/\/www.csszengarden.com\/\">CSS Zen Garden<\/a>, y visitarlo de nuevo. <em>\u00bfComprend\u00e9is mejor el dise\u00f1o ahora?<\/em><\/p>\n<p>Si de vuelves\u00a0atr\u00e1s,\u00a0a ojear las caracter\u00edsticas consideradas como expresiones Zen de una obra de arte (ya sabes, asimetr\u00eda, simplicidad,&#8230;) perfectamente se pueden extrapolar a otros \u00e1mbitos de la web, como por ejemplo la <em>usabilidad<\/em> (al menos con algunas caracter\u00edsticas), o incluso el <em>c\u00f3digo fuente de una p\u00e1gina web<\/em> (ya sab\u00e9is <q lang=\"en\">the code is poetry<\/q>).<\/p>\n<p>Quiz\u00e1s esta analog\u00eda te parece demasiado forzada. Ten en cuenta que cuando empez\u00e9 a escribir esto, estaba de baja con faringitis, otitis y una infecci\u00f3n en un ojo. De todas formas te reto, de forma elegante y amistosa, a encontrar similitudes con otras obras, artes, escritos, libros,&#8230; que aparentemente est\u00e9n muy alejando del dise\u00f1o web. Por pura diversi\u00f3n. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Leyendo el t\u00edtulo, parece que el discurso de este art\u00edculo va a tratar sobre CSS Zen Garden, y las virtudes de separar la presentaci\u00f3n del contenido en una p\u00e1gina web. Pero no es as\u00ed, aunque todo puede ocurrir \ud83d\ude42 Comencemos por el principio. Hace poco he pedido prestado de la biblioteca un libro: T\u00edtulo Bonsai [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,8],"tags":[],"class_list":["post-362","post","type-post","status-publish","format-standard","hentry","category-css","category-diseno-web"],"_links":{"self":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":2,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/362\/revisions"}],"predecessor-version":[{"id":434,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/362\/revisions\/434"}],"wp:attachment":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/media?parent=362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/categories?post=362"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/tags?post=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}