Gestaltungsgrundlagen (allgemein, Powerpoint, Word)

1. Gestaltungsgrundlagen (allgemein, Powerpoint, Word)

2. Eine gute Präsentationsfolie… …ist leichtlesbar …ist übersichtlich ... ist unvollständig …ist bildhaft …hat eine Titelzeile

3. Gestaltungsmittel • Farbe • Bilder: Fotos, Grafiken, Logos,.. • Schrift • Anordnung (Layout) • Animation

4. FARBE "Farben sind das Lächeln der Natur" (J. Hunt)

5. Farbwirkungen Wie wirkt dieses Bild von Vincent v. Gogh auf sie? Farbkombination Gelb-Blau - Bedrohliche Wirkung Schwarze Krähen verstärken den Eindruck

6. Farbwirkungen • Farben ziehen die Aufmerksamkeit auf sich. • Sie lösen beim Betrachter Gefühle und Assoziationen aus und können zu unbewußten Reaktionen führen. • Farben haben Symbolcharakter. • Farben besitzen räumliche Wirkung

7. Farbwähler - Powerpoint Farbton Helligkeit Sättigung

8. Farbwirkungen • Rot = aktiv, warm, belebend, nah • Blau = kühl, entfernt, dämpfend • Ergonomie am Arbeitsplatz: Wenige helle Farben

9. Farbwirkungen  Farbwirkung auf den Gesamtorganismus Befinden wir uns für einige Zeit in einem roten Raum erhöht sich die Pulsfrequenz. Rot wird als warm, anregend und aktiv erlebt – Blau dagegen als kühl, dämpfend und beruhigend. Bei der ergonomischen Farbgestaltung am Arbeitsplatz sind reizarme und leistungssteigernde Farben wie z.B. wenige und helle Töne gefragt.

13. Reine, gesättigte Farbtöne Gesättigte Farbtöne wirken dominant. Sie können deshalb auch laut und aufdringlich wirken. Diese Farbtöne haben eine starke Leuchtkraft, mit der sie sich gegenseitig Konkurrenz machen. Man verwendet sie am besten in kleinen Mengen und/oder in Zusammenhang mit ungesättigten oder unbunten Farbtönen.

14. Entsättigte Farbtöne Entsättigte Farbtöne wirken zurückhaltend. Entsättigte Farbtöne sind solche, die mit einer unbunten Farbe vermischt (im Fachausdruck "gebrochen") wurden. Sie büßen dabei ihre Leuchtkraft ein.Entsättigte Farbtöne wirken gedämpft, wie hinter einem Grauschleier. Sie sind völlig unaufdringlich und vermitteln den Eindruck von vornehmer Zurückhaltung. Sie wirken sanft und schmeichelnd und werden deshalb auch gern im Modebereich benutzt, wo sie auch als "Puderfarben" bezeichnet werden.Entsättigte Farbtöne werden auch zur Darstellung von Perspektiven verwendet. Sie lassen die Bildteile, die im Hintergrund liegen, weiter entfernt erscheinen.

15. Warme Farben Warme Farben schaffen Nähe. Sie schaffen eine persönliche, gemütliche und anheimelnde Atmosphäre.

16. Kalte Farben Kalte Farben schaffen Distanz. Sie schaffen eine kühle, unpersönliche Atmosphäre und vermitteln den Eindruck von Sachlichkeit und Funktionalität..

17. Helle Farben Helle Farben wirken leicht und freundlich. Sie vermitteln einen Eindruck von Weite, von viel Raum oder auch von Leere. Sie wirken stimmungsaufhellend und belebend.Helle Farben treten in den Hintergrund. Deshalb eignen sie sich auch besonders gut als Hintergrundfarben für Texte und Bilder.

18. Dunkle Farben Dunkle Farben wirken düster. Dunkle Farben vermitteln Schwere. Sie wirken düster, bedrückend und einengend, können aber auch Geborgenheit vermitteln.Dunkle Farben heben sich hervor. Deshalb ist dunkle Schrift auf hellem Grund besonders gut lesbar.

19. Einzelne Farben Einzelne Farben schaffen Ordnung und Übersicht. Gezielt eingesetzte einzelne Farben wirken ordnend und strukturierend. Mit ihnen lassen sich Sachverhalte zusammenfassen und Gegensätze herausarbeiten. Wichtig ist dabei, daß die Farben aufeinander abgestimmt sind und daß sie sich klar voneinander unterscheiden.

20. Viele Farben Viele Farben verwirren. Viele verschiedene Farben, die in keiner erkennbaren Ordnung zueinander stehen, schaffen Unruhe und Verwirrung. Sie lösen damit unangenehme Emotionen beim Betrachter aus.

21. Zarte Farben Zarte Farben vermitteln den Eindruck von Empfindlichkeit. Zarte Pastelltöne wirken zerbrechlich wie Porzellan. Sie eignen sich gut als Hintergrundfarben oder um zarte, empfindliche Sachverhalte zu unterstreichen.

22. Farbkontraste Farbkontraste heben hervor. Sie verdeutlichen Unterschiede und ziehen die Aufmerksamkeit auf sich. Farbkontraste erzeugen Spannungen, die belebend, erfrischend oder aber anspannend, unangenehm wirken können. Kontrastreiche Farbgestaltungen lassen sich erzielen durch: Komplementärkontrast- Verwendung von Komplementärfarben - also Farben, die sich im Farbsechseck gegenüber stehen und sich zu unbunt ergänzen Warm-Kalt-Kontrast - Verwendung von warmen und kalten Farben

23. Farbkontraste Unbunt-Bunt-Kontrast- Verwendung von bunten und unbunten Farben Hell-Dunkel-Kontrast - Verwendung von Vollfarben und ihren aufgehellten Farbtönen

24. Farbkontraste Qualitätskontrast- Verwendung von reinen gesättigten und trüben ungesättigten Farben Quantitätskontrast - Verwendung von großen Farbflächen und kleinen Farbelementen

25. Praktische Richtlinien • Einheitliche Farbgestaltung • Weniger ist mehr (max 3 verschiede Farben) • Gleiche Sachverhalte – Gleiche Farbigkeit • Keine großen Farbflächen mit kräftigen Farben • Kräftige Farben setzen Akzente • Hintergrund – Gedämpfte Farben. Keine Farbverläufe • Je dünner der Strich – je kleiner der Buchstabedesto kontrastreicher (Weiß – Blau, Hellgelb-Schwarz) • Helle, gedämpfte Farben für den Hintergrund

26. Schrift

27. Wirkung von Schrift Wen würden Sie Ihr Haus bauen lassen? Allein durch die Schrift kann die Aussage verändert werden!

28. Macrotypografie Lay-Out Wie trifft man den rechten Ton?Gleiche Schrift, gleicher Text – unterschiedliche Aussage...

29. Schriften

30. Schriftart („Font“) überlegen A • Times Roman ist eine Serifen-schrift. • Serifen – Kleine Verzierungen • verstärken Zeilenwirkung • Geeignet für Bücher und Zeitschriften • Wirken bei gleicher Schriftgröße kleiner und zarter

31. Schriftart („Font“) überlegen A • Arial ist eine serifenlose Schrift= Groteskschrift • Klar, ohne Verzierungen • bessere Lesbarkeit bei Schlagworten • für Bildschirme und Präsentationen

32. Schriftgrößen Schaugrößen Auszeichnungsgrößen Lesegrößen Konsultationsgrößen

33. Schriftgrößen Powerpoint • Überschrift 44 pt – mindestens 36 pt • Bullets (Textpunkte) 28 pt und fett • Serifenlose Schriften wählen für Überschriften • Serifenschriften müssen um mind. 10% vergrößert werden.

34. Schriftgröße Verdana Dass ein Lächeln positive Auswirkungen auf die Gesundheit haben kann, weiß der Volksmund schon lange. Jetzt sind auch Wissenschaftler davon überzeugt. Was ist unterhaltsamer, eineinhalb Stunden Wetterbericht oder Charlie Chaplins filmisches Meisterwerk „Moderne Zeiten“? Bernhard Dass ein Lächeln positive Auswirkungen auf die Gesundheit haben kann, weiß der Volksmund schon lange. Jetzt sind auch Wissenschaftler davon überzeugt. Was ist unterhaltsamer, eineinhalb Stunden Wetterbericht oder Charlie Chaplins filmisches Meisterwerk „Moderne Zeiten“? Die Größenwirkung einer Schrift ist von der jeweiligen Konstruktion der Type abhängig.

35. Schriftfarben • Beste Lesbarkeit bei geringster ErmüdungSchwarz auf Hellgelb • Zartgelb oder Zartgrün auf Schwarz • Weiß oder Hellgelb auf Dunkelblau und Schwarz • VORSICHT!! Keine Rot-Grün Kombinationen Flimmert leicht. 6% der männlichen Bevölkerungsind farbenblind

36. Textauszeichnungen • Kursiv • Fett • GROSSBUCHSTABEN • Unterstreichungen nur live

37. Praxis • Möglichst wenig Schriftarten • Deutliche Schriftunterschiede schaffen (Größe, Farbe) • Serifen –u. serifenlose Schriften können gemischt werden • GROSSBUCHSTABEN sind schlechter lesbar als Druckschrift. Nur zum Hervorheben. • Mit Word-Art-Effekten sehr sparsam umgehen. Ihr Leute Hallo

38. Praxis 2 Powerpoint • Schriften schattieren und konturieren, wenn der Hintergrund ein Farbverlauf ist • Riesenschlangenbandwurmgebilde aufteilen • Im Zweifelsfall Fett formatieren • Max. 5 – 8 Worte in einer Zeile • In Schriftblöcken arbeiten

39. Bilder Grafiken

40. F „FRAU“

41. Bilder und Grafiken • Bilder und Grafiken sind genauso wie die Schrift „Informationsträger“ („Ein Bild sagt mehr als tausend Worte“) • Im Idealfall illustrieren Bilder im Text getätigte Aussagen. Sie klären und präzisieren die Aussage. • Vermeiden Sie den rein dekorativen Einsatz von Bildern. Diese lenken so vom eigentlichen Inhalt ab • Die nächsten 5 Folien sollen den Einsatz von Grafiken zur Unterstützung der Aussage bei Präsentationen illustrieren.

42. Beispiel Probleme des Transportgewerbes Konkurrenz Umwelteinschränkungen Kostendruck Image

43. Beispiel 2 Probleme des Transportgewerbes Konkurrenz Umwelteinschränkungen Kostendruck Image

44. Probleme des Transportgewerbes Konkurrenz Umwelteinschränkungen Kostendruck Image

45. Probleme des Transportgewerbes Konkurrenz Umwelteinschränkungen Kostendruck Image

46. Probleme des Transportgewerbes Konkurrenz Umwelteinschränkungen Kostendruck Image

47. Bilder

48. Auflösung • Unter der Auflösung versteht man die Anzahl der Pixel pro Längeneinheit. Als Längeneinheit wird in der Computergrafik „Inch“ (= 2,54 cm) verwendet. • = Wie viele Pixel hat ein Bild pro Inch? • Faustregel: Je mehr Pixel pro Inch, umso schärfer und detailreicher ist ein Bild. • Die Auflösung wird bei der Herstellung des Bildes bestimmt und kann nachträglich nur mit Qualitätsverlusten geändert werden.

49. Auflösung • Für den Druck auf einem hochwertigen Farb- oder Laserdrucker: 300 dpi • Bürodrucker: 150 bis 200 dpi • Zeitungsdruck: max 100 dpi • Bildschirmdarstellung: 72 dpi • Beispiel: Ein Bild soll bildschirmfüllend mit Hilfe eines Beamers projeziert werden. Der Bildschirm läuft in einer Auflösung von 1074 X 768 Pixel. Das Bild muss daher in einer Auflösung von 72 dpi vorliegen und muss 1074 x 768 Pixel aufweisen

50. Animationen