{"id":349,"date":"2012-09-22T19:40:42","date_gmt":"2012-09-22T17:40:42","guid":{"rendered":"https:\/\/tristanweis.com\/?p=349"},"modified":"2020-02-21T23:00:07","modified_gmt":"2020-02-21T22:00:07","slug":"bauhaus-vorkurs","status":"publish","type":"post","link":"https:\/\/tristanweis.com\/de\/bauhaus-vorkurs\/","title":{"rendered":"Bauhaus Vorkurs"},"content":{"rendered":"Zur\u00fcck zu den Grundlagen \u2013 <a title=\"Bauhaus Vorkurs\" href=\"http:\/\/www.uni-weimar.de\/medien\/wiki\/IFD:BauhausVorkurs2012\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Bauhaus Vorkurs<\/em><\/a> war ein Kurs \u00fcber die absolut urspr\u00fcnglichen Ans\u00e4tze von Layout und Design.<br \/>\n<!--more--><br \/>\nWeit entfernt von gl\u00e4nzenden, \u00fcberladenen oder hochglanzpolierten Formaten f\u00f6rderte er das Verst\u00e4ndnis f\u00fcr die wichtigsten Prinzipien grafischer Gestaltung.<br \/>\nDer Kurs war in acht Themen aufgeteilt, beginnend mit dem simplen <em>Punkt<\/em> und abschlie\u00dfend mit <em>Typografie und Text<\/em>.<\/p>\n<ul>\n<li><a title=\"Punkt\" href=\"#bauhaus-vorkurs-point\"><b>Punkt<\/b><\/a><\/li>\n<li><a title=\"Linie\" href=\"#bauhaus-vorkurs-line\"><b>Linie<\/b><\/a><\/li>\n<li><a title=\"Form\" href=\"#bauhaus-vorkurs-form\"><b>Form<\/b><\/a><\/li>\n<li><a title=\"Format\" href=\"#bauhaus-vorkurs-format\"><b>Format<\/b><\/a><\/li>\n<li><a title=\"Raster\" href=\"#bauhaus-vorkurs-grid\"><b>Raster<\/b><\/a><\/li>\n<li><a title=\"Farbe\" href=\"#bauhaus-vorkurs-color\"><b>Farbe<\/b><\/a><\/li>\n<li><a title=\"Farbewirkungeffect\" href=\"#bauhaus-vorkurs-color-effect\"><b>Farbewirkung<\/b><\/a><\/li>\n<li><a title=\"Schrift\" href=\"#bauhaus-vorkurs-font\"><b>Schrift<\/b><\/a><\/li>\n<\/ul>\n<p>F\u00fcr die Abschlussaufgabe erstellte ich mindestens einen <a title=\"Processing\" href=\"http:\/\/processing.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Processing<\/em><\/a>-Sketch pro Thema. Diese kleinen, interaktiven Programme demonstrieren spezifische visuelle Wirkungsweisen, deren Ursprung im jeweiligen Themengebiet verankert ist.<\/p>\n<p>Die Sketches sind mit Screenshots pr\u00e4sentiert (manche davon animiert). Falls Du interessiert bist, teste sie jedoch gerne selbst via <a title=\"Processing.js\" href=\"http:\/\/processingjs.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Processing.js<\/a>!<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"bauhaus-vorkurs-point\" style=\"text-align: left;\">Punkt<\/h2>\n<p><a href=\"\/wp-content\/uploads\/2012\/09\/Fleepoints.gif\"><img decoding=\"async\" class=\"alignleft wp-image-780 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Fleepoints_play.jpg\" alt=\"Fleepoints_play\" width=\"50%\"><\/a><\/p>\n<h3>Fleepoints<\/h3>\n<p>Dieser Sketch zeigt die Mausposition auf einer Fl\u00e4che an. Statt den Zeiger selbst darzustellen, bricht er ein bestehendes Punktmuster.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<br \/>\n<a href=\"\/wp-content\/uploads\/2012\/09\/Randompoints_2.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-780 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Randompoints_2.jpg\" alt=\"Randompoints_2\" width=\"50%\"><\/a><\/p>\n<h3>Randompoints<\/h3>\n<p>Denkst Du, Du bist wirklich zu <em>zuf\u00e4lligen<\/em> Aktionen f\u00e4hig? Vergleiche Dein Verst\u00e4ndnis von Zufall mit dem eines Computers. Du wirst feststellen, dass alle Deine Handlungen einem Muster folgen.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"bauhaus-vorkurs-line\" style=\"text-align: left;\">Linie<\/h2>\n<p><a href=\"\/wp-content\/uploads\/2012\/09\/Linedrawer.gif\"><img decoding=\"async\" class=\"alignleft wp-image-780 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Linedrawer_play.jpg\" alt=\"Linedrawer_play\" width=\"50%\"><\/a><\/p>\n<h3>Linedrawer<\/h3>\n<p>Mit vertikalen und horizontalen Linien kreiert <em>Linedrawer<\/em> ein Barcode-\u00e4hnliches Muster, das die Ebene auf interessante Art und Weise aufteilt.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<br \/>\n<a href=\"\/wp-content\/uploads\/2012\/09\/Perspectivelines.gif\"><img decoding=\"async\" class=\"alignleft wp-image-780 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Perspectivelines_play.jpg\" alt=\"Perspectivelines_play\" width=\"50%\"><\/a><\/p>\n<h3>Perspectivelines<\/h3>\n<p>Dieser Sketch basiert auf lediglich vier Linien und demonstriert, wie r\u00e4umliche Wahrnehmung mit simplen Mitteln manipuliert werden kann.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"bauhaus-vorkurs-form\" style=\"text-align: left;\">Form<\/h2>\n<p><a href=\"\/wp-content\/uploads\/2012\/09\/Formcreation.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-780 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Formcreation.jpg\" alt=\"Formcreation\" width=\"50%\"><\/a><\/p>\n<h3>Formcreation<\/h3>\n<p><em>Formcreation<\/em> l\u00e4sst Dich zuf\u00e4llige Formen in verschiedenen Graufstufen erschaffen und erzeugt automatisch einen r\u00e4umlichen Kontext zwischen diesen.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<br \/>\n<a href=\"\/wp-content\/uploads\/2012\/09\/Permutation.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-780 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Permutation.jpg\" alt=\"Permutation\" width=\"50%\"><\/a><\/p>\n<h3>Permutation<\/h3>\n<p><em>Permutation<\/em> ist zun\u00e4chst nur ein geviertelter Kreis. Durch das drehen der einzelnen Viertel l\u00e4sst sich eine Vielzahl von Formen kreieren.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"bauhaus-vorkurs-format\" style=\"text-align: left;\">Format<\/h2>\n<p><a href=\"\/wp-content\/uploads\/2012\/09\/Imageframe.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-801 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Imageframe.jpg\" alt=\"Imageframe\" width=\"50%\" srcset=\"https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Imageframe.jpg 800w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Imageframe-300x225.png 300w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<h3>Imageframe<\/h3>\n<p>Dieser Bilderrahmen kommuniziert verschiedene Wahrnehmungen ein und desselben Bildes durch die \u00c4nderung dessen Formates.<br \/>\n&nbsp;<br \/>\n<a href=\"http:\/\/www.mediafire.com\/download.php?liyjvx5agjm8883\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#333333;border-color:#292929;border-radius:0px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#FFFFFF;padding:6px 18px;font-size:14px;line-height:21px;border-color:#717171;border-radius:0px;text-shadow:none\"><i class=\"sui sui-download\" style=\"font-size:14px;color:#FFFFFF\"><\/i> <em>Imageframe<\/em> herunterladen<\/span><\/a>\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<br \/>\n<a href=\"\/wp-content\/uploads\/2012\/09\/Shadowspace.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-802 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Shadowspace.jpg\" alt=\"Shadowspace\" width=\"50%\" srcset=\"https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Shadowspace.jpg 800w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Shadowspace-300x225.png 300w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<h3>Shadowspace<\/h3>\n<p>Mit einem einfachen Klick ordnet <em>Shadowspace<\/em> Formen auf einer Ebene zuf\u00e4llig an, mit dem zusatz eines \"Schattens\". Durch die \u00c4nderung der Distanz wird die Illusion verschiedener R\u00e4ume erzeugt.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"bauhaus-vorkurs-grid\" style=\"text-align: left;\">Raster<\/h2>\n<p><a href=\"\/wp-content\/uploads\/2012\/09\/Bowgrid.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-805 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Bowgrid.jpg\" alt=\"Bowgrid\" width=\"50%\" srcset=\"https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Bowgrid.jpg 800w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Bowgrid-300x225.png 300w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<h3>Bowgrid<\/h3>\n<p><em>Bowgrid<\/em> ist ein konkaves Muster, das dem Mauszeiger folgt \u2013 und dem Nutzer damit die M\u00f6glichkeit gibt, seine eigene r\u00e4umliche Wahrnehmung zu beeinflussen.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<br \/>\n<a href=\"\/wp-content\/uploads\/2012\/09\/Dgrid.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-806 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Dgrid.jpg\" alt=\"Dgrid\" width=\"50%\" srcset=\"https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Dgrid.jpg 800w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Dgrid-300x225.png 300w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<h3>Dgrid<\/h3>\n<p>Dieser Sketch zeigt ein dreidimensional wirkendes Raster. Der Fluchtpunkt folgt dem Mauszeiger, womit der Nutzer seine Perspektive und den Effekt des Raumes beeinflusst.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<br \/>\n<a href=\"\/wp-content\/uploads\/2012\/09\/Filet.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-807 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Filet.jpg\" alt=\"Filet\" width=\"50%\" srcset=\"https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Filet.jpg 800w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Filet-300x225.png 300w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<h3>Filet<\/h3>\n<p>Durch das Zeichnen der gleichen simplen, zweidimensionalen Form mit Muster-basierter Verzerrung, erzeugt <em>Filet<\/em> eine dreidimensionale Illusion.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"bauhaus-vorkurs-color\" style=\"text-align: left;\">Farbe<\/h2>\n<p><a href=\"\/wp-content\/uploads\/2012\/09\/Greyscale.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-808 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Greyscale.jpg\" alt=\"Greyscale\" width=\"50%\" srcset=\"https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Greyscale.jpg 800w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Greyscale-300x225.png 300w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<h3>Greyscale<\/h3>\n<p><em>Greyscale<\/em> zeigt 32 Graustufen an. Der Hintergrund l\u00e4sst sich \u00e4ndern um deren Wirkung zu demonstrieren.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"bauhaus-vorkurs-color-effect\" style=\"text-align: left;\">Farbwirkung<\/h2>\n<p><a href=\"\/wp-content\/uploads\/2012\/09\/Colortable.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-809 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Colortable.jpg\" alt=\"Colortable\" width=\"50%\" srcset=\"https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Colortable.jpg 1200w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Colortable-300x150.png 300w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Colortable-1024x512.png 1024w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/a><\/p>\n<h3>Colortable<\/h3>\n<p>Eine Tabelle mit Farbkombinationen. Ihre Komposition l\u00e4sst sich durch die Mausposition frei \u00e4ndern und demonstriert das Verh\u00e4ltnis der Farben zu deren jeweiligen Gegenspielern.<br \/>\n&nbsp;<br \/>\n\n<div style=\"clear: both;\">&nbsp;<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"bauhaus-vorkurs-font\" style=\"text-align: left;\">Schrift<\/h2>\n<p><a href=\"\/wp-content\/uploads\/2012\/09\/Fontboxes_1.jpg\"><img decoding=\"async\" class=\"alignleft wp-image-810 size-medium\" src=\"\/wp-content\/uploads\/2012\/09\/Fontboxes_1-300x225.png\" alt=\"Fontboxes_1\" width=\"50%\" srcset=\"https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Fontboxes_1-300x225.png 300w, https:\/\/tristanweis.com\/wp-content\/uploads\/2012\/09\/Fontboxes_1.jpg 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h3>Fontboxes<\/h3>\n<p>Durch das Anordnen einzelner Buchstaben verschiedener Schriftschnitte innerhalb eines schwarzen Quadrats, wird die Wirkung derer Position auf ihre Wahrnehmung demonstriert.<br \/>\n&nbsp;<br \/>\n<a href=\"http:\/\/www.mediafire.com\/download.php?2cx61en52x2d5vc\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#333333;border-color:#292929;border-radius:0px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#FFFFFF;padding:6px 18px;font-size:14px;line-height:21px;border-color:#717171;border-radius:0px;text-shadow:none\"><i class=\"sui sui-download\" style=\"font-size:14px;color:#FFFFFF\"><\/i> <em>Fontboxes<\/em> herunterladen<\/span><\/a>\n<div style=\"clear: both;\">&nbsp;<\/div>","protected":false},"excerpt":{"rendered":"<p>Leider ist der Eintrag nur auf English verf\u00fcgbar. Der Inhalt wird unten in einer verf\u00fcgbaren Sprache angezeigt. Klicken Sie auf den Link, um die aktuelle Sprache zu \u00e4ndern.Back to basics \u2013 Bauhaus Vorkurs was a course that taught absolutely fundamental approaches of layout and design.<\/p>\n","protected":false},"author":1,"featured_media":415,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-other-stuff"],"_links":{"self":[{"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/posts\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":1,"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/posts\/349\/revisions"}],"predecessor-version":[{"id":2654,"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/posts\/349\/revisions\/2654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/media\/415"}],"wp:attachment":[{"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/media?parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/categories?post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tristanweis.com\/de\/wp-json\/wp\/v2\/tags?post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}