Lerne Schritt für Schritt, mit Adobe Express eine Grafik zu erstellen.
Benötigte Materialien
In der Anwendung üben
Einführung.
In diesem Kurs zeigt dir die Grafik-Designerin, Dozentin und Mentorin Mariah Althoff, wie du die Grundlagen des Grafik-Designs meisterst und mit Adobe Express erfolgreiche Grafiken erstellst.
Aber was zeichnet ein gutes Design überhaupt aus? Ein erfolgreiches Design (unabhängig davon, ob es sich um eine Grafik oder etwas anderes handelt) vermittelt auf wirksame Weise Informationen oder bewirkt eine gewünschte Handlung. Mariah führt dich Schritt für Schritt durch den Design-Prozess – vom Konzept bis zur Erstellung.
Zu Beginn jedes Projekts – noch bevor du die Maus in die Hand nimmst – musst du dir klar machen, welches Ziel deine Grafik hat. Im heutigen Beispiel entwirft Mariah ein Veranstaltungs-Poster für ein Musik-Festival. Ziel ist es, Interesse zu wecken und Tickets zu verkaufen. Die Themen:
Definition der erforderlichen Visuals
Auswahl der Schriften
Zusammenstellung der Farbpalette
Erstellung der visuellen Hierarchie
Optimierung der Grafik
Sehen wir uns das einmal an.
Visuals und Zielgruppe definieren.
Zuallererst ist es wichtig, sich einen Moment Zeit zu nehmen und festzulegen, an wen sich dein Projekt richtet. Ausreichendes Brainstorming und die Identifikation der Zielgruppe sind die Voraussetzung für einen erfolgreichen Design-Prozess. Stelle dir dazu folgende Fragen:
Wer ist die Zielgruppe?
Welche Farben, Formen, Design-Stile usw. sprechen diese Zielgruppe am meisten an?
Welchen Stil oder Vibe bzw. welche Ästhetik soll deine Grafik vermitteln?
Die Schriften auswählen.
Es ist verlockend, all deine Lieblingsschriften in deiner Marke oder deinem Design unterzubringen. Beschränke dich aber auf zwei oder drei Schriftarten. So wirkt die Grafik professionell und ist leicht verständlich. Mariah empfiehlt, jeweils eine Schriftart für jedes der folgenden Textelemente auszuwählen:
Überschrift
Fließtext
Unterüberschriften ODER Akzente
Die Betrachtenden sollen den Text in der Grafik auf den ersten Blick verstehen. Wähle also Schriften aus, die gut lesbar sind. Achte auch darauf, dass sich die Schriften voneinander unterscheiden, um auf diese Weise zu zeigen, welches Textelement Priorität hat. Umsetzen lässt sich das über die Hierarchie (mehr dazu gleich). Wichtig ist aber auch, dass die Schriftarten gut zusammenpassen und so wirken, als ob sie zur selben Stilfamilie gehören.
Eine Farbpalette erstellen.
Bei der Auswahl der Farben empfiehlt Mariah jeweils
eine eher dunkle Farbe
eine eher helle Farbe
eine eher kräftige Farbe
Weitere Farben können für Akzente verwendet werden. Mit den genannten drei Kategorien hast du aber eine gute Ausgangsgrundlage für dein Projekt.
Die Farben sollten auf die Gesamtästhetik deiner Grafik abgestimmt sein. Wenn du Starthilfe benötigst, findest du in Adobe Express Vorschläge für Farbpaletten. So musst du nicht jedes Mal von vorne anfangen.
Die visuelle Hierarchie definieren.
Das Thema Hierarchie wurde gerade schon erwähnt. Die visuelle Hierarchie ordnet die Design-Elemente nach ihrer Bedeutung. So kannst du den Blick der Betrachtenden gezielt durch das Design lenken, damit sie die wichtigsten Punkte sofort erfassen. (Auch wenn das unbewusst geschieht.)
Zum Erstellen der visuellen Hierarchie können alle Elemente eines Design genutzt werden – von Bildern, Text oder Akzentelementen bis hin zu Größe, Schriftstärke und Farbe.
Beim Text sollte z. B. die Überschrift am größten und fettesten formatiert sein. An zweiter Stelle kommen die Unterüberschriften, und der Fließtext ist am kleinsten.
Grafiken in Adobe Express gestalten.
In diesem Abschnitt setzt Mariah ihre Tipps in die Praxis um und zeigt dir Schritt für Schritt, wie sie eine Grafik erstellt. Sie wählt ein Bild als Hintergrund für das Poster aus und bearbeitet es, ordnet die Textelemente an und formatiert sie und nimmt schließlich letzte Änderungen vor. Fast geschafft!
Die Grafik optimieren und Fazit.
Zuletzt passt Mariah Abstände und Ausrichtung der Grafikelemente an. Sie nimmt noch einige kleinere Korrekturen an der Farbgestaltung vor und vergewissert sich, dass alles passt. Vielen Dank für deine Teilnahme an diesem Kurs. Hier noch einmal die wichtigsten Punkte:
Definiere vor Beginn des Projekts Zielgruppe und Ästhetik.
Wähle 2-3 verschiedene, gut lesbare Schriften aus, und wende sie einheitlich an.
Erstelle eine einfache Farbpalette aus einer dunklen, einer hellen und einer kräftigen Farbe.
Ordne die Elemente deiner Grafik mithilfe einer visuellen Hierarchie nach ihrer Bedeutung, damit Betrachtende wissen, wie sie das Design lesen sollen.
Benötigte Materialien
In der Anwendung üben
5. Mai 2024
Probiere diese Tutorials mit Adobe Express aus
Web-Seiten, Social-Media-Grafiken und Videos erstellen
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
Operate the site and core servicesOperate site and measure engagement
Always active
These cookies are required, and they are used to enable the site and related services core functionality. Without them the site could not operate, so they cannot be disabled.
These cookies enable the site and related services’ core functionality and collect statistics about user engagement, such as counting active use to help us understand trends. These cookies cannot be disabled.
Measure performance
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued and how often unique visitors return to the site, making it hard to improve information we offer to you.
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued, making it hard to improve information we offer to you.
Extend functionality
These cookies are used to enhance the functionality of Adobe sites such as remembering your settings and preferences to deliver a personalized experience; for example, your username, your repeated visits, preferred language, your country, or any other saved preference.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
