1. Design & Illustration
  2. Design Theory

Grafikdesign-Jargon dekodieren: Teil 2

by
Read Time:13 minsLanguages:

German (Deutsch) translation by Federicco Ancie (you can also view the original English article)

dictionarydictionarydictionary

Willkommen zurück zu der Serie, die die verwirrende Terminologie professioneller Designer analysiert.

Sind Sie jemals aus einem Designtreffen herausgekommen, das eher verblüfft als motiviert war? Sie sind nicht allein - Grafikdesigner haben unterschiedliche und unterschiedliche Wörter, um alle Arten von technischen und gestalterischen Prozessen zu beschreiben, und diese klingen oft wie eine völlig fremde Sprache.

Aber Hilfe ist zur Hand! Lesen Sie weiter, um herauszufinden, wie Sie einige der verwirrenderen Sprachelemente übersetzen können, die von professionellen Designern verwendet werden.

In diesem zweiten Teil von Decode Graphic Design Jargon (sehen Sie hier für Teil 1) gehen wir etwas tiefer in einige der technischeren Begriffe ein, die von Designern verwendet werden, um spezifische Anweisungen zum Bearbeiten von Typografie, Layout, Farbe und Stil zu kommunizieren. Betrachten Sie Ihren Design-Sprachkurs in der Sitzung.

Zunächst ein paar verwirrende Nuggets typografischer Fachsprache:

1. "Diese Waise / Witwe loswerden"

Das klingt vielleicht etwas gemeinnützig, ist aber nichts Persönliches. Waisen und Witwen sind geringfügige Tippfehler, die dazu führen, dass Text etwas weniger aufgeräumt erscheint. Halten Sie Ausschau nach ihnen und Sie werden von jedem Designer im Büro geschätzt.

Eine Witwe ist ein einzelnes Wort, das am Ende eines Absatzes in einer eigenen Zeile steht. Von Witwen als unerwünscht angesehen, bricht eine Witwe den quadratischen Teil des Textes und lässt zu viel Leerraum daneben - dies blockiert das Auge des Lesers und lässt den gesamten Absatz ein wenig unausgeglichen aussehen.

Eine Waise ist ähnlich - ein einzelnes Wort oder sogar eine kurze Zeile -, außer dass sie oben in einer Textspalte oder oben auf einer Seite angezeigt wird. Diese treten häufiger auf, wenn Sie längere Textblöcke setzen, z. B. in einem Buch oder einer Zeitschrift.

Die Lösung für Witwen und Waisen? Seien Sie mit Adleraugen, entdecken Sie sie und werden Sie sie los! Es kann so einfach sein, die Verfolgung (den Abstand zwischen allen Buchstaben) entweder in der letzten Zeile des Absatzes oder über den gesamten Absatz hinweg geringfügig zu reduzieren, wenn dies besser aussieht. Das Hinzufügen von der Silbentrennung kann ebenfalls erheblich hilfreich sein (ein häufiger Trick bei der Gestaltung von Zeitungen und Zeitschriften), ebenso, wie das subtile Anpassen der Breite des Textrahmens.

widow widow widow

Eine schöne Schrift hilft Ihren Absätzen immer dabei, ein bisschen polierter und professioneller auszusehen. Finden Sie die perfekte Schriftart auf dem Envato Market.

2. "Dieser Absatz sieht zerlumpt aus"

"Zerlumpt" sieht genauso aus, wie es sich anhört - ein bisschen unordentlich, ungepflegt und zerzaust. Während einige Absätze ordentlich und kastenförmig aussehen, hat ein zerlumpter Absatz Linien, die an verschiedenen vertikalen Punkten enden, wodurch ein schrittweiser Effekt erzeugt wird, der ungleichmäßig und asymmetrisch aussieht.

Es ist eine Kunst, übermäßig zerlumpte Absätze zu verbannen. Eine Lösung besteht darin, Ihren Absatz zu begründen und alle Textzeilen über den gesamten Textrahmen zu ziehen, um den Raum auszufüllen. In einigen Kontexten kann dies gut aussehen, aber wenn Ihre Spalte besonders schmal ist, werden lange Wörter gestreckt, um eine einzelne Zeile zu füllen, die außerhalb des Zeitungssatzes etwas seltsam aussehen kann.

Eine andere, moderatere Lösung besteht darin, den Text entweder am rechten oder am linken Rand zu spülen, aber die Unregelmäßigkeit des Absatzes zu verringern, indem das Ausmaß begrenzt wird, in dem die Zeilen ein- und ausgehen. Sie können dies tun, indem Sie manuelle Zeilenumbrüche einfügen oder die Verfolgung aller oder einzelner Textelemente reduzieren.

Comparison of ragged and justified paragraphsComparison of ragged and justified paragraphsComparison of ragged and justified paragraphs

Dieses Tutorial führt Sie Schritt für Schritt durch den Prozess der Korrektur von unregelmäßigem Text in Adobe InDesign:

Mit dieser praktischen Anleitung von A bis Z können Sie die Bedeutung einer Vielzahl von Typografie-Begriffen herausfinden. Stellen Sie sicher, dass Sie sich vor Ihrem nächsten Meeting austauschen, und bereiten Sie sich darauf vor, zu beeindrucken!

Designjargon beschränkt sich nicht nur auf Typografie - Sie werden auch einige verwirrende Begriffe hören, die mit Farbe zu tun haben...

3. "Ich möchte, dass es monochrom ist"

Sie haben vielleicht jahrelang geglaubt, „Monochrom“ beziehe sich auf Schwarz-Weiß-Kompositionen und -Fotos, aber in der Welt des Grafikdesigns ist der Begriff nicht nur auf Schwarz-Weiß-Töne beschränkt.

Monochrom kann sich auf jede einzelne Farbe beziehen, solange diese Farbe isoliert neben Farbtönen dieser Farbe verwendet wird. Ein monochromes Plakatdesign weist möglicherweise nur einen Blauton auf, und der Designer verwendet möglicherweise sowohl weiße als auch hellere oder dunklere Farbtöne des blauen Farbfelds, um einen Kontrast zu bilden.

blue shadesblue shadesblue shades

Das kann eine sehr effektive Technik sein, wenn Sie eine Reihe von Designs erstellen, z. B. eine Reihe von Postern oder Buchumschlägen. Auf jedem Design kann eine Farbe angegeben werden.

Suchen Sie nach mehr praktischem Know-how zum Anwenden von Monochrom-Paletten auf Ihre Designs? In diesem Kurs zeigt Ihnen Kirk Nelson, wie Sie in Adobe Photoshop mit Farben arbeiten:

4. "Machen Sie die Farben komplementär / analog"

Oh je, das sind zwei große Worte, die selbst die erfahrensten Grafikdesigner verwirren können.

Ein komplementäres Farbschema basiert auf zwei Farben, die sich in einem Farbkreis gegenüberliegen - diese unterscheiden sich voneinander, passen aber sehr gut zusammen, wenn sie gepaart werden. Stöbern Sie in einigen Farbmusterbüchern, um komplementäre Paarungen zu finden, die der Stimmung und dem Thema Ihres Designs entsprechen.

complementarycomplementarycomplementary

Ein analoges Farbschema verwendet eine Gruppe von drei Farben, die auf einem Farbkreis nebeneinander sitzen.

analogousanalogousanalogous

Sie sehen zusammen gut aus, weil sie miteinander verwandt sind - denken Sie an Gelb, Orange und Rot. Was uns schön zum nächsten zu entschlüsselnden Jargon führt...

5. "Machen Sie sie wärmer/kühler"

Wenn Sie Ihrem Chef keine Tasse Tee servieren, hat ein Hinweis auf wärmer / kühler bei der Betrachtung eines Designs nur mit Farbe zu tun.

Sie haben wahrscheinlich bereits ein Gefühl dafür, ob sich ein Design wärmer oder kühler anfühlt, wenn Sie es nur ansehen. Warme Farbschemata fühlen sich gemütlicher und erdiger an - sie eignen sich möglicherweise für Layouts oder Marken, bei denen sich die Menschen wohl und wohl fühlen sollen. Rot-, Orangen- und Gelbtöne fallen in die warme Farbgruppe.

warm colorswarm colorswarm colors

Kühle Farbschemata wirken zurückhaltender und beruhigender. Das Hinzufügen weiterer Blau-, Lila- und Grüntöne zu Ihren Designs wirkt sich sofort beruhigend auf den Betrachter aus. Sie sind ein großartiger Partner für minimale Designs.

Cool colorsCool colorsCool colors

Die Farbe nimmt im Bereich des Grafikdesigns eine breite Nische ein, und diese Begriffe beginnen erst, die Oberfläche zu zerkratzen. Weitere Informationen zu den Grundlagen der Farbtheorie finden Sie in Adi Purdilas kurzer Einführung in Farbtöne, Töne und Schattierungen:

Oder gehen Sie mit James Thomas 'Artikel über das Verständnis des Farbmanagements etwas tiefer in die Farbtheorie ein:

Vielleicht wurden Sie mit der Erstellung einer Markenidentität beauftragt, die wir uns in der ersten Ausgabe von Decode Designer Jargon angesehen haben. Sie werden beunruhigt / empört sein, wenn Sie feststellen, dass "Identität" nicht der einzige Jargon ist, mit dem Sie sich vertraut machen müssen, wenn Sie mit einem Markenprojekt konfrontiert werden...

6. "Design Me a Brandmark"

Argh! Logos, Markenidentitäten... und jetzt ein Markenzeichen?

Ein Markenzeichen (manchmal auch als "Markenzeichen" bezeichnet) ist in vielerlei Hinsicht der heilige Gral für Markendesigner. Markenzeichen sind symbolische Logos, die eine visuelle und keine textbasierte Erkennung einer Marke oder eines Produkts ermöglichen. Das Apple-Logo ist neben dem Nike-Swoosh und der sofort erkennbaren gelben und roten Muschel von Shell ein berühmtes Beispiel.

brandmarks shell applebrandmarks shell applebrandmarks shell apple

Viele kleinere Unternehmen scheuen Markenzeichen, und das ganz richtig - sie funktionieren nur, wenn die Marke bekannt genug ist, um allein anhand eines visuellen Symbols ohne die Aufforderung eines Textnamens erkennbar zu sein. Wenn Ihr Kunde ein lokales Café eröffnet, ist ein Markenzeichen möglicherweise nicht die beste Wahl (und der Kunde muss es auch sagen!), Aber ein großer Kunde mit großen Ambitionen kann durchaus von einem clever gestalteten symbolischen Logo profitieren.

7. "Eigentlich, nein, ich möchte ein Logo"

OK, atme, wir können das entschlüsseln, kein Problem.

Bei einem Logo wird das Logo um eine getippte Version des Markennamens herum entworfen. Logos sind mehr als nur ein typisierter Name unter einem Bild. Sie integrieren die zentralen Designelemente in die Typografie. Google, Cadbury, NASA, Skype und Nestlé sind Beispiele für Marken, die sich für Logos entschieden haben.

google logogoogle logogoogle logo

Sie werden feststellen, dass die meisten Lebensmittelmarken eher ein Logo als ein Markenzeichen verwenden. Dies liegt daran, dass die Anerkennung des Markennamens in einem wettbewerbsorientierten Supermarktumfeld besonders wichtig ist.

cadbury logocadbury logocadbury logo

Anspruchsvolle Lifestyle-Produkte, wie sie von Apple verkauft werden, stellen möglicherweise fest, dass ein Markenzeichen tatsächlich den Wunsch nach dem Produkt erhöht und die Marke exklusiver, stilvoller oder spezieller erscheinen lässt.

Erfahren Sie mehr über das Erstellen von Logos und Markenidentitäten von Grund auf in unserem Kurs Entwerfen und Erstellen einer Marke oder erfahren Sie, wie wir eine vollständige Markenidentität für unser eigenes Design & Illustration-Team erstellt haben:

Grafikdesigner haben auch spezielle Begriffe, um über das Entwerfen von Layouts zu sprechen. Einige dieser Wörter und Redewendungen können in Besprechungen bei Agenturen oder mit Kunden auftreten, wenn Designer diskutieren möchten, wie Elemente auf einer Seite besser angeordnet werden können...

8. "Ändern wir die Hierarchie"

Wenn ein Designer über Hierarchie spricht, bezieht er sich tatsächlich auf eine Reihe verschiedener Optionen und Techniken, mit denen der Inhalt der Seite klarer dargestellt werden kann. Wenn Sie ein Layout mit mehreren Elementen wie Bildern, Text und Grafiken entwerfen, erhalten Sie eine visuelle Hierarchie (z. B. Element A muss größer als Element B sein, Element A muss über Element B liegen usw.) Seitenstruktur, sodass der Inhalt vom Betrachter oder Leser leicht verdaut werden kann.

Es gibt eine Vielzahl von Optionen zum Erstellen einer visuellen Hierarchie in einem Layout. Wenn ein Designer oder Kunde die vorhandene Hierarchie ändern möchte, deutet er an, dass Sie die Elemente auf der Seite anders anordnen sollen. Hier sind nur einige Prinzipien zum Erstellen einer visuellen Hierarchie auf Ihrer Seite:

  • Beginnen Sie mit den Grundlagen: Erstellen Sie ein Raster (siehe Teil 1 für eine Übersetzung von "Raster") und stellen Sie sicher, dass der Inhalt von links nach rechts gelesen wird (für die meisten Sprachen) und dass der zuerst zu lesende Inhalt oben auf der Seite angezeigt wird. nach unten arbeiten. Dieser Layoutstil wird aufgrund der rauen Form auf der Seite als "F-Muster" oder "E-Muster" bezeichnet.
  • Entscheiden Sie sich für ein "Z-Muster". Dadurch werden Sie aufgefordert, das erste zu lesende oder zu betrachtende Inhaltselement in der oberen linken Ecke des "Z" zu platzieren und über das "Z" bis zum endgültigen unteren rechten Punkt zu arbeiten Dies ist der beste Ort für eine Handlungsaufforderung oder einen abschließenden Text / ein abschließendes Bild.
  • Verwenden Sie Designtechniken, um die Aufmerksamkeit auf Elemente zu lenken, die Sie an der Spitze der Hierarchie haben möchten. Wenn Sie eine kühne Typografie anwenden, mit der Größe der Elemente spielen oder bestimmte Elemente in einer aufmerksamkeitsstarken Farbe herausziehen, können Sie ein starkes Gefühl für Hierarchie auf Ihrem Element erzeugen Layout.
bright color resumebright color resumebright color resume
Buntes Lebenslauf-Tutorial
  • Seien Sie ein bisschen "da draußen" und brechen Sie das Raster - Raster strukturieren Layouts nach linearen Prinzipien, Boxelemente und lassen Text entlang gerader Linien sitzen. Wenn Sie das Raster unterbrechen und ein Element in einem unbeschwerten oder gekrümmten Winkel einbringen, wird dies einen Kontrast zu den am Raster ausgerichteten Elementen bilden und es diesem Element ermöglichen, im Mittelpunkt zu stehen.

9. "Sie müssen die Drittelregel anwenden"

Eek, das klingt beängstigend. Aber keine Panik - die Drittelregel ist eines der einfachsten und effektivsten Gestaltungsprinzipien, die Sie beachten sollten.

Die Drittelregel basiert auf der Idee, ein Layout in neun gleiche Teile zu unterteilen, indem ein Raster über die Seite mit zwei Zeilen über und zwei Zeilen nach unten erstellt wird.

rule of thirds gridrule of thirds gridrule of thirds grid

Das Platzieren von Elementen über den Schnittpunkten dieses Rasters hat die magische Kraft, Layouts sofort attraktiver erscheinen zu lassen. Dies liegt daran, dass wir Symmetrie zwar attraktiv finden, aber so daran gewöhnt sind, dass sie vom menschlichen Auge unbemerkt bleibt. Die Drittelregel fördert eine sanfte Asymmetrie, die den Betrachter darauf hinweist, dass sie etwas ungewöhnlich ist, was wiederum den Betrachter beschäftigt.

Die "Hot Spots" im Drittelregelraster sind unten hervorgehoben. Wenn Sie den Teil des Inhalts, auf den Sie aufmerksam machen möchten (oder der am meisten beschäftigt ist), an einem dieser Hotspots platzieren, sieht das Layout ein bisschen schöner aus.

rule of thirdsrule of thirdsrule of thirds
rule of thirdsrule of thirdsrule of thirds

Probieren Sie es aus und sehen Sie, ob Sie Ihre Layouts zum Besseren verändern können!

10. "OK, mach mich zu einem Dummy"

Nachdem Sie Ihre Layouts fertiggestellt haben - am Ende des Designprozesses, aber vor dem Drucken -, werden Sie möglicherweise von einem Designer oder Kunden gebeten, einen "Dummy" zusammenzustellen.

Dies ist ein Modell des Artikels, den Sie entworfen haben, unabhängig davon, ob es sich um ein einseitiges Dokument wie ein Poster oder einen Flyer oder um ein mehrseitiges oder komplexeres Objekt wie ein Buch oder ein Verpackungsdesign handelt.

packaging dummypackaging dummypackaging dummy
Tutorial zum Verpackungsdesign

Sie können dies mit Ihrem Büro- oder Heimdrucker erstellen und dann die Seiten in der richtigen Reihenfolge zusammenstellen. Der Dummy muss nicht poliert oder hübsch aussehen, sondern muss die technischen Informationen anzeigen, die zum korrekten Drucken und Falten des Artikels erforderlich sind. Seitenzahlen, Angaben zu Falten und Schnitten sowie technische Hinweise sind hilfreich.

Sobald Sie den Dummy zusammengestellt haben, möchte der Designer ihn möglicherweise überprüfen und unterschreiben, bevor er sich bereit erklärt, ihn zum Drucken zu senden*. Danach kann es eine optionale zweite Vordruckstufe geben, in der der Drucker Ihnen einen Nachweis des endgültigen Dokuments liefert. Dies ist eine professionell gedruckte Version, die die Farben und die Anordnung des Dokuments zeigt, wie es als fertiges Produkt angezeigt wird. Erst wenn dies vom Designer gesehen und genehmigt wurde, erhält der Drucker die Erlaubnis, den gesamten Drucklauf durchzuführen.

* Bei komplizierteren Dokumenten, wie mehrseitigen Broschüren oder Verpackungsdesigns, ist es immer eine gute Idee, Ihren Dummy mit dem Drucker zu teilen, damit dieser genau sehen kann, wie der endgültige Artikel zusammengesetzt werden soll.

Benötigen Sie Hilfe beim Entwerfen von Verpackungen? Schauen Sie sich auf dem Envato Market die große Auswahl an Verpackungsvorlagen an, von einfachen Etiketten bis hin zu komplexeren Kartons.

Gut gemacht! Sie sprechen jetzt fließend "Designer".

Sie müssen sich bei Ihrem nächsten Design-Meeting nicht in der Übersetzung verloren fühlen. Designerjargon mag etwas verwirrend klingen, aber oft sind die Bedeutungen hinter den Wörtern relativ einfach zu verstehen. In diesem Artikel haben wir einige der gebräuchlichsten Fachbegriffe behandelt, die während des Designprozesses auftreten können.

Um über Typografie zu sprechen:

  • "Diese Waise / Witwe loswerden" - Übersetzung: "Streunende Wörter oder Sätze am oberen oder unteren Rand einer Textspalte loswerden"
  • "Dieser Absatz sieht zerlumpt aus" - Übersetzung: "Korrigieren Sie die Randausrichtung Ihres Textes, indem Sie einen moderateren Stufeneffekt rechtfertigen oder zulassen."

Um über Farbe zu sprechen:

  • "Ich möchte, dass es monochrom ist" - Übersetzung: "Verwenden Sie in diesem Design nur Schattierungen einer Farbe."
  • "Machen Sie die Farben komplementär / analog" - Übersetzung: "Verwenden Sie ein Farbrad, um ein Farbschema auszuwählen, das entweder Kontrast (von gegenüberliegenden Seiten des Rads) oder Beziehung zueinander (Farben, die nebeneinander auf dem Rad sitzen) bietet."
  • "Machen Sie es wärmer / kühler" - Übersetzung: "Verwenden Sie entweder eine Reihe von Farben, die dem warmen Ende des Farbspektrums (Rot, Orange, Gelb) oder dem kühlen Ende (Blau, Grün, Purpur) zugeordnet sind."

Um über Markendesign zu sprechen:

  • "Entwerfen Sie mir ein Markenzeichen" - Übersetzung: "Entwerfen Sie ein Logo nur mit einem visuellen Symbol"
  • "Nein, ich möchte ein Logo" - Übersetzung: "Entwerfen Sie ein Logo mit einer Textversion des Markennamens".

Um über Layouts zu sprechen:

  • "Ändern wir die Hierarchie" - Übersetzung: "Ändern wir die Anordnung der Elemente auf der Seite".
  • "Sie müssen die Drittelregel verwenden" - Übersetzung: "Verwenden Sie ein 9-Quadrat-Raster, um Elemente asymmetrisch auf der Seite anzuordnen."
  • "OK, mach mich zu einem Dummy" - Übersetzung: "Stellen Sie ein Modell oder einen groben Prototyp des endgültigen Entwurfs zusammen."

Haben Sie in letzter Zeit einen verwirrenden Grafikdesign-Jargon gefunden? Teilen Sie Ihre Geschichten in den Kommentaren unten!

One subscription.
Unlimited Downloads.
Get unlimited downloads