Ausrichtung im Grafikdesign: Verwenden von Richtlinien und Spalten in Adobe InDesign

1. Einführung: Hallo und willkommen in meiner Klasse. Ich heiße Nada Heute werde ich Sie über das Prinzip der Ausrichtung im Grafikdesign informieren und darüber, wie ich zwei spezielle Ausrichtungstools in Adobe in den Bereichen Design, Richtlinien und Spalten verwende Adobe in den Bereichen Design, Richtlinien und Spalten meiner 15-jährigen Karriere als Grafikdesigner verwende ich das Prinzip der Ausrichtung in all meinen Designarbeiten, von Büchern und Zeitschriften bis hin verwende ich das Prinzip der Ausrichtung in zu Postern und Posts in sozialen Medien, sowohl in digitalen als auch in Printformaten. Die Ausrichtung ist das Erste, worauf ich achte, wenn ich ein Grafikdesign sehe. Meiner Erfahrung nach ist es der am meisten vernachlässigte Aspekt im Design. Ein gut abgestimmtes Layout zeugt Erfahrung und Wissen als Designer. Wenn Sie schon eine Weile entwerfen und Ihre Fähigkeiten als Grafikdesigner verbessern möchten , ist dieser Kurs genau das Richtige für Sie Für diesen Kurs müssen Sie kein Adobe-Experte im Bereich Design sein, aber einige Grundkenntnisse werden Ihnen helfen In der Übungssitzung werde ich Ihnen jedoch alles beibringen, von der Erstellung eines Dokuments bis hin zum Exportieren Ihres Entwurfs. Sie können das, was Sie in diesem Kurs lernen, auch auf jedes beliebige Entwurfsprogramm anwenden . Nehmen Sie also an diesem Kurs teil, um zu lernen, wie Sie das Prinzip der Ausrichtung im Grafikdesign beherrschen und wie Sie damit innerhalb von Adobe im Design arbeiten können. 2. Kursprojekt: Wie Sie mir vielleicht schon einmal in meinen Kursen gehört haben, ist Skillshare dazu da, Ihre Ergebnisse zu erzielen Das Klassenprojekt ist der beste Weg, um sie zu erreichen. Für diesen Kurs können Sie mir Schritt für Schritt in der Übungsstunde folgen , um mein genaues Layout zu entwerfen, oder Sie können Ihr eigenes erstellen. Teilen Sie es dann im Projektbereich dieses Kurses mit anderen. Teile einen Screenshot deines Layouts mit den Richtlinien und Spalten und der exportierten Rückseite. Sie können auch um Feedback bitten. Es macht mir wirklich Spaß, all Ihre Projekte zu sehen. Ich reagiere immer auf sie. Lass uns jetzt mit unserem Unterricht weitermachen. 3. Ausrichtungstheorie: Fangen wir mit den Grundlagen an. Grafikdesign ist keine willkürliche Auswahl von Schriften, Bildern und Farben Grafikdesign besteht aus einer Struktur, die sogenannte Elemente enthält Die grundlegendsten Elemente des Designs sind Punkt, Linie, Form, Raum, Farbe und Textur. Das bedeutet, dass Sie diese Elemente verwenden, um ein Design zu erstellen. Diese Grafikdesignelemente sind künstlerisch nach einer Reihe von Richtlinien angeordnet , die als Grafikdesign-Prinzipien bezeichnet werden als Grafikdesign-Prinzipien bezeichnet Die grundlegendsten Prinzipien sind Balance, Betonung, Bewegung, Wiederholung, Kontrast, Ausrichtung, Proportion und Einheit In dieser Lektion werde ich mich auf ein Gestaltungsprinzip konzentrieren : die Ausrichtung Ausrichtung ist die Anordnung der Elemente eines Entwurfs. Meiner Erfahrung nach unterstützt es andere Gestaltungsprinzipien wie Ausgewogenheit und Einheit Eine gute Ausrichtung kann einer physischen oder einer imaginären Linie folgen physischen oder einer imaginären Linie Sie trägt dazu bei, dass die Gestaltung eines Designs organisiert, vertrauenswürdig und elegant aussieht Am wichtigsten ist, dass es funktioniert und dem Leser hilft, die Botschaft zu verstehen. Um eine gute Ausrichtung zu erreichen, verwende ich beim Entwerfen von Richtlinien und Spalten zwei Tools . Die meisten dieser Tools sind in den meisten Designprogrammen oder Apps verfügbar . In dieser Lektion werde ich Ihnen ihre Theorie beibringen. In der nächsten Lektion werde ich Ihnen zeigen, wie Sie sie in einem Web in Design verwenden können. Lassen Sie uns über den ersten Punkt sprechen, die Richtlinien. Dies sind Linien, die Sie beliebigen Stelle in Ihrem Design platzieren können, sodass Sie Elemente um sie herum platzieren können. Schauen wir uns diesen Beitrag in den sozialen Medien an. Ich habe vor einiger Zeit mit Hilfe von Richtlinien entworfen. Die gelben vertikalen Richtlinien legen einen Rand fest, nichts hinausgeht und an dem sich die größten Elemente des Designs, das Logo und der Header, orientieren Die roten vertikalen Hilfslinien zeigen, wie der Computer und die Kalendersymbole zentriert sind und der Text neben ihnen linksbündig ausgerichtet ist Die grünen horizontalen Hilfslinien zeigen die Ausrichtung des Textes an den Symbolen Die horizontalen weißen Hilfslinien im Hintergrund zeigen die Verteilung des Raums. Wie Sie sehen können, ist der Raum in vier gleich große horizontale Abschnitte unterteilt . Einer wird für das Foto und Logo und der Rest für den Text verwendet. Das meine ich, wenn ich sage , dass die Ausrichtung auf Erfahrung als Designer hindeutet. Wenn ich ein Design sehe, sehe ich diese imaginären Richtlinien Sie können die Dinge unterschiedlich ausrichten, aber alles muss in etwas verankert sein Nichts ist locker, es hängt einfach da. Da sind der Zweck und die Macht des Gleichheitsprinzips. Schauen wir uns das nächste Beispiel an. Hier habe ich vier horizontale Hilfslinien und eine vertikale Mitte auf der Seite erstellt . Dann richte ich die Fotos, Logo und den Text an diesen Richtlinien aus. Dadurch sieht das Design organisiert und elegant aus. Das zweite Tool, das ich für die Ausrichtung verwende, sind die Spalten. Spalten sind vertikale Räume , in denen Sie Text oder Bilder platzieren können. Spalten werden durch ein Leerzeichen getrennt, das als Dachrinne bezeichnet wird. Schauen wir uns einige Beispiele für zwei Magazinseiten an. Ich verwende Säulen zum Entwerfen. Auf dieser ersten Seite sieht es so aus, als ob es zwei asymmetrische Spalten gibt . Aber es gibt fünf Obwohl es nur eine Textspalte gibt, gibt es fünf Spalten, die ich verwende um jedes Element zu platzieren und auszurichten. Das oberste Bild wurde vom Kunden zur Verfügung gestellt und es wurde als Hauptbild angefordert . Also habe ich das Layout festgelegt, dem ich folgen soll. Ich habe beschlossen, die Textspalten an der Breite der drei Fotos oben auszurichten . Schauen wir uns das zweite Beispiel an. Wie viele Spalten verwende ich Ihrer Meinung nach in diesem Design? Drei, sechs, ich verwende wieder fünf Spalten. In diesem Fall verwende ich vier für den Text und eine für das Bild. Dies gibt Ihnen einen Eindruck davon, wie Sie Spalten verwenden können , um Elemente zu entwerfen und auszurichten. Die Anzahl der Spalten bestimmt nicht die Anzahl der Textspalten , die das Design haben wird, sondern unterstützt vielmehr die Verteilung und Ausrichtung des Entwurfs. In der nächsten Lektion werde ich Ihnen beibringen, wie Sie diese Tools zur Designausrichtung in Adobe im Design verwenden können. 4. Ausrichtungspraxis: In der letzten Lektion haben Sie gelernt, was das Ausrichtungsprinzip ist und wie ich es mithilfe von Richtlinien und Kolumnen verfolge In dieser Lektion nehme ich mit, was ich mit diesen Tools entwerfe und gestalte Wenn Sie Adobe noch nie im Design verwendet haben, empfehle ich Ihnen, sich die Lektionen drei bis neun meines Kurses über digitale Portfolios anzusehen . Dort nehme ich mir die Zeit, Ihnen Design von Grund auf näher zu bringen. Lassen Sie uns nun zum Design übergehen. Jetzt sind wir also bei Adobe, was das Design angeht. Das erste , was wir tun werden , ist auf neue Datei zu klicken Im neuen Dokumentfenster werden wir zum Drucken übergehen. Wir werden den Buchstaben auswählen, was der Standard ist. Wir gehen davon aus, dass wir eine Magazinseite in Buchstabengröße gestalten werden. Und wir werden alle Einzelheiten des Vorstands so lassen , wie sie sind Aber da wir mit einer Zeitschrift arbeiten, die gedruckt werden soll, werde ich ein Blatt mit dem Punkt 125 „erstellen und dann auf Erstellen klicken Das erste , was wir tun werden, ist unsere Datei zu speichern. Wir gehen zu Datei, Speichern unter und ich suche nach dem Ordner in dem ich das Foto habe, das ich auf meiner Seite verwenden werde. Es ist sehr wichtig , dass Sie alles, was Sie gerade tun, im selben Ordner speichern . Sie erstellen einen Ordner und fügen dann Ihre Bilder Ihren Text ein und speichern das Dokument, das Sie erstellen, in diesem Zeichen. Ich nenne es Beispiel, du unterschreibst. Und ich werde auf Speichern klicken. Wie Sie sehen können, habe ich das Lineal hier. Wenn du dein Lineal nicht siehst, gehe zur Ansicht, hier sind die hohen Lineale, weil ich sie habe, auf deinem steht Lineal anzeigen oder du kannst den Befehl R verwenden . Standardmäßig klickst du auf das Lineal und ziehst und hier hast du eine Linie Wenn ich die Maustaste loslasse und nach draußen klicke. Diese CN-Linie ist eine Hilfslinie. Wenn ich klicke und ziehe und jetzt diese blaue Farbe hat, kann ich sie verschieben und das bedeutet, dass sie ausgewählt ist, und ich kann sie auch löschen. Jetzt werden wir mit dem Layout der Linealhilfslinien beginnen. In diesem Abschnitt können Sie die Farbe Ihrer Hilfslinien ändern. Vielleicht willst du sie nicht cyan, du willst eine andere Farbe. Hier können Sie beispielsweise den Prozentsatz auswählen , ab dem diese Richtlinien angezeigt werden sollen Wenn ich 100 auswähle und anklicke und komme, um eine Linie zu ziehen, wirst du sie nicht sehen, denn siehe unten links, ich bin bei weniger als 100%. Wenn ich 150 auswähle, kann ich jetzt meinen Richtwert sehen. Wenn ich 50% auswähle, meine Richtlinien nicht angezeigt. Und so funktioniert das. Ich gehe zurück zu den Ruler-Guides und lasse es bei 5%. Und ich werde auf Okay klicken. Lassen Sie uns nun einige Richtlinien erstellen. Ich gehe zurück zum Layout, erstelle Hilfslinien und hier habe ich das Fenster Hilfslinien erstellen. Wenn ich die Anzahl der Zeilen erhöhe, können Sie hier links auf der rechten Seite sehen, dass ich in diesem Fall drei Zeilen erstelle und darunter habe ich die Dachrinne Wir haben in der Vergangenheit weniger gelernt und dass die Dachrinne der Raum zwischen diesen Führungen ist In diesem Fall will ich keine Dachrinnen, ich werde da Null setzen Aber ich werde für dieses Layout acht Zeilen erstellen. Ich werde keine Spalten erstellen, weil ich anders mit Spalten arbeiten werde, aber Sie können hier auch Spalten erstellen. Für einen Moment werde ich es bei Null belassen. Ich kann wählen, ob ich möchte, dass meine Guides vom Rand kommen. Oder von der Seite. Wenn ich vom Rand aus wähle, beginnen die Hilfslinien am inneren Rand, und dieser Rand außerhalb zählt nicht. Wenn ich Seite wähle, beginnen meine Hilfslinien jetzt am Seitenrand statt am Rand des Randes. Und wenn Sie einige der bisherigen Richtlinien, die Sie haben, entfernen möchten einige der bisherigen Richtlinien , können Sie hier nachschauen. Ich habe keine, also werde ich klicken. Wenn ich jetzt klicke und ziehe, siehst du, dass ich diese Richtlinien auswählen und verschieben kann. Ich möchte sie nicht verschieben. Also werde ich es mir ansehen. Raster und Hilfslinien. Ich werde auf Log Guides klicken Sie können auch die Tastenkombinationen „Optionsbefehl“ und „Halbspalte“ verwenden. Wenn wir schon hier sind, stellen Sie sicher, dass Sie Snap to Guide und Smart Guide ausgewählt haben . Ich werde dir dort später zeigen, warum das wichtig ist. Jetzt gehe ich zurück zu Layout, Ränder und Spalten. Hier können Sie Ihren Rand ändern. Ich werde es so lassen, wie es Standard ist. Und in Spalten werde ich vier Spalten erstellen. Die Dachrinne lasse ich so, wie sie ist, und klicke auf Okay Jetzt wähle ich aus meinen Werkzeugen das Rechteckrahmenwerkzeug aus, und am Rand des Anschnittes klicke und ziehe ich mit den drei Rosen aus meinen Hilfslinien und lasse die Maustaste los Rosen aus meinen Hilfslinien und Jetzt, wo es ausgewählt ist, drücke ich auf meinen Stichwort-Befehl D. Und ich suche nach meinem Ordner, in dem mein Bild und mein Dokument gespeichert sind, und ich wähle mein Foto aus und es wird platziert Dann klicke ich auf Content Aware Fit. Und da mein Bild. Es passt besser. Wenn ich dieses Bild verschieben oder sehen möchte , wie es wirklich ist, können Sie sehen, dass die braune Linie , die Sie sehen können, der Größe des Bildes entspricht. Ich könnte hier und auf den Griff klicken, Shift drücken und das Foto verschieben. Ich kann diesen Kreis auch hier verwenden und das Foto in den Rahmen verschieben , den ich erstellt habe. In diesem Fall werde ich es dort belassen. Jetzt werde ich meinen Text platzieren. In diesem Fall werde ich beim Design einige Doi-Texte von Adobe verwenden , also wähle ich mein Textwerkzeug und klicke von dieser Ecke aus durch drei Spalten nach rechts und verwende dabei drei Zeilen Ich lasse los und gebe dann mit Platzhaltertext füllen Hier kannst du sehen, dass ich einige Doi-Texte habe. Wenn Sie mehr darüber erfahren möchten, wie Sie diesen Text hinzufügen können, schlage ich vor, dass Sie sich einen meiner anderen Kurse mit dem Titel Typografie lernen in Dobe in Design ansehen meiner anderen Kurse mit dem Titel . Ich werde Ihnen beibringen, wie Sie diesen Text hinzufügen und ihn wirklich gut aussehen lassen Vorerst belasse ich den Text hier. Ich werde die Esc-Taste in meiner Taste drücken oder damit ich nach draußen klicken kann und nichts ausgewählt ist. Jetzt wähle ich wieder mein Textwerkzeug aus. Ich klicke und ziehe und gebe Fruits Benefits ein. Jetzt wähle ich meinen Text aus und suche nach dem Telefon, das ich verwenden möchte und das heißt, also wähle ich meinen Text aus und vergrößere ihn, zweitens, ich gebe hier 44, Enter, und da kannst du es sehen. der Text ausgewählt ist, wähle ich das Pipettenwerkzeug. Ich werde auf dieses Bild klicken , um eine Farbe aus dem Foto auszuwählen. Ich werde klicken. Und hier können Sie die Farbe sehen, die sie ausgewählt haben. Sie können auf Escape klicken, um es zu sehen. Wenn es Ihnen nicht gefällt, können Sie den Text erneut auswählen, das Tool auswählen und zurückgehen. Und Sie können dabei hin und her gehen , bis Sie die Farbe gefunden haben, die Ihnen gefällt. Also ich glaube, ich mag diesen. Ich werde oben auf dieses Symbol klicken, das den Inhalt an den Rahmen anpassen ist. Mein Rahmen passt also zu meinem Inhalt und lässt sich leichter verschieben und ausrichten. Wenn Sie dieses Symbol nicht sehen, können Sie hier zu diesem Einstellungsrad wechseln. Und klicken Sie dort und dort können Sie sicherstellen, dass Ihre Optionen für das rahmenpassende Objekt und den Textrahmen ausgewählt sind, und Sie können mit all diesen Optionen herumspielen . Ich werde auf „Okay“ klicken. Jetzt werde ich ein Rechteck erstellen. Also wähle ich das Rechteckwerkzeug aus, klicke und ziehe und erstelle hier ein Rechteck. Und ich wähle wieder mein Lidpipper-Werkzeug und wähle eine Farbe aus dem Text aus Ich werde auf meiner Tastatur auf den Buchstaben V klicken , damit ich meine Auswahl umgehen kann Ich summiere ein bisschen Command-Plus und platziere hier zwei rechteckige Frame-Quadrate. Ich drücke den Buchstaben B. Ich wähle den ersten Befehl D, wähle das Websymbol und klicke auf Content Awareft Und hier habe ich mein Symbol. Ich werde den nächsten auswählen. Befehl D, wähle das Instagram-Symbol, con content Wafit, und da habe ich es Ich werde das nach links verschieben . Ich gehe nach oben, wähle mein Heidekraut aus, drücke Befehl C, Befehl B und kopiere es und füge es ein Ich werde es nach unten verschieben. Ich werde diesen Text kleiner machen und die Farbe, in der ich ihn haben möchte, weiß sein. Und ich werde diesen Text bearbeiten und eine Website schreiben. Benefits.com. Jetzt kopiere ich die Kopie und füge sie ein, also sehen wir den Anfang, und ich werde das zu dem Namen ändern , der zu den Vorteilen passt Ich werde den Rahmen wieder an den Inhalt anpassen. Jetzt muss ich das alles ausrichten, wie Sie sehen können. Wenn ich dieses Websymbol auswähle, können Sie sehen, dass bei einigen Hilfslinien diese grüne Hilfslinie angezeigt wird. Das sind die intelligenten Hilfslinien. Und Sie können sehen, wie einfach es war, es links von der Spalte zu platzieren. Aus diesem Grund habe ich mich für Snap Two Edge und Smart Guides entschieden . Und wieder sind das in der Ansicht Grid Guys, Snap Two Guides und Smart Guides. So funktioniert das. Und ich kann die Website auf die gleiche Weise verschieben. Manchmal mag ich es, diese beiden auszurichten und den Text auch auszurichten und ihn dann am Symbol auszurichten, und dann verschiebe ich ihn wieder in die Mitte. Und ich werde es am Rand des Textes ausrichten. Aber wie Sie sehen können, handelt es sich nicht um Zentren. Ich klicke und ziehe und wähle alles aus und verwende hier meine Ausrichtungswerkzeuge und klicke auf Vertikale Mittelpunkte ausrichten. Und jetzt ist alles ausgerichtet. Ich werde herauszoomen und dann werde ich hier etwas schreiben, ich werde diesen Text kopieren und wieder einfügen. Ich werde eine kleinere Größe wählen, vielleicht 30. Ich werde Früchte schreiben, R eingeben, gut eingeben. Ich werde das Auswahlwerkzeug auswählen. Klicken Sie auf den Inhalt von Fit Frame Two und schon haben Sie ihn. Ich kann diesen Frame hierher verschieben. Ich werde es ausrichten. Schauen wir uns hier in den Absatzoptionen um. Ich werde lügen, um zu schreiben. Ich werde auf Enter klicken und so stylische Zitate verwenden . Ich werde sie etwas größer machen, etwa 48. Und 48. Ich werde die Farbe ändern. Ich werde wieder meine Pipette benutzen und eine grüne Farbe wählen. Das sieht toll aus Ich werde das Clo Mas auswählen, erneut das Eye Pipette Tool auswählen und hier klicken, und jetzt habe ich beide in derselben Ich klicke auf Rahmen an Inhalt anpassen, richte ihn hier an meiner Spalte aus und richte ihn dann an der Mitte des Textes aus Siehst du, wie mir die Richtlinie dabei hilft? Siehst du die grüne Lichtlinie? Das bedeutet, dass dieser Textrahmen diesem Textrahmen ausgerichtet ist. Sie können diesen Textrahmen auch auswählen, die Umschalttaste drücken, den nächsten Textrahmen auswählen und Ihre Ausrichtungen im Eigenschaftenfenster verwenden Und sie leben in vertikalen Mittelpunkten, und sie haben sich nicht bewegt , weil sie ausgerichtet sind Jetzt drücken wir den Buchstaben W in unserem Schlüsselwort, und auf diese Weise können Sie sehen, wie Ihr Design aussieht. Vielleicht möchte ich das ein bisschen verschieben. Ich möchte das ein bisschen bewegen. Ich sehe den grünen senkrechten Pfeil. Das ist der intelligente Leitfaden mir sagt, wenn ich hier loslasse, habe ich genau den gleichen Platz oben und unten, und das ist in der Mitte. Das ist der Vorteil der Smart Guides. Jetzt gehen wir zum Speichern der Datei über. Gehen Sie als Nächstes zum Dateiexport. Und ich werde das Format wählen . Sie können den Namen ändern. Ich werde es so lassen. Ich wähle das Format JP und klicke auf Speichern. Und ich überlasse den Bereich bei einer einzigen Seite, die gleich bleibt. Die Grundlinie für die Methode „Qualität, maximales Format“ ist in Ordnung. Für Lösung 300, Space Color RGB. Ich kann es auf CMYK ändern , weil das gedruckt wird. Ich kann auch auswählen, dass die Anschnitteinstellungen verwendet werden sollen . Das bedeutet, dass es mit dem Anschnittbereich exportiert wird mit dem Anschnittbereich exportiert Ich klicke auf Exportieren, öffne meinen Ordner und doppelklicke Und hier sehe ich einen Fehler. Wir werden das sehr schnell beheben. PS W, und hier können Sie sehen, dass mein Bild nicht durch den Rand des Beschnittsbereichs geht Also werde ich hier doppelklicken und mein Foto verschieben. Also stelle ich sicher, dass das Foto bis zum Rand des ausgebliebenen Bereichs reicht. Und dann werden wir wieder exportieren, Exportieren. Wählen Sie dieselben Einstellungen. Sicher. Das möchte ich ersetzen. Es ist alles dasselbe, klicken Sie auf Exportieren und ich werde erneut nach der Seite suchen. Und hier können Sie sehen , dass es richtig ist. Denken Sie daran, dass dieser Text nicht so bleiben wird. Ich werde ihn auf die richtige Weise im Projektbereich hosten , damit Sie ihn sehen können. aussehen zu lassen meinem Skillshare-Kurs mit dem Titel Typografie im Design lernen, wie man lange Texte gestaltet, können Sie lernen, diesen Text zu bearbeiten und ihn richtig Titel Typografie im Design lernen, wie man lange Texte gestaltet, können Sie lernen, aussehen zu Und hier haben wir es. Sie haben das Grafikdesign gut ausgerichtet. Lassen Sie uns zur letzten Lektion übergehen , um einige abschließende Gedanken zu äußern. 5. Fazit: Kongress. Sie haben das Ende dieses Kurses erreicht. Jetzt können Sie eine unendliche Anzahl von Layouts mit klar definierten Räumen und Ausrichtungen entwerfen . Ein einheitliches Design hilft dem Leser, sich auf organisierte Weise durch das Dokument zu bewegen , was zu einem besseren Verständnis beiträgt . Unser Hauptziel als Grafikdesigner ist es immer , klar zu kommunizieren. Wenn Sie diesem Kurs folgen, würde ich mich freuen, Ihre Arbeit zu sehen. Bitte teile es im Projektbereich dieses Kurses. Fühlen Sie sich frei, um Feedback zu bitten. Sie können auch im Diskussionsbereich Fragen stellen. Und schließlich, wenn Sie in diesem Kurs etwas Wertvolles gefunden haben , hinterlassen Sie bitte eine Bewertung. Das wird anderen Schülern helfen, diesen Kurs zu finden. Wir sehen uns im nächsten.