Designbegriffe, die jeder Nicht-Designer kennen sollte

Es kann sehr viel Spaß machen, mit einem Designer zu arbeiten, bis Sie feststellen, dass Sie zwei verschiedene Sprachen sprechen. Wenn Sie keine Ahnung haben, was die andere Person meint, oder jedes zweite Wort, das sie sagt, googeln müssen, wissen Sie, dass es an der Zeit ist, die Designbegriffe aufzufrischen.

Deshalb geben wir Ihnen in diesem Blog eine Aufschlüsselung der verschiedenen Begriffe, die Designer verwenden, damit Sie genau wissen, womit Sie es zu tun haben.

Begriffe zum Markendesign

Kombinationsmarke

Dies ist etwas, das die Logomarke und den Logotyp zusammenbringt oder kombiniert.

Logomarke

Logomarken werden auch als Markenzeichen bezeichnet und sind Symbole, die eine Marke repräsentieren. Sie enthalten keinen Markennamen und sind eher abstrakt und schlicht gehalten.

Logotyp

Dies ist normalerweise der Name des Unternehmens, der auf einzigartige Weise mit ästhetischem Reiz gestaltet ist.

Symbol

Ein Symbol ist eine sehr einfache Methode, um dem Leser die Idee zu vermitteln. Sie vereinfachen und trennen auch den Text in jedem Webdesign. Sie sollten nicht mit einem Logo verwechselt werden und können in einer Vielzahl von Anwendungen verwendet werden.

Designbegriffe im Zusammenhang mit Farbe

CMYK

Dies steht für Cyan, Magenta Yellow und Key und ist ein Farbmodell, das für Druckdesigns verwendet wird. Wie es funktioniert, sind winzige Punkte dieser Farben angeordnet. Und wenn sie in verschiedenen Kombinationen verwendet werden, zeigen sie unterschiedliche Farben. Wenn Sie beispielsweise alle vier Farben zusammenzählen, erhalten Sie am Ende Schwarz.

Farbpalette

Dies ist eine Reihe von Farben, die sich gegenseitig ergänzen und die Elemente in einem Design zusammenbringen.

Gradient

Mit einem Farbverlauf können Sie dem von Ihnen erstellten Design Tiefe und Dimension verleihen. Es ermöglicht auch, dass die Augen des Betrachters reibungslos von einer Farbe zur anderen fließen. Die Verwendung von flachen Farben kann eine ebenso flache Endausgabe erzeugen. Die chaotische Verwendung von Farben kann zu beschäftigt sein, aber mit Farbverläufen können Sie für Ordnung und Ästhetik sorgen. Es gibt einige Arten von Farbverläufen, die Sie verwenden können.

• Linear – hier wechselt die Farbe von einem Startpunkt und endet in einer geraden Linie.
• Radial – hier breiten sich die Farben vom zentralen Startpunkt in einem kreisförmigen Muster aus.
• Winkel – das Muster fließt gegen den Uhrzeigersinn. Die Linie, die Anfang und Ende der Farbverteilung kennzeichnet, ist deutlich zu sehen.
• Reflektiert – Die Farbe breitet sich gleichmäßig auf beiden Seiten des Startpunkts aus. Dies ist fantastisch zu verwenden, wenn Sie etwas mit einem glänzenden Finish entwerfen.
• Diamant – die Farbe breitet sich in Form eines Diamanten aus. Dieser Startpunkt wäre normalerweise eine Ecke der Rautenform.

Farbtöne, Tönungen, Töne und Schattierungen

Ein Farbton ist im Grunde jede Farbe auf dem Farbkreis, und diese Farben können zusammenkommen, um andere Sekundär- und Primärfarben zu erzeugen.

Wenn Sie jetzt Schwarz, Weiß oder beides zu einem Farbton (Farbe) auf dem Farbrad mischen, erhalten Sie Variationen. Diese Variationen nennen wir Tönungen, Töne und Schattierungen.

Wenn Sie Weiß in einen beliebigen Farbton mischen, erhalten Sie Tönungen. Es ist eine helle und entsättigte Version der Farbe, die nicht so intensiv ist. Sie werden auch als Pastelle bezeichnet und sind ruhigere Farben.

Wenn Sie Schwarz und Weiß mit einem Farbton mischen, erhalten Sie einen Ton. Im Wesentlichen fügen Sie dem Farbton Grau hinzu. Sie können den Ton heller oder dunkler machen, je nachdem, wie viel Schwarz und Weiß Sie hinzufügen.

Wenn Sie einem Farbton einfach Schwarz hinzufügen, erhalten Sie einen Farbton. Dieser ist dunkler und viel intensiver als der ursprüngliche Farbton. Das Hinzufügen von Schwarz kann schwierig sein, da nur eine kleine Menge wirklich überwältigend sein kann.

Negativ/Leerraum

Dies bezieht sich auf den Raum, der die visuellen Elemente Ihres Designs umgibt. Allerdings ist der Raum nicht negativ und muss auch nicht weiß sein. Es ist einfach mehr Platz zum Atmen im Design und es kann jede Farbe, jedes Muster und jede Textur haben. Weißraum ist beim Entwerfen ebenfalls sehr wichtig. Es hilft, die richtigen Schwerpunkte zu betonen und auch eine Stimmung hervorzurufen.

Opazität

Dieser Begriff bezieht sich darauf, wie transparent Ihr Bild ist. Sie wird normalerweise in Prozent angegeben. 0 % bedeutet, dass das Bild ausgeblendet ist und 100 % bedeutet, dass das Bild vollständig transparent ist.

Pantone

Dies sind Farben, die einen bestimmten Farbton darstellen. Im Wesentlichen können Sie die genaue Farbe, die Sie benötigen, über einen Pantone-Code mitteilen. Dies gilt als grundlegende Sprache für Farben in Grafiken. Die von Pantone entwickelte Rezeptur ist als Schmuckfarbe bekannt. Das bedeutet, dass die Pantone-Palette aus 18 Grundfarben besteht und nicht aus Rastern oder Punkten.

RGB

Dieses Farbmodell wird für Bildschirme verwendet und steht für Rot, Blau und Grün. Wenn Sie alle diese Farben hinzufügen, erhalten Sie die Farbe Weiß.

Sättigung

Dieser Begriff beschreibt die Intensität der Farbe im Bild. Ein gesättigtes Bild hat Farben, die zu hell sind. Wenn Ihre Bilder beispielsweise unterbelichtet sind, können Sie Grafiken verwenden, um die Farbsättigung in ihnen zu erhöhen.

Begriffe für das Design von Bildtypen

Rasterbilder

Diese werden manchmal auch als Bitmap-Bilder bezeichnet und bestehen aus Tausenden von Pixeln, die dann die Farbe und Form der Bilder bestimmen. Fotos sind beispielsweise Rasterbilder. Das Ändern der Größe kann schwierig sein, da diese Bilder aus einer begrenzten Anzahl von Pixeln bestehen.

Wenn Sie zum Beispiel einem Rasterbild in Photoshop größere Abmessungen geben, muss die Software Daten erneuern, um das Bild zu vergrößern, was zu einer schlechten Qualität führt. Innerhalb von Rasterbildern gibt es verschiedene Arten von Dateien, die Sie kennen müssen.

• GIF – das Graphics Interchange Format ist eine Rasterdatei, die Transparenz und Animation unterstützt. GIFs können nur bis zu 256 Farben anzeigen, was ihre Dateigröße sehr klein macht.
• JPEG – das steht für Joint Photographic Experts Group und ist das am weitesten verbreitete Rasterformat, wenn es um Webdesign geht. Diese werden schnell geladen und sind komprimierte Dateien.
• PNG – diese Dateien verlieren auch im komprimierten Zustand nicht an Qualität und stehen für Portable Network Graphics. Sie haben ein webbasiertes Format. Diese Dateien wurden eigentlich entwickelt, um die Qualität von GIF-Dateien zu verbessern.
• PSD – Wenn ein Designer ein unkomprimiertes funktionierendes Rasterdateibild in Adobe Photoshop erstellt, wird es zu einer PSD-Datei. Die Buchstaben stehen für Photoshop Document.
• TIFF – Tagged Image File Format wird ziemlich häufig zum Austausch von Rasterbildern zwischen Anwendungen verwendet. Es hat eine etwas höhere Qualität als JPEG oder PNG und wird hauptsächlich von Fotografen und der Verlagsbranche verwendet.

Vektorbilder

Vektorgrafiken bestehen aus vielen Punkten. Diese Punkte haben eine X- oder eine Y-Koordinate. Diese Punkte werden dann Pfade verbinden und Formen bilden, und Sie können dann Farbe in diese Formen einfügen. Vektoren können vergrößert werden, ohne dass Sie sich um die Qualität kümmern müssen. Sie werden normalerweise für Logos und Grafiken verwendet, die für viele verschiedene Ausgaben verwendet werden können, von Flugblättern bis hin zu Werbetafeln. Schauen wir uns die verschiedenen Arten von Bildern an, die in diese Kategorie fallen.

• AI – das steht für Adobe Illustrator document. Dieses Dateiformat wurde von Adobe-Systemen erstellt und verfügt über einseitige Vektordesigns.
• EPS – Encapsulated Post Script kann in der Größe verändert werden und wird häufig für Vektordesigns verwendet. Es hat eine sehr hohe Qualität und wird in vielen Druckelementen wie Logos, Broschüren und Visitenkarten verwendet.
• PDF – Das von Adobe entwickelte Portable Document Format ist ein Dateityp, der von jedem Computer heruntergeladen und angezeigt werden kann. Sie sind ideal, um Arbeitsvorschauen zu teilen, da sie universell sichtbar sind.

Auflösung

Hier gibt es 2 Typen, die Sie beachten müssen, nämlich DPI und PPI.

• DPI ist etwas, worüber Sie sich Gedanken machen müssen, wenn Sie daran arbeiten, eine gedruckte Ausgabe zu erstellen. Es steht auch für Punkte pro Zoll. Dies bezieht sich im Wesentlichen auf die Anzahl der Punkte pro Zoll auf einer gedruckten Seite. Je höher die Anzahl der Punkte hier, desto höher die Qualität des Bildes. Der Standard für ein Druckbild ist 300DPI.
• PPI steht für Pixel pro Zoll. Wenn Sie in Photoshop ein großes Bild erstellen, müssen Sie die Anzahl der Pixel pro Zoll erhöhen, wobei Photoshop die Daten ausmacht und Sie auch etwas an Qualität verlieren.

Die Auflösung gilt nur für Rasterbilder, da Vektoren nicht mit Pixeln funktionieren.

Begriffe für Schrift-, Text- und Typografiedesign

Aufsteiger

Dies ist eine lineare Verlängerung eines Buchstabens, der über der Mittellinie angezeigt wird.

Grundlinie

Dies ist die gleichmäßig sichtbare Linie, auf der alle Buchstaben sitzen, die Sie in Ihr Design einfügen.

Kappenhöhe

Dies ist der Abstand zwischen der Grundlinie und dem oberen Rand der Großbuchstaben.

Unterlänge

Dies ist ein Extender auf einem Buchstaben, der unter der Grundlinie erscheint. Die roten Bereiche im Beispiel unten sind die Unterlängen für die angegebenen Buchstaben.

Kerning

Dies bezieht sich auf die Anpassung des Abstands zwischen den Zeichen einer bestimmten Schriftart, um ein optisch ansprechenderes Ergebnis zu erzielen. Zum Beispiel möchten Sie vielleicht etwas Platz zwischen dem t und dem i haben, damit der Arm des t nicht mit dem i verschmilzt. Sie müssen auch sicherstellen, dass das Kerning, das Sie verwenden, korrekt ist, wenn es um die Verwendung von Großbuchstaben wie T oder A in einer Überschrift geht.

Waisen und Witwen

Wenn Sie mit Satz arbeiten, sind Witwen die Absätze, die mit einer Linie am Anfang der nächsten Seite oder Spalte enden. Nun sind Waisen hingegen Absätze, die am Ende der Seite oder Spalte beginnen. Sie sehen nicht besonders ansprechend aus und müssen normalerweise mit mehr Text aufgefüllt werden, oder Ihr Designer kann versuchen, sie zu reparieren. Wenn es einzelne Wörter gibt, die in die letzte Zeile eines Absatzes fallen, versuchen Sie, daran zu arbeiten, da sie unansehnlich aussehen.

Serifenlos

Dies ist eine Gruppe von Schriftarten, die die Linien und Stubs am Ende von Zeichen nicht verwenden, wie im Fall von Serifen. Einige der beliebten Schriftarten, die in diese Gruppe fallen, sind Helvetica, Arial und Geneva. Serifenlose Schriftarten sind etwas schwierig zu lesen. Sie werden oft nur in kurzen Texten wie Bildunterschriften und Überschriften verwendet.

Skript

Diese Schriftarten imitieren eine kursive Handschrift. Es hat eine persönliche Note wie bei der Kalligrafie. Sie können aus zwei verschiedenen Arten von Schreibschriften wählen – formell und lässig. Die formelle Gruppe hat viele ausgefallene Details in sich. Sie sind auch sehr leicht zu identifizieren, weil sie Locken und Schnörkel haben, die von der Serife nach außen gehen. Auf der anderen Seite hat die lässige Schreibschrift jetzt weniger Kräuselungen. Wenn Sie Ihrem Design eine wohnliche Atmosphäre verleihen möchten, können Sie diese Schriftart verwenden. Wenn Sie jedoch eine Schriftart wie Skripte auswählen, müssen Sie vorsichtig sein, da die Lesbarkeit geringer sein kann.

Serif

Serifen sind eine häufig verwendete Schriftart. Die Buchstaben haben in diesem Fall dekorative Stummel, wie im Bild oben gezeigt, wo Sie die hervorgehobenen grünen Bits sehen können. Es gibt vier Haupttypen von Serifenschriften.

• Alter Stil
• Übergang
• Didone
• Platte Serife

Verfolgung

Tracking bezieht sich entweder auf das Erhöhen (zum größten Teil) oder das Verringern des Abstands zwischen Buchstaben in einer Zeile oder in einem Textblock. Es wird normalerweise horizontal aufgetragen. Führen geschieht, wenn das gleiche Prinzip vertikal angewendet wird. Dies bezieht sich im Wesentlichen auf die Beibehaltung des gleichen Abstands zwischen 2 Zeilen. Das Hauptziel hier ist sicherzustellen, dass Ihr Typ lesbar ist und dass die Unterlängen nicht mit der unmittelbar darunter liegenden Linie verschmelzen.

Allgemeine Designbegriffe

Ausrichtung

Die Ausrichtung bezieht sich im Wesentlichen darauf, wie die Elemente in Ihrem Design, das Text und Bilder enthält, zueinander angeordnet sind. Diese Bilder können so ausgerichtet werden, dass sie auf die Seite passen, und sehen genau richtig zusammen aus.

Seitenverhältnis

Dies ist zufällig das proportionale Verhältnis der Höhe zur Breite. Sie sehen es im x:y-Format. Beispielsweise hat ein Bild mit den Abmessungen 6 x 4 ein Seitenverhältnis von 3:2. Dies bestimmt das Verhältnis und die Form des Bildes und nicht die Größe.

Kontrast

Dies ist ein Prinzip im Design, das auftritt, wenn zwei Elemente im Bild ziemlich dramatisch unterschiedlich sind. Je größer der Unterschied, desto größer der Kontrast. Der Kontrast im Design hilft Ihnen, die Botschaft zu vermitteln, indem er den Blick des Betrachters auf die Brennpunkte lenkt. Es hilft auch bei der Verbesserung der Lesbarkeit. Sie können sehen, wie Kontrast in Bezug auf Farbe, Größe, Wert oder jeden anderen Aspekt eines Designs angewendet wird.

Kompression

Das Komprimieren eines Bildes ist im Wesentlichen das, was passiert, wenn die Größe einer Grafikdatei in Bytes reduziert wird, ohne dass dies negative Auswirkungen auf die Qualität des Bildes hat. Wenn die Dateigröße reduziert wird, können diese Dateien einfacher per E-Mail versendet werden und nehmen auch weniger Speicherplatz ein. Sie können dann auch leicht von Webseiten heruntergeladen werden.

Flaches Design

Ein flaches Design ist ein Designstil für Benutzeroberflächen, der sehr einfache und zweidimensionale Elemente sowie helle und lebendige Farben aufweist.

Gleichgewicht

Dies bezieht sich auf das Ausbalancieren der Elemente auf der Seite, sodass die Grafik- und Textkomponenten korrekt und gleichmäßig angeordnet sind. Es gibt 3 Hauptwege, um dies zu erreichen.

• Asymmetrisch – Dieses Gemälde von Van Gogh ist das perfekte Beispiel für asymmetrisches Design, bei dem verschiedene Objekte und Farben verwendet werden, um das perfekte Stück zu schaffen, das nicht gleichmäßig verteilt ist. Wenn in Grafiken beispielsweise ein Bild auf der einen Seite und Text auf der anderen Seite vorhanden sind, spricht man von einer Asymmetrie.

• Symmetrisch – alle Gestaltungselemente sind auf beiden Seiten einer Mittellinie gleichmäßig ausbalanciert.

• Radial – bei dieser Art von Design würden die Elemente von einem zentralen Punkt ausstrahlen, was wiederum ein Gleichgewicht im Design schafft.

Komposition und Layout

Die Komposition eines Designs (auch Form genannt) ist die Anordnung der verschiedenen Designelemente. Gelingt die Komposition, zieht sie den Betrachter an und trägt den Blick über das gesamte Design. Es besteht aus vielen verschiedenen Elementen wie der Balance, der Ausrichtung, der Nähe, dem Weißraum und dem Kontrast.

Skala

Die Größe eines Designelements im Vergleich zu einem anderen Element desselben Designs.

Textur

Wenn Sie im Grafikdesign von Textur sprechen, beziehen Sie sich auf den Sinn des Berührens, der Aktualisierung und des Gefühls. Diese Eigenschaft wird die anderen Elemente Ihres Designs wie die Farben, den Inhalt, die Muster und Illustrationen hervorheben.

Trimmen und entlüften

Die Trimmgröße stellt die endgültigen Abmessungen für das Design dar, das Sie erstellen. Der Anschnitt tritt im Grunde auf, wenn das Design über die Beschnittgröße hinausgeht. Wenn das endgültige Design fertig ist, wird der Beschnittbereich meistens abgeschnitten. Der Anschnittbereich soll sicherstellen, dass das Design alle Ecken richtig erreicht, ohne dass weiße Ränder entstehen, die ziemlich unansehnlich aussehen können.

Ihre Begriffe zu kennen, kann Ihnen sehr helfen

Wir haben Ihnen viel davon mitgebracht, von dem wir wissen, dass es Ihnen als Nicht-Designer helfen wird, aber das Lernen über Design endet hier nicht! So wie sich Designtrends ändern, ändern sich auch Designbegriffe. Und je mehr Sie versuchen, auf dem Laufenden zu bleiben, desto besser können Sie Ihre Arbeit fortsetzen. Auf diese Weise wissen Sie genau, was gemeint ist, wenn Ihre Teammitglieder oder Ihr Chef Ihnen sagen, was Sie erledigen müssen, und die Details mit Fachjargon kommen.