WEBVTT
Kind: captions
Language: de

00:00:01.825 --> 00:00:03.770
Layout und Komposition

00:00:03.851 --> 00:00:06.696
Das sind die Grundlagen jedes Designs.

00:00:07.483 --> 00:00:10.759
Sie geben deiner Arbeit Struktur
und machen es einfach,

00:00:11.141 --> 00:00:14.823
zwischen Seitenrändern und Inhalt
zu navigieren.

00:00:16.625 --> 00:00:19.762
Natürlich geht es nicht nur um Text.

00:00:19.843 --> 00:00:25.575
Komposition ist auch in Bereichen wie
Grafikdesign, Webdesign usw. wichtig.

00:00:26.218 --> 00:00:30.314
Ohne durchdachtes Layout
würde dein Design auseinander fallen.

00:00:31.988 --> 00:00:34.161
Um Layout und Komposition zu verstehen,

00:00:34.242 --> 00:00:36.354
solltest du denken wie ein Designer.

00:00:36.592 --> 00:00:38.607
Und das ist einfacher als es klingt.

00:00:39.563 --> 00:00:42.950
5 Grundprinzipien helfen dir dabei,
deine Arbeit zu verbessern

00:00:43.078 --> 00:00:45.434
und deine Augen für Design zu schärfen.

00:00:45.749 --> 00:00:48.003
Fangen wir oben an.

00:00:50.008 --> 00:00:55.587
Nähe bedeutet, visuellen Raum zu nutzen,
um inhaltliche Beziehungen darzustellen.

00:00:55.700 --> 00:00:57.847
In der Praxis ist das einfach!

00:00:57.976 --> 00:01:01.688
Gruppiere Elemente, die zusammengehören,
auch im Design nahe aneinander.

00:01:01.769 --> 00:01:04.859
Z.B. Textteile oder Grafikelemente

00:01:05.693 --> 00:01:09.843
Elemente, die inhaltlich nicht
zusammenhängen, sollten auch visuell

00:01:09.924 --> 00:01:11.436
voneinander getrennt sein.

00:01:12.267 --> 00:01:15.732
So ist dein Design einfacher
auf einen Blick zu verstehen.

00:01:15.813 --> 00:01:18.753
Egal ob es nur aus Text besteht,
oder visueller ist.

00:01:21.190 --> 00:01:24.390
Weiße Bereiche sind in jeder Komposition
wichtig.

00:01:24.939 --> 00:01:27.566
Diese Bereiche
müssen nicht wirklich weiß sein.

00:01:27.828 --> 00:01:30.510
Es handelt sich vielmehr um die Bereiche

00:01:30.606 --> 00:01:35.047
zwischen deinen Inhalten, Linien
und sogar den Außenrändern.

00:01:36.289 --> 00:01:41.092
Weiße Bereiche sind vielseitig nutzbar
und können große Wirkung erzielen.

00:01:41.609 --> 00:01:45.013
Sie helfen dir, verschiedene Bereiche
zu definieren und abzugrenzen,

00:01:45.094 --> 00:01:47.220
damit dein Inhalt "atmen" kann.

00:01:48.022 --> 00:01:51.370
Wenn sich dein Design unübersichtlich
und gedrängt anfühlt,

00:01:51.451 --> 00:01:54.585
könnten weiße Bereiche genau
die richtige Lösung sein.

00:01:56.927 --> 00:02:01.165
Mit Ausrichtung beschäftigst du dich
zumindest unbewusst jeden Tag.

00:02:01.815 --> 00:02:06.982
In einer E-Mail oder einem Dokument
wird der Text automatisch ausgerichtet.

00:02:07.703 --> 00:02:12.695
Wenn du Objekte selbst ausrichtest
(z.B. Bilder oder Textfelder),

00:02:12.776 --> 00:02:15.085
kann das schon mal komplizierter werden.

00:02:15.166 --> 00:02:17.790
Hier ist Konsistenz am wichtigsten.

00:02:18.458 --> 00:02:20.210
Sehen wir uns an,
was das bedeutet.

00:02:21.925 --> 00:02:25.564
Stell dir vor, dass deine Inhalte
in einem Raster angeordnet sind.

00:02:26.177 --> 00:02:29.882
Eine unsichtbare Linie zentriert
die Bilder und den Text.

00:02:30.744 --> 00:02:35.278
Die Abstände zwischen Elementgruppen
und Rändern sind gleich.

00:02:36.169 --> 00:02:40.256
Diese Details machen es einfach,
die Komposition visuell zu erfassen.

00:02:40.680 --> 00:02:44.656
Ohne konsistente Ausrichtung kann
dein Design unorganisiert wirken.

00:02:47.539 --> 00:02:51.649
Kontrast bedeutet, dass sich die Elemente
voneinander unterscheiden sollten.

00:02:52.288 --> 00:02:55.847
Kontrast hat für Layout und Komposition
viele Funktionen:

00:02:56.025 --> 00:02:58.180
z.B. die Aufmerksamkeit
des Lesers wecken,

00:02:58.283 --> 00:03:00.035
etwas betonen,

00:03:00.395 --> 00:03:02.593
oder auf etwas Wichtiges hinweisen.

00:03:04.370 --> 00:03:07.457
Kontrast kann mit verschiedenen
Methoden erzielt werden.

00:03:07.783 --> 00:03:09.561
Du kannst mit Farbe arbeiten,

00:03:09.642 --> 00:03:13.031
die Größe, Form und das visuelle Gewicht
eines Objekts ändern

00:03:13.275 --> 00:03:15.735
oder kontrastierende Schriftstile
verwenden.

00:03:17.550 --> 00:03:20.432
Kontrast hängt mit Hierarchie zusammen.

00:03:20.679 --> 00:03:23.988
Diese Technik hilft bei der visuellen
Navigation durch dein Design.

00:03:24.493 --> 00:03:27.093
Hierarchie zeigt die Reihenfolge,

00:03:27.174 --> 00:03:30.692
in der die verschiedenen Design-Elemente
betrachtet werden sollen.

00:03:32.039 --> 00:03:34.213
Hierarchie herzustellen ist einfach:

00:03:34.468 --> 00:03:37.882
Entscheide, welche Elemente zuerst
gesehen werden sollen

00:03:37.963 --> 00:03:39.847
und sorge dafür, dass sie auffallen.

00:03:40.346 --> 00:03:43.544
Die wichtigsten Elemente
sind meist größer,

00:03:43.807 --> 00:03:46.814
fetter,
oder auf andere Weise auffälliger.

00:03:48.926 --> 00:03:54.069
Wiederholung bedeutet, dass jedes Design
ein einheitliches Gesamtbild haben soll.

00:03:54.482 --> 00:03:59.580
Du kannst dein Design einprägsam machen,
indem du gewisse Elemente wiederholst.

00:04:00.561 --> 00:04:05.247
Z.B: Wähle eine gewisse Farbpalette
und verwende sie konsistent.

00:04:06.085 --> 00:04:09.355
Verwende stets den gleichen Stil
für Titel.

00:04:10.433 --> 00:04:12.620
Hier geht es nicht nur um die Ästhetik.

00:04:12.885 --> 00:04:16.583
Ein einheitlicher Look sorgt für bessere
Lesbarkeit deines Designs.

00:04:16.775 --> 00:04:18.775
Wenn der Leser weiß, was ihn erwartet,

00:04:18.856 --> 00:04:21.490
kann er sich entspannt
auf den Inhalt konzentrieren.

00:04:26.229 --> 00:04:31.291
Layout und Komposition sind
die stillen Helden jedes Designs.

00:04:31.396 --> 00:04:35.464
Ihre Bedeutung wird oft übersehen,
doch sie beeinflussen alle Aspekte.

00:04:36.458 --> 00:04:38.267
Hier ein bisschen verschieben...

00:04:38.348 --> 00:04:40.204
dort etwas mehr Abstand...

00:04:40.645 --> 00:04:42.348
und voilà!

00:04:43.243 --> 00:04:45.195
Mit etwas Liebe zum Detail

00:04:45.276 --> 00:04:48.741
kannst du ansprechende,
professionelle Designs gestalten.

00:04:51.788 --> 00:04:55.638
Danke, dass du dir die Grundlagen
von Layout und Komposition angesehen hast.

00:04:55.750 --> 00:05:00.861
Unsere weiteren Videos beschäftigen
sich mit Typografie, Farbe und Bildern.