{"id":263325,"date":"2023-09-12T11:10:00","date_gmt":"2023-09-12T08:10:00","guid":{"rendered":"https:\/\/inform.click\/lo-que-la-bauhaus-puede-ensenarnos-sobre-diseno-infografico\/"},"modified":"2023-09-12T11:25:00","modified_gmt":"2023-09-12T08:25:00","slug":"lo-que-la-bauhaus-puede-ensenarnos-sobre-diseno-infografico","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/lo-que-la-bauhaus-puede-ensenarnos-sobre-diseno-infografico\/","title":{"rendered":"Lo que la Bauhaus puede ense\u00f1arnos sobre dise\u00f1o infogr\u00e1fico"},"content":{"rendered":"

\n En comparaci\u00f3n con las bellas artes, el dise\u00f1o siempre se ha percibido como menos inspirador debido a su naturaleza pr\u00e1ctica. Solo nos hemos dado cuenta del incre\u00edble poder del dise\u00f1o desde el siglo pasado debido a algunos movimientos de dise\u00f1o que cambiaron el paradigma.\n<\/p>\n

\n La Bauhaus<\/a> fue uno de estos movimientos que le dio al dise\u00f1o<\/strong> un lugar \u00fanico en la humanidad: una disciplina \u00fanica que fusion\u00f3 el arte y la artesan\u00eda con un enfoque filos\u00f3fico.\n<\/p>\n

\n \u00abBauhaus\u00bb, un t\u00e9rmino que literalmente significa \u00abcasa de construcci\u00f3n\u00bb en alem\u00e1n, fue una escuela de arte fundada por el arquitecto Walter Gropius<\/a> en 1919. Cuando exist\u00eda la escuela Bauhaus, ten\u00eda sus ra\u00edces en tres ciudades: Dessau (1925-1932), Weimar (1919-1925) y Berl\u00edn (1932-1933).Aunque dur\u00f3 poco y finalmente cerr\u00f3 debido al partido pol\u00edtico nazi, la Bauhaus como movimiento tuvo una gran influencia en el arte, el dise\u00f1o y la arquitectura que contin\u00faa hasta el d\u00eda de hoy. Algunos de los artistas y dise\u00f1adores de la Bauhaus m\u00e1s conocidos incluyen a Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky y L\u00e1szl\u00f3 Moholy-Nagy.\n<\/p>\n

\n En lugar de centrarse en el ideal elitista de las bellas artes, la Bauhaus fue lo suficientemente radical en ese momento como para integrar los principios del arte y el dise\u00f1o, como la teor\u00eda del color, la composici\u00f3n con una b\u00fasqueda incesante de una funcionalidad \u00fatil. Hay mucho que aprender de los principios revolucionarios de la Bauhaus para el dise\u00f1o infogr\u00e1fico. Aqu\u00ed repasamos sus lecciones para refrescar su pensamiento sobre el dise\u00f1o de la informaci\u00f3n con una curiosa combinaci\u00f3n de estilo art\u00edstico y racionalidad modernista.\n<\/p>\n

\n El legado de la Bauhaus
\n<\/h5>\n

\n Son los seis principios fundamentales de la Bauhaus. Se basan en un enfoque minimalista, definido por colores simples y un dise\u00f1o limpio. La Bauhaus como movimiento, m\u00e1s all\u00e1 de ser una escuela de arte, ten\u00eda ciertas creencias que dieron forma a su enfoque del arte y el dise\u00f1o:\n<\/p>\n

    \n
  1. Los productos podr\u00edan producirse en masa pero tambi\u00e9n honrar el esp\u00edritu art\u00edstico de la individualidad y servir a la mayor\u00eda de la poblaci\u00f3n. Aunque ya exist\u00eda una idea similar en Alemania, se convirti\u00f3 en el centro de atenci\u00f3n despu\u00e9s de la Bauhaus.\n <\/li>\n
  2. La escuela de arte Bauhaus tambi\u00e9n cre\u00eda que los estudiantes deben estar bien equipados en terrenos art\u00edsticos, sociales, econ\u00f3micos, t\u00e9cnicos y espirituales. Esto sacar\u00eda lo mejor de ellos y los convertir\u00eda en participantes vitales en la sociedad.\n <\/li>\n
  3. La Escuela de Artes de la Bauhaus prefer\u00eda a los profesores con visi\u00f3n de futuro a los acad\u00e9micos calificados acad\u00e9micamente. La creatividad art\u00edstica fue fomentada por ellos.\n <\/li>\n
  4. Otro de sus principios inclu\u00eda una amalgama de artes aplicadas y bellas artes.\n <\/li>\n
  5. Los seguidores de la Bauhaus cre\u00edan que un dise\u00f1ador debe tener una gran experiencia con los materiales.\n <\/li>\n
  6. Eran firmes creyentes en el dise\u00f1o racional y estaban cautivados por un sentido moderno de la belleza.\n <\/li>\n<\/ol>\n

    \n Lecciones de Bauhaus para dise\u00f1o infogr\u00e1fico\n<\/p>\n

    \n Los dise\u00f1adores gr\u00e1ficos pueden aprender mucho sobre el dise\u00f1o moderno que captura una combinaci\u00f3n de arte, asequibilidad y utilidad. Veamos las lecciones que podemos aplicar al dise\u00f1o infogr\u00e1fico hoy.\n<\/p>\n

    \n 1 forma sigue a la funci\u00f3n
    \n<\/h5>\n

    \n El dise\u00f1o de informaci\u00f3n efectivo considera la comunicaci\u00f3n como su m\u00e1xima prioridad. De vez en cuando vemos una infograf\u00eda bellamente dise\u00f1ada que no transmite un mensaje memorable. El prop\u00f3sito principal de una infograf\u00eda es comunicar informaci\u00f3n: la forma y el estilo deben funcionar para cumplir este prop\u00f3sito y no al rev\u00e9s.\n<\/p>\n

    \n
    \n Las famosas mesas nido de Josef Albert son un juego de formas minimalistas y combinaciones de colores.\n<\/p>\n

    \n La escuela Bauhaus ense\u00f1\u00f3 a los estudiantes a quitar la decoraci\u00f3n innecesaria que no ten\u00eda un prop\u00f3sito funcional. La frase \u00abla forma sigue a la funci\u00f3n\u00bb, acu\u00f1ada por el arquitecto estadounidense Louis Sullivan, captura perfectamente el esp\u00edritu de la \u00e9poca de la Bauhaus. Siguiendo esta regla, una buena infograf\u00eda debe priorizar la legibilidad y reducir el desorden visual para crear un enfoque visual claro. En otras palabras, deber\u00edamos anunciar la muerte al exceso de detalles ornamentales.\n<\/p>\n

    \n A continuaci\u00f3n se muestra una infograf\u00eda que sigue esta regla. Utilizando colores m\u00ednimos y formas geom\u00e9tricas b\u00e1sicas, comunica informaci\u00f3n compleja con un dise\u00f1o muy limpio y ordenado.\n<\/p>\n

    \"\"<\/a> Las rutinas diarias de personas creativas famosas<\/p>\n

    \n 2 La jerarqu\u00eda visual es el rey
    \n<\/h5>\n

    \n La escuela Bauhaus prest\u00f3 especial atenci\u00f3n a las relaciones formadas entre dos opuestos. Por ejemplo, explicaba la conexi\u00f3n entre oscuridad y luz, izquierda y derecha o grande y peque\u00f1o. Y esta relaci\u00f3n entre elementos crea una jerarqu\u00eda visual.\n<\/p>\n

    \n Tome las pinturas de composici\u00f3n ic\u00f3nicas de Kandinsky (\u00bfMondrian?), Por ejemplo. El tama\u00f1o y la posici\u00f3n del rect\u00e1ngulo rojo crea un punto focal visual, formando una relaci\u00f3n con colores y formas contrastantes adyacentes que es muy f\u00e1cil de seguir para nuestros ojos.\n<\/p>\n

    \"\"<\/a> La pintura de Kandinsky \u00abBlanco-blanco\u00bb demuestra una clara jerarqu\u00eda visual.<\/p>\n

    \n La lecci\u00f3n aqu\u00ed es crear un enfoque visual claro en el dise\u00f1o infogr\u00e1fico usando contraste, formas y posicionamiento espacial. En el siguiente ejemplo infogr\u00e1fico, el uso de colores rojo y verde forma un fuerte contraste que resalta la diferencia cuantitativa, mientras que las formas superpuestas en el centro crean un claro punto focal visual.\n<\/p>\n

    \"\"<\/a> Infograf\u00eda de un a\u00f1o de Food in NYC.<\/p>\n

    \n 3 colores como medio
    \n<\/h5>\n

    \n Un brillante estudiante de la escuela de artes Bauhaus, llamado Josef Albers<\/a>, ampli\u00f3 el tema en su ic\u00f3nico libro, ‘Interacci\u00f3n del color'. Josef nos ense\u00f1\u00f3 que los colores son relativos y rara vez se ven como sus propiedades f\u00edsicas reales. Como medio, los colores pueden ser \u00abenga\u00f1osos\u00bb y \u00abprovocativos\u00bb. Por lo tanto, comprender c\u00f3mo interact\u00faan los colores entre s\u00ed puede determinar en gran medida su mensaje.\n<\/p>\n

    \n En el ejemplo que ilustra la relatividad del color a continuaci\u00f3n, se percibe que los cuadrados del mismo color marr\u00f3n tienen diferentes tonos debido al contexto en el que se encuentran. Comprender las propiedades intr\u00ednsecas de una paleta de colores es el primer paso. Para transmitir el mensaje correcto, tambi\u00e9n se debe considerar la interacci\u00f3n entre los colores al elegir un esquema de color.\n<\/p>\n

    \"\"<\/a> Josef Albers sobre la relatividad del color.<\/p>\n

    \n Actualmente, los dise\u00f1adores eligen las mejores paletas para que los sitios web sean coloridos y coincidan con las propiedades intr\u00ednsecas de los tonos.\n<\/p>\n

    \n La lecci\u00f3n de que los colores tienen conexiones m\u00e1s profundas es lo que emplean los dise\u00f1adores modernos. Por lo tanto, eligen con cautela la mejor combinaci\u00f3n de colores y resaltan el significado por completo.\n<\/p>\n

    \n Otros artistas de la Bauhaus han contribuido a la teor\u00eda del color adem\u00e1s de Josef Albers, como Johannes Itten<\/a> y su esfera de color. La categorizaci\u00f3n del color en colores primarios, secundarios y terciarios<\/strong> hoy en d\u00eda todav\u00eda se usa ampliamente para el dise\u00f1o gr\u00e1fico. La teor\u00eda del color de Itten puede guiar al dise\u00f1ador infogr\u00e1fico a elegir el mejor esquema de color para sus dise\u00f1os.\n<\/p>\n

    \"\"<\/a> C\u00edrculo de color de 12 tonos de Johannes Itten.<\/p>\n

    \n Con esta teor\u00eda del color en mente, es mucho m\u00e1s f\u00e1cil elegir el mejor esquema de color para tu infograf\u00eda basado en los principios de consistencia<\/strong> y simplicidad<\/strong>. Una buena infograf\u00eda usa una paleta de colores consistente mientras mantiene la combinaci\u00f3n de colores simple. Desea que sus colores apoyen la comunicaci\u00f3n de informaci\u00f3n en lugar de obstruir o distraer al lector del mensaje clave.\n<\/p>\n

    \n Por ejemplo, si va a dise\u00f1ar una infograf\u00eda sobre la preparaci\u00f3n del caf\u00e9, es mejor usar el marr\u00f3n como color dominante, ya que es el color asociado con los granos de caf\u00e9, manteniendo la paleta de colores completa simple. En esta infograf\u00eda<\/a> de Nespresso, el dise\u00f1o transmite el tema utilizando el color marr\u00f3n en todas partes.\n<\/p>\n

    \n Para utilizar los colores de forma coherente y sencilla en el dise\u00f1o de su infograf\u00eda, existen 3 esquemas de color que puede considerar: monocrom\u00e1tico, tri\u00e1dico y complementario<\/strong>. Un esquema de color monocrom\u00e1tico usa colores del mismo tono pero de diferentes saturaciones, as\u00ed que tenga cuidado de establecer sus colores de una manera que no parezca demasiado aburrida. Para los principiantes, es m\u00e1s f\u00e1cil comenzar con un esquema de color tri\u00e1dico donde los colores est\u00e1n a la misma distancia en la rueda de colores. Los colores complementarios est\u00e1n en los extremos opuestos de la rueda de colores y son excelentes para crear contraste.\n<\/p>\n

    \"\"<\/a> 3 Tipos de esquemas de color para infograf\u00eda.<\/p>\n

    \n Por \u00faltimo, siempre considere el contexto de su infograf\u00eda para elegir colores que evoquen las asociaciones correctas. Por ejemplo, si est\u00e1 dise\u00f1ando una infograf\u00eda para la temporada navide\u00f1a, es mejor ce\u00f1irse al esquema de color rojo y verde.\n<\/p>\n

    \n 4 La tipograf\u00eda importa mucho
    \n<\/h5>\n

    \n Uno de los mayores legados de la escuela de arte Bauhaus es la tipograf\u00eda. Los l\u00edderes de Bauhaus cre\u00edan que la tipograf\u00eda es una parte integral de los gr\u00e1ficos y que las palabras deben colocarse en \u00e1ngulos agudos. Sin embargo, el significado de una palabra ten\u00eda mayor prioridad que su dise\u00f1o.\n<\/p>\n

    \n Esta creencia ense\u00f1\u00f3 a los dise\u00f1adores contempor\u00e1neos una gran lecci\u00f3n. Los anim\u00f3 a ser creativos con los estilos de fuente, pero tambi\u00e9n les advirti\u00f3 que no se desviaran del mensaje real que quer\u00edan expresar. Seg\u00fan la Bauhaus, la funci\u00f3n principal de la tipograf\u00eda es comunicar, y la comunicaci\u00f3n debe aparecer en la \u00abforma m\u00e1s corta, simple y penetrante\u00bb.\n<\/p>\n

    \"\"<\/a> Las mejores tipograf\u00edas de la Bauhaus buscan la lucidez y la sencillez.<\/p>\n

    \n Para el dise\u00f1o infogr\u00e1fico, como regla general, debemos usar fuentes que sean legibles y simples para comunicar con claridad. Las fuentes demasiado decorativas para copiar texto dificultar\u00e1n la lectura y distraer\u00e1n la vista, ya que los textos rara vez son el punto focal del dise\u00f1o.\n<\/p>\n

    \n 5 El dise\u00f1o de la cuadr\u00edcula
    \n<\/h5>\n

    \n Una buena alineaci\u00f3n hace una gran diferencia en el dise\u00f1o gr\u00e1fico. Los pioneros de la Bauhaus cre\u00edan en un enfoque minimalista de la organizaci\u00f3n visual, donde todo se comprim\u00eda en rect\u00e1ngulos y cuadrados. La cuadr\u00edcula tiene mucho sentido para los dise\u00f1adores pr\u00e1cticos de la Bauhaus. Muchos de los elementos de dise\u00f1o de la Bauhaus se ajustan a una cuadr\u00edcula estricta, como la portada del libro y el tablero de ajedrez a continuaci\u00f3n.\n<\/p>\n

    \"\"<\/a> Dise\u00f1ando para la red.<\/p>\n

    \n Hoy en d\u00eda, el sistema de cuadr\u00edcula es un sistema de alineaci\u00f3n com\u00fanmente utilizado por dise\u00f1adores gr\u00e1ficos y dise\u00f1adores web para dise\u00f1os de p\u00e1gina. Sigue siendo un sistema eficaz para mantener la jerarqu\u00eda visual en toda la secci\u00f3n de contenido. Para el dise\u00f1o infogr\u00e1fico, seguir el sistema de cuadr\u00edcula es imprescindible porque se deben organizar, organizar y estructurar m\u00faltiples elementos para crear una jerarqu\u00eda visual clara.\n<\/p>\n

    \"\"<\/a> C\u00f3mo se utiliza el sistema de cuadr\u00edcula en el dise\u00f1o gr\u00e1fico.<\/p>\n

    \n Usando un sistema de cuadr\u00edcula basado en columnas<\/strong> como la cuadr\u00edcula de 6 columnas anterior, puede configurar una gu\u00eda sobre c\u00f3mo interact\u00faan sus elementos de dise\u00f1o con cada uno. Eso sienta las bases para relaciones visuales s\u00f3lidas en su dise\u00f1o. Adem\u00e1s, los sistemas de rejilla se pueden utilizar para crear ritmo y movimiento. En el dise\u00f1o de color de la revista Bauhaus anterior, la cuadr\u00edcula en posici\u00f3n diagonal crea una sensaci\u00f3n de movimiento, mientras que los elementos densamente poblados en el centro de la cuadr\u00edcula producen una sensaci\u00f3n de gravedad.\n<\/p>\n

    \n Si el sistema de cuadr\u00edcula basado en columnas es el pegamento que mantiene unido su contenido, entonces el uso de m\u00e1rgenes<\/strong> ayuda a despejar su densa visualizaci\u00f3n de informaci\u00f3n. Probablemente haya notado c\u00f3mo el generoso uso de espacios en blanco y amplios m\u00e1rgenes en los dise\u00f1os Bauhaus crea una apariencia limpia y ordenada.\n<\/p>\n

    \n Finalmente, tener un sistema de grillas te ayuda a romper la grilla. Su dise\u00f1o se vuelve inmediatamente impactante cuando rompe las reglas a prop\u00f3sito. Esto har\u00e1 que su infograf\u00eda sea instant\u00e1neamente m\u00e1s memorable entre los muchos dise\u00f1os infogr\u00e1ficos est\u00e1ndar. Tome la siguiente infograf\u00eda como ejemplo, la ruptura de la cuadr\u00edcula rectangular en la parte superior crea un impacto visual sorprendente, mientras que el resto de la cuadr\u00edcula de la p\u00e1gina se mantuvo intacta para conservar la armon\u00eda visual del dise\u00f1o general.\n<\/p>\n

    \"\"<\/a> Buen ejemplo de romper la red.<\/p>\n

    \n Tu turno
    \n<\/h4>\n

    \n Aqu\u00ed est\u00e1n las cinco lecciones esenciales de la Bauhaus que puedes usar en tu pr\u00f3ximo dise\u00f1o infogr\u00e1fico. \u00bfLos encuentra f\u00e1ciles de entender y pr\u00e1cticos de seguir? \u00bfHas descubierto otros principios de la Bauhaus adecuados para los dise\u00f1os infogr\u00e1ficos?\n<\/p>\n

    \n Y si est\u00e1 listo para dar el salto, pruebe estos principios de dise\u00f1o con un creador de infograf\u00edas como Visme que viene con plantillas, para que pueda concentrarse en jugar y elegir la fuente, el color y el dise\u00f1o visual correctos.\n<\/p>\n<\/p>\n

    \n Fuente de grabaci\u00f3n: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    En comparaci\u00f3n con las bellas artes, el dise\u00f1o siempre se ha percibido como menos inspirador debido a su naturaleza pr\u00e1ctica. Solo nos hemos dado cuenta del incre\u00edble poder del dise\u00f1o desde el siglo pasado debido a algunos movimientos de dise\u00f1o que cambiaron el paradigma. La Bauhaus fue uno de estos movimientos que le dio al dise\u00f1o un lugar \u00fanico en la humanidad: una disciplina \u00fanica que fusion\u00f3 el arte y la artesan\u00eda con un enfoque filos\u00f3fico. \u00abBauhaus\u00bb, un t\u00e9rmino que literalmente significa \u00abcasa de construcci\u00f3n\u00bb en alem\u00e1n, fue una escuela de arte fundada por el arquitecto Walter Gropius en 1919. Cuando exist\u00eda la escuela Bauhaus, ten\u00eda sus ra\u00edces en tres ciudades:…<\/p>\n","protected":false},"author":1,"featured_media":191028,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[398,203,359,528,658,606,60],"tags":[],"class_list":["post-263325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-diseno-web","category-entretenimiento","category-raznoe-es","category-sitios-web","category-tecnologia-y-mas","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263325","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=263325"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263325\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/191028"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}