{"id":1431,"date":"2020-04-02T18:54:23","date_gmt":"2020-04-02T16:54:23","guid":{"rendered":"http:\/\/www.claudio-bechinie.de\/Wordpress-Test\/?p=1431"},"modified":"2020-07-27T13:08:29","modified_gmt":"2020-07-27T11:08:29","slug":"elemente-raumaufteilung","status":"publish","type":"post","link":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/?p=1431","title":{"rendered":"Elemente &#038; Raumaufteilung"},"content":{"rendered":"\n<p>Eine Pr\u00e4sentation besteht immer aus einzelnen Elementen, die man zueinander in Beziehung setzen muss. Da die Fl\u00e4che der Pr\u00e4sentationsseite begrenzt ist, muss man sich gleich am Anfang \u00fcberlegen, welche Elemente man nutzen m\u00f6chte und wie die r\u00e4umliche Aufteilung aussehen soll.<\/p>\n\n\n\n<p><strong>Welche Elemente gibt es?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Titel<\/li><li>\u00dcbersicht\/Inhaltsverzeichnis<\/li><li>Fotos\/Grafiken<\/li><li>Fu\u00dfzeile (Datum und Ersteller der Pr\u00e4sentation)<\/li><li>den eigentlichen Inhalt<\/li><\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Grunds\u00e4tze:<\/h5>\n\n\n\n<p><strong>1. Jede Seite sollte grunds\u00e4tzlich denselben Aufbau haben!<\/strong><\/p>\n\n\n\n<p>Der Zuschauer hat sich schnell an den Aufbau einer Pr\u00e4sentation gew\u00f6hnt. Er wei\u00df nach kurzer Zeit genau, wohin er schauen muss, um bestimmte Informationen zu bekommen. \u00c4ndern sich diese Positionen auf der Seite, muss der Zuschauer beim Wechsel einer Seite jedes Mal wieder schauen, wo er welche Informationen findet. Das lenkt vom Gesprochenen ab \u2013 der Zuschauer h\u00f6rt nicht mehr konzentriert zu. Ausnahmen best\u00e4tigen aber die Regel: Will man zum Beispiel eine Statistik zeigen, die viele Informationen enth\u00e4lt, sollte diese gro\u00df und gut lesbar sein. Hierzu sollte man dann die ganze Seitenfl\u00e4che nutzen und alles andere weglassen. So hat man genug Platz und mit der n\u00e4chsten Seite geht es dann wieder im gewohnten Aufbau weiter.<\/p>\n\n\n\n<p><strong>2. Zu viele Informationen \u00fcberfordern die Zuschauer!<\/strong><\/p>\n\n\n\n<p>Texte sollten knapp gehalten werden. Stichworte reichen vollkommen aus, weil der wichtige Inhalt gesprochen wird. Die Texte auf der Seite sollen das Gesprochene nur unterst\u00fctzen und einen roten Faden liefern. Wenn die Zuschauer ganze S\u00e4tze \u2013 oder noch schlimmer \u2013 ganze Abs\u00e4tze auf der Seite lesen m\u00fcssen, k\u00f6nnen sie nicht mehr zuh\u00f6ren.<\/p>\n\n\n\n<p><strong>3. Lieber gar keine Bilder als schlechte Bilder!<\/strong><\/p>\n\n\n\n<p>Zu klein, zu unscharf, nicht wirklich zum Thema passend. Schlechte Bilder bringen niemandem etwas und k\u00f6nnen schlimmstenfalls den guten Eindruck einer Pr\u00e4sentation zerst\u00f6ren.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Beispiele:<\/h5>\n\n\n\n<p>Gehen wir erst einmal von einer normalen Pr\u00e4sentation ohne Besonderheiten aus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"http:\/\/www.claudio-bechinie.de\/Wordpress-Test\/wp-content\/uploads\/2020\/04\/Beispiel01.jpg\" alt=\"\" class=\"wp-image-1339\"\/><\/figure>\n\n\n\n<p>Diese Pr\u00e4sentation teilt den zur Verf\u00fcgung stehenden Raum sehr klassisch auf. Oben die Titelzeile, links die Inhalts\u00fcbersicht, unten der Ersteller und in der Mitte (nat\u00fcrlich) der Inhalt der Pr\u00e4sentation. Der Vorteil dieser \u201e\u00fcblichen\u201c Aufteilung liegt auf der Hand: Da in unserem Kulturkreis von oben nach unten und von links nach rechts gelesen wird, entspricht das Layout einem Buch oder einer Zeitschrift und jeder findet sich schnell zurecht.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Trotzdem sind Abweichungen m\u00f6glich. Im folgenden Beispiel wurden der Titel der Pr\u00e4sentation und der Ersteller auf Extraseiten am Anfang bzw. Ende der Pr\u00e4sentation ausgelagert.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"http:\/\/www.claudio-bechinie.de\/Wordpress-Test\/wp-content\/uploads\/2020\/04\/Beispiel02-1-e1592235741896.jpg\" alt=\"\" class=\"wp-image-2457\"\/><\/figure><\/div>\n\n\n\n<p>So sehen die Zuschauer zu Beginn der Pr\u00e4sentation, worum es geht, und am Ende, wer der Ersteller der Pr\u00e4sentation war (wie die Unterschrift am Ende eines Briefes). Der Vorteil: Man gewinnt sehr viel Platz f\u00fcr den eigentlichen Inhalt der Pr\u00e4sentation.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Nachstehend sieht man sehr sch\u00f6n, dass man f\u00fcr einen kurzen Titel nicht die gesamte Breite des oberen Bereichs \u201everschwenden\u201c muss. Dadurch, dass der Titel \u00fcber den Inhalt ger\u00fcckt wird, gewinnt man mehr H\u00f6he f\u00fcr den eigentlichen Inhalt der Pr\u00e4sentation.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"990\" height=\"381\" src=\"http:\/\/www.claudio-bechinie.de\/Wordpress-Test\/wp-content\/uploads\/2020\/04\/Beispiel03-e1592235795547.jpg\" alt=\"\" class=\"wp-image-2459\" srcset=\"https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel03-e1592235795547.jpg 990w, https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel03-e1592235795547-300x115.jpg 300w, https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel03-e1592235795547-768x296.jpg 768w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" \/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"319\" height=\"300\" src=\"http:\/\/www.claudio-bechinie.de\/Wordpress-Test\/wp-content\/uploads\/2020\/04\/Beispiel04.jpg\" alt=\"\" class=\"wp-image-2452\" srcset=\"https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel04.jpg 319w, https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel04-300x282.jpg 300w\" sizes=\"auto, (max-width: 319px) 100vw, 319px\" \/><\/figure><\/div>\n\n\n\n<p>Aber auch bei anderen Elementen gibt es Spielraum f\u00fcr Experimente. Auf dem rechten Bild sieht man auf der linken Seite die klassische Inhalts\u00fcbersicht. Auf der rechten Seite sieht man dagegen eine grafische Umsetzung, die zum Thema passend erstellt wurde. Das kann sehr sch\u00f6n aussehen, hat aber zwei Nachteile: Nicht immer ist die \u00dcbersichtlichkeit gegeben \u2013 was aber bei einer \u201e\u00dcbersicht\u201c auf jeden Fall sichergestellt sein sollte \u2013 zum anderen ist die Erstellung einer besonderen Grafik sehr zeitaufw\u00e4ndig und erfordert gewisse Grundkenntnisse in Bezug auf Grafikprogramme.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u00a9 Texte und Bilder by Claudio Bechinie @ Leonardo da Vinci Gymnasium Berlin<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Eine Pr\u00e4sentation besteht immer aus einzelnen Elementen, die man zueinander in Beziehung setzen muss. Da die Fl\u00e4che der Pr\u00e4sentationsseite begrenzt ist, muss man sich gleich am Anfang \u00fcberlegen, welche Elemente man nutzen m\u00f6chte und wie die r\u00e4umliche Aufteilung aussehen soll.<\/p>\n","protected":false},"author":1,"featured_media":3646,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","ngg_post_thumbnail":0,"footnotes":""},"categories":[67],"tags":[68],"class_list":["post-1431","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-praesentationen","tag-praesentationen"],"featured_image_urls_v2":{"full":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1.jpg",990,756,false],"thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-150x150.jpg",150,150,true],"medium":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-300x229.jpg",300,229,true],"medium_large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-768x586.jpg",750,572,true],"large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1.jpg",750,573,false],"1536x1536":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1.jpg",990,756,false],"2048x2048":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1.jpg",990,756,false],"post-thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-750x450.jpg",750,450,true],"gambit-header-image":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-990x420.jpg",990,420,true],"gambit-thumbnail-archive":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-300x240.jpg",300,240,true],"gambit-thumbnail-small":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-100x75.jpg",100,75,true],"gambit-thumbnail-medium":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-300x200.jpg",300,200,true],"gambit-thumbnail-large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-420x280.jpg",420,280,true],"tzwb-thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-80x64.jpg",80,64,true]},"post_excerpt_stackable_v2":"<p>Eine Pr\u00e4sentation besteht immer aus einzelnen Elementen, die man zueinander in Beziehung setzen muss. Da die Fl\u00e4che der Pr\u00e4sentationsseite begrenzt ist, muss man sich gleich am Anfang \u00fcberlegen, welche Elemente man nutzen m\u00f6chte und wie die r\u00e4umliche Aufteilung aussehen soll.<\/p>\n","category_list_v2":"<a href=\"https:\/\/www.leonardo-da-vinci-gymnasium.de\/?cat=67\" rel=\"category\">Pr\u00e4sentationen<\/a>","author_info_v2":{"name":"cbechinie","url":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/?author=1"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1.jpg",990,756,false],"thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-150x150.jpg",150,150,true],"medium":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-300x229.jpg",300,229,true],"medium_large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-768x586.jpg",750,572,true],"large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1.jpg",750,573,false],"1536x1536":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1.jpg",990,756,false],"2048x2048":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1.jpg",990,756,false],"post-thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-750x450.jpg",750,450,true],"gambit-header-image":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-990x420.jpg",990,420,true],"gambit-thumbnail-archive":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-300x240.jpg",300,240,true],"gambit-thumbnail-small":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-100x75.jpg",100,75,true],"gambit-thumbnail-medium":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-300x200.jpg",300,200,true],"gambit-thumbnail-large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-420x280.jpg",420,280,true],"tzwb-thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/04\/Beispiel01-1-80x64.jpg",80,64,true]},"uagb_author_info":{"display_name":"cbechinie","author_link":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Eine Pr\u00e4sentation besteht immer aus einzelnen Elementen, die man zueinander in Beziehung setzen muss. Da die Fl\u00e4che der Pr\u00e4sentationsseite begrenzt ist, muss man sich gleich am Anfang \u00fcberlegen, welche Elemente man nutzen m\u00f6chte und wie die r\u00e4umliche Aufteilung aussehen soll.","_links":{"self":[{"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/posts\/1431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1431"}],"version-history":[{"count":5,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/posts\/1431\/revisions"}],"predecessor-version":[{"id":2460,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/posts\/1431\/revisions\/2460"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/media\/3646"}],"wp:attachment":[{"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}