Warum jeder Vermarkter im Jahr 2018 ein (Teilzeit-) Designer sein muss: 52 Designbegriffe und Tipps zum Level-Up

Als ich mit dem Marketing anfing, hatte ich nicht ganz vorausgesagt, dass ich auch ein Teilzeitdesigner sein würde.

Jetzt, im Jahr 201, ist visueller Inhalt Mehr als 40-mal häufiger wird es in sozialen Medien geteilt als andere Arten von Inhalten und es wird offensichtlich und sogar notwendig, dass wir alle Vermarkter zumindest einige Grundkenntnisse über wichtige Designbegriffe haben.

Zum Glück leben wir in einer wundervollen Welt, in der jeder den Sprung vom Anfänger zum Fortgeschrittenen schaffen kann Erstellen Sie gut gestaltete Bilder für soziale Medien. Es gibt Tools wie Pablo und Canva das macht diese Designarbeit erreichbar (und schön).

Abgesehen von Tools ist es jedoch wichtig, Ihr Verständnis für Design zu verbessern, wenn Sie Ihre Marketingfähigkeiten auf die nächste Stufe heben möchten.

Haben Sie sich jemals gefragt, was mit ein wenig zusätzlichem Designwissen in Ihrer Gesäßtasche möglich sein könnte?

Es stellt sich heraus, dass es ein vernünftiger Sprung ist, Ihre Social-Media-Bilder von gut zu großartig zu machen. Und alles beginnt mit einer guten Grundlage und einem guten Verständnis einiger wichtiger Designbegriffe und -prinzipien.

Wenn Sie Ihre nehmen möchten Social Media Bilder auf die nächste Ebene Wenn Sie ein besserer Vermarkter werden möchten, lesen Sie in diesem Design-Wörterbuch nach, um einen Crash-Kurs zum besseren Verständnis von Design zu erhalten.

- -

52 Designbegriffe für Vermarkter erklärt

1. Goldener Schnitt

Der goldene Schnitt tritt bei zwei Objekten auf, die, sobald Sie das größere durch das kleinere teilen, die Zahl 1,6180 (oder ungefähr) ergeben. Der bekannteste goldene Schnitt ist das goldene Rechteck, das in ein perfektes Quadrat und ein Rechteck mit demselben Seitenverhältnis wie das ursprüngliche Rechteck aufgeteilt werden kann. Möglicherweise sehen Sie dies in der Bildkomposition oder im Website-Design und im Rasterlayout.

(( über )

Mit dem Goldenen Schnitt können Sie sicherstellen, dass Ihre Bilder auffällig und schön formatiert sind. Hier ist ein Beispiel des Goldenen Schnitts, der verwendet wird, um den Raum zwischen dem Körper einer Website und der Seitenleiste zu teilen:

Drunter ist ein anderes Beispiel wobei die Schlüsselelemente des Designs alle in einen anderen Abschnitt des Goldenen Schnitts passen:

2. Drittelregel

Sie können die Drittelregel anwenden, indem Sie sich ein 3 × 3-Raster vorstellen, das über Ihrem Bild liegt, und dann das Motiv des Bildes an den Hilfslinien und ihren Schnittpunkten ausrichten (z. B. den Horizont auf der oberen oder unteren Linie platzieren) oder zulassen Die Elemente des Bildes fließen leicht von Abschnitt zu Abschnitt.

(( über )

Sobald Sie Ihr Gitter an Ort und Stelle haben, werden die Punkte wo sich die Linien schneiden einander geben die Hauptschwerpunkte in Ihrem Design an:

Typografie-, Text- und Schriftbegriffe

3. Typografie

'Typografie ist die visuelle Komponente des geschriebenen Wortes' Praktische Typografie erklärt schön . Alle visuell angezeigten Texte, ob auf Papier, Bildschirm oder Werbetafel, sind typografisch.

4. Serif

Eine Serife ist der kleine zusätzliche Strich oder die kleinen Kurven am Ende der Buchstaben.

5. Sans-Serif

'Sans' bedeutet wörtlich 'ohne', und eine serifenlose Schrift enthält keinen zusätzlichen Strich am Ende der Buchstaben.

Obwohl es keine festgelegten Regeln für die Verwendung einer Serifen- oder serifenlosen Schriftart gibt, es wird vorgeschlagen, dass serifenlose Schriftarten sollten für Online-Textkörper und serifenlose Schriftarten für Überschriften und Druck verwendet werden.

6. Skript

Skriptschriften sind Schriftarten oder Schriftarten, die auf historischen oder modernen Handschriftstilen basieren und flüssiger sind als herkömmliche Schriftarten.

Einige Beispiele für Skriptschriftarten sind:

Alex Brush

Und, Grand Hotel ::

7. Platten-Serife

Platten-Serifen-Schriften fühlen sich geometrisch an als herkömmliche Serifen-Schriften und weisen quadratische und größere Serifen auf, die mutiger sind.

Ein hervorragendes Beispiel für eine Serifenschrift ist Plattenmuseum ::

8. Minivan

Eine monospaced Schriftart, (auch als Schriftart mit fester Tonhöhe, fester Breite oder nicht proportionaler Schrift bekannt) ist eine Schriftart, deren Buchstaben und Zeichen jeweils den gleichen horizontalen Platz einnehmen.

9. Hierarchie

Die typografische Hierarchie ist ein wesentlicher Bestandteil jedes Designs oder Layouts. Auch wenn Sie mit dem Begriff nicht vertraut sind, können Sie sicher sein, dass die Hierarchie auf jeder Website, Zeitung oder Zeitschrift in Aktion ist.

tuts + erklären ::

Die typografische Hierarchie ist ein System zum Organisieren von Typen, das eine Reihenfolge der Wichtigkeit innerhalb der Daten festlegt, sodass der Leser leicht finden kann, wonach er sucht, und im Inhalt navigieren kann. Es hilft dem Leser, den Blick darauf zu lenken, wo ein Abschnitt beginnt und endet, und ermöglicht es dem Benutzer, bestimmte Informationen basierend auf der konsequenten Verwendung des Stils in einem Textkörper zu isolieren.

Hier ein Beispiel zur Veranschaulichung der Bedeutung der Hierarchie:

10. Kerning

Kerning bezieht sich auf den Abstand zwischen zwei bestimmten Buchstaben (oder anderen Zeichen: Zahlen, Interpunktion usw.) und das Anpassen dieses Bereichs verbessert die Lesbarkeit.

11. Führen

Das Führen bestimmt, wie der Text vertikal in Zeilen beabstandet ist. Leading wird verwendet, wenn Inhalte mehrere Zeilen lesbaren Textes enthalten und sicherstellen, dass der Abstand zwischen dem unteren Rand der Wörter oben und dem oberen Rand der Wörter unten einen angemessenen Abstand aufweist, um sie lesbar zu machen.

12. Verfolgung

Tracking ähnelt Kerning insofern, als es sich auf den Abstand zwischen Buchstaben oder Zeichen bezieht. Anstatt sich jedoch auf den Abstand zwischen einzelnen Buchstaben (Kerning) zu konzentrieren, misst das Tracking den Abstand zwischen Buchstabengruppen.

13. X-Höhe

Die x-Höhe bezieht sich auf den Abstand zwischen der Grundlinie und der mittleren Linie von Kleinbuchstaben in einer Schrift.

14. Auf- / Abstieg

Der Aufsteiger ist der Teil eines Kleinbuchstabens, der sich über die mittlere Zeile einer Schriftart erstreckt (die x-Höhe) . Andererseits ist der Absteiger der Teil eines Buchstabens, der sich unterhalb der Grundlinie einer Schriftart erstreckt.

15. Waisen / Witwen

Witwen und Waisen sind Textzeilen, die am Anfang oder Ende eines Absatzes erscheinen und am oberen oder unteren Rand einer Zeile allein gelassen werden. Es gibt einige Debatten über die genauen Definitionen dieser Begriffe, aber als Faustregel:

• Waise: A ist ein einzelnes Wort oder eine sehr kurze Zeile, die am Ende eines Absatzes oder am Anfang einer Spalte oder Seite angezeigt wird und vom Rest des Textes getrennt ist.
• Witwe: Eine Zeile am Ende eines Absatzes, die am Anfang der folgenden Seite oder Spalte steht und somit vom Rest des Textes getrennt ist. Oder der Anfang eines neuen Absatzes, der am Ende einer Spalte oder Seite beginnt.

16. Sehr an der Leine

Lorem Ipsum ist einfach Dummy-Text, der von der Designbranche verwendet wird. Es wird als Platzhaltertext verwendet und weist eine mehr oder weniger durchschnittliche Verteilung von Buchstaben auf, sodass es wie lesbares Englisch aussieht, im Gegensatz zur Verwendung von 'Inhalt hier hinzufügen, Inhalt hier hinzufügen' in Designs, wenn die Kopie noch nicht fertig ist.

Farben

17. RGB

RGB-Farbe ist ein Modell, bei dem rotes, grünes und blaues Licht auf verschiedene Weise addiert werden, um eine breite Palette von Farben zu reproduzieren. RGB wird in der Regel für Bildschirmzwecke verwendet.

18. Hex

Ein Hex ist eine sechsstellige Zahl, die in HTML-, CSS- und Design-Softwareanwendungen zur Darstellung von Farben verwendet wird.

19. Palette

Eine Farbpalette besteht aus Farben, die für jede Illustration oder Designarbeit verwendet werden können, die Ihre Marke repräsentiert. Die gewählten Farben sollten so gestaltet sein, dass sie harmonisch miteinander arbeiten.

20. Monochrom

Monochrom wird verwendet, um Design oder Fotos in einer Farbe oder in verschiedenen Schattierungen der einzelnen Farbe zu beschreiben.

21. Analog

Analoge Farbschemata verwenden Farben, die im Farbkreis nebeneinander liegen. Sie passen normalerweise gut zusammen und schaffen ruhige und komfortable Designs.

22. Ergänzend

Farben, die sich im Farbkreis gegenüberliegen, gelten als Komplementärfarben (Beispiel: Rot und Grün).

23. Triade

Bei einem triadischen Farbschema werden Farben verwendet, die gleichmäßig um das Farbrad verteilt sind.

24. CMYK

CMYK ist ein Farbmodell, das für Druckzwecke verwendet wird. CMYK-Farben beginnen als Weiß und werden dann dunkler, wenn mehr Farben kombiniert werden.

ohne zu folgen ohne zu erwähnen

(( über )

25. Pantone

Das Pantone Matching System (PMS) ist ein standardisiertes Farbwiedergabesystem. Jeder Farbton erhält eine Nummer, die es den Menschen erleichtert, dieselben Farben zu referenzieren und zu reproduzieren.

26. Warme Farben

Warme Farben werden mit Rot, Orangegelb und verschiedenen Kombinationen dieser Farben hergestellt. Sie geben eine freundliche, fröhliche, gemütliche Atmosphäre.

27. Kühle Farben

Kühle Farben wie Blau, Grün und Hellviolett können beruhigen und beruhigen.

28. Farbtheorie

Farbtheorien schaffen eine logische Struktur für Farbe. Es gibt drei grundlegende Kategorien der Farbtheorie : Das Farbrad, die Farbharmonie und der Kontext, in dem Farben verwendet werden. Das Verständnis, wie verschiedene Farben verwendet werden, um Bedeutung zu vermitteln, ist ein wichtiger Bestandteil von Design und Marketing. Hier ist eine kurze Anleitung, wie Farben unser Gehirn beeinflussen:

Möchten Sie mehr über die Farbtheorie erfahren? Überprüfen: Warum ist Facebook blau? Die Wissenschaft der Farben im Marketing .

29. Farbverlauf

Ein Farbverlauf ist eine allmähliche Änderung der Farben (z. B. Grün wird allmählich zu Blau) oder eine Farbe, die in Transparenz übergeht. Es gibt zwei gängige Arten von Verläufen: radiale und lineare.

30. Deckkraft

Durch die Deckkraft können wir ein Element eines Designs transparent machen. Je geringer die Deckkraft, desto transparenter ist ein Element. Zum Beispiel bedeutet 100% Deckkraft, dass ein Objekt fest ist.

31. Farbton

Im Wesentlichen ist ein Farbton eine Möglichkeit, eine Farbe zu beschreiben. Und ein Farbton kann eine beliebige Farbe im Farbkreis sein. Zum Beispiel sind Rot, Blau und Gelb alle Farbtöne.

32. Farbton

Ein Farbton ist eine Vielzahl von Farben. Craftsy erklärt das Farbtöne werden beim Hinzufügen erstellt Weiß zu einem beliebigen Farbton im Farbkreis. Das hellt auf und entsättigt der Farbton macht es weniger intensiv.

Branding und Logos

33. Logo

Ein Logo ist der Name eines Unternehmens, das auf visuell einzigartige Weise für die Verwendung durch dieses Unternehmen entworfen wurde. Wenn sich Menschen auf ein Logo beziehen, beziehen sie sich meistens auf das Logo der Marke.

34. Logomark / Brandmark

Eine Logo-Marke enthält im Allgemeinen nicht den Namen des Unternehmens und repräsentiert das Unternehmen abstrakter mit einem Symbol oder einer Marke.

35. Symbol

Symbole sind Bilder, die zur Darstellung einer Aktion oder eines Objekts verwendet werden. Zum Beispiel könnte ein Stiftsymbol jemanden darstellen, der schreibt (Aktion) oder einfach einen Stift (Objekt). Bei der Verwendung überlegen sich die Symbole genau, was Sie bedeuten möchten und wie klar es für Ihr Publikum ist.

36. Styleguide

Ein Styleguide ist eine Reihe von Standards für das Design von allem, was mit Ihrer Marke zu tun hat, unabhängig davon, ob es sich um eine Website-Landingpage, eine Visitenkarte oder ein gedrucktes Dokument handelt. Der Grund für einen Styleguide ist die Gewährleistung einer vollständigen Einheitlichkeit von Stil und Formatierung überall dort, wo die Marke verwendet wird, um sicherzustellen, dass diese Marke nicht verwässert wird.

Als Beispiel können Sie unsere überprüfen Puffer Style Guide hier .

37. Gitter

Ein Raster besteht aus gleichmäßig verteilten Spalten und Zeilen. Der Zweck eines Rasters besteht darin, Designern dabei zu helfen, Elemente auf konsistente Weise anzuordnen. Hier ist ein Beispiel für das Raster, das wir bei Buffer verwenden:

Mithilfe des Pufferentwurfsrasters kann eine Seite in Fünftel, Viertel, Drittel und Hälften unterteilt werden - und eine beliebige Kombination davon. Jede Gitterzeile muss Teile enthalten, die sich zu einem Ganzen addieren. Zum Beispiel ein Viertel + eine Hälfte + ein Viertel.

Designbegriffe und -techniken

38. Skala

Beim Entwurf bezieht sich die Skalierung auf die Größe eines Objekts in Bezug auf ein anderes Objekt. Zwei gleich große Elemente können als gleich angesehen werden. Während Elemente mit deutlichen Größenunterschieden tendenziell als unterschiedlich angesehen werden.

Denken Sie beim Zusammenstellen eines Designs darüber nach, wie Sie die Skalierung verwenden können, um die Bedeutung Ihres Bildes zu veranschaulichen. Nehmen Sie das folgende Beispiel: Der größere Kreis scheint einflussreicher und wichtiger zu sein als der kleinere. Man könnte sogar sagen, dass der kleinere Kreis etwas schüchtern oder schüchtern ist.

39. Seitenverhältnis

Ein Seitenverhältnis ist die proportionale Beziehung zwischen der Breite und Höhe eines Rechtecks ​​(ein Rechteck wird verwendet, da die überwiegende Mehrheit der Bildschirme breiter als hoch ist). Ein Seitenverhältnis wird über ein mathematisches Verhältnis definiert, wobei zwei Zahlen durch einen Doppelpunkt getrennt sind.

• Breite Höhe
• Dies bedeutet, dass 4 Zoll breit und 3 Zoll hoch ein Verhältnis von 4: 3 wäre

40. Textur

Eine Textur ist definiert als die Oberflächeneigenschaften Ihres Bildes. Im Design können Sie Texturen wie Stoff und Mauerwerk verwenden, um das visuelle Erscheinungsbild der tatsächlichen Textur widerzuspiegeln.

41. Knolling

Knolling ist der Vorgang, bei dem verschiedene Objekte so angeordnet werden, dass sie in einem Winkel von 90 Grad zueinander stehen, und sie dann von oben fotografiert werden. Diese Technik erzeugt ein sehr symmetrisches Aussehen, das sich für das Auge angenehm anfühlt. Bilder mit Knolling werden in der Regel vor einem kontrastierenden festen Hintergrund angezeigt.

(( über )

42. Leerraum

Leerzeichen, oft als negativer Raum bezeichnet, beziehen sich auf den Bereich eines Designs, der leer gelassen wird. Dies ist der Abstand zwischen grafischen Elementen, Bildern, Kopien und allem anderen auf der Seite. Obwohl es als weißer Raum bekannt ist, kann es jede Farbe haben.

Ein hervorragendes Beispiel für Leerzeichen ist die Google-Startseite. Es ist fast mit Leerzeichen gefüllt, um Benutzer zu ermutigen, sich auf die Suchleiste zu konzentrieren:

43. Entschließung

Die Auflösung eines Bildes bestimmt die Qualität. Als Faustregel gilt: Je höher die Auflösung, desto höher die Qualität. Ein hochauflösendes Bild ist klar und gestochen scharf, während sich ein Bild mit niedriger Auflösung etwas pixelig und verschwommen anfühlt.

44. Kontrast

Kontrast tritt auf, wenn zwei Elemente auf einer Seite unterschiedlich sind. Zum Beispiel können es unterschiedliche Farben zwischen dem Text und der Hintergrundfarbe oder dunkle oder helle Farben sein.

Einer der Hauptgründe für die Verwendung von Kontrast in Ihren Designs ist die Aufmerksamkeit. Zum Beispiel waren die berüchtigten iPod-Silhouette-Anzeigen so unvergesslich, weil es einen großen Kontrast zwischen dem weißen iPod und den Kopfhörern und dem hellen Hintergrund und der Silhouette gibt.

45. Sättigung

Die Sättigung bezieht sich auf die Intensität oder Reinheit einer Farbe. Je gesättigter eine Farbe ist, desto lebendiger oder heller erscheint sie. Während entsättigte Farben etwas langweiliger erscheinen.

Hoch gesättigte Bilder neigen dazu, aufzufallen und Aufmerksamkeit zu erregen, wodurch sie den Anschein haben, mehr Gewicht zu haben als weniger gesättigte Bilder. Wenn Sie eine Textebene über einem Bild hinzufügen und möchten, dass es auffällt, kann die Verwendung eines weniger gesättigten Hintergrunds eine gute Möglichkeit sein, dies zu tun.

46. ​​Unschärfe

Unschärfe macht Bilder unklarer oder weniger deutlich. Die Verwendung einer Unschärfe kann eine großartige Möglichkeit sein, Text hervorzuheben, wenn er einem Bild überlagert wird. Wenn Sie Text über ein Bild setzen, können die beiden Elemente eine etwas wettbewerbsfähige Beziehung eingehen (Beispiel links unten) Durch eine kleine Unschärfe kann der Text besser zur Geltung kommen und besser lesbar erscheinen (rechts unten) .

47. Ernte

Wenn Sie ein Bild zuschneiden, schneiden Sie die unnötigen Teile des Bildes aus und verwerfen sie. Durch Zuschneiden können Sie die Betonung oder Richtung eines Bildes ändern.

48. Pixel

Ein Pixel ist ein winziger Bereich eines Bildschirms (das Wort stammt von „Bildelement“). Pixel sind die kleinste Grundeinheit programmierbarer Farben auf einem Computer, und Bilder bestehen aus vielen einzelnen Pixeln.

49. Skeumorphismus

Skeuomorphismus ist, wenn ein digitales Element so gestaltet ist, dass es wie eine Nachbildung der physischen Arbeit aussieht. Denken Sie beispielsweise an den iPhone-Taschenrechner oder den Apple-Zeitungskiosk, an dem das Bücherregal und die Magazine so aussehen und sich so anfühlen, wie sie es im wirklichen Leben tun.

50. Wohnung

Flaches Design ist ein minimalistischer Ansatz, der sich auf Einfachheit und Benutzerfreundlichkeit konzentriert (fast das Gegenteil von Skeuomorphismus) . Es bietet viel Freiraum, scharfe Kanten, leuchtende Farben und zweidimensionale Illustrationen.

(( über )

51. Raster

Rasterbilder bestehen aus einem festgelegten Pixelraster. Wenn Sie also die Größe der Dehnung eines Rasterbilds ändern, kann es etwas verschwommen werden und an Klarheit verlieren.

52. Vektor

Vektorbilder bestehen aus Punkten, Linien und Kurven. Alle Formen innerhalb eines Vektors werden unter Verwendung einer mathematischen Gleichung berechnet, was bedeutet, dass das Bild in der Größe skaliert werden kann, ohne an Qualität zu verlieren. Im Gegensatz zu Rastern werden Vektoren beim Skalieren nicht unscharf. Sie können einige großartige Vektorgrafiken finden, die Sie in Ihren Designs auf Websites wie verwenden können Vecteezy .

Zu dir hinüber

Ich hoffe, Sie fanden diesen Einstieg in Designbegriffe und Definitionen hilfreich. Es ist erstaunlich, wie schnell Vermarkter Tools wie Canva und Pablo verwenden können, um schön aussehende Bilder zu erstellen.

Ich bin gespannt, ob es andere Designbegriffe gibt, die Sie regelmäßig hören, und möchte eine Klarstellung dazu? Fühlen Sie sich frei, Fragen oder Gedanken in den Kommentaren unten zu teilen.

Weiterführende Literatur:

• 50 Designbegriffe, die nur für Nicht-Designer erklärt werden aus dem Canva-Blog
• 10 Begriffe für digitales Design, die Sie kennen müssen von Design Shack