6 Tipps zum Entwerfen mit Linien
Heute schauen wir uns eines der einfachsten Gestaltungselemente an: eine Linie. Wir werden lernen, wie man Linien richtig handhabt und was man bei der Implementierung vermeidet.
Das Hinzufügen einiger einfacher Linien zu einem Design kann einem ansonsten langweiligen Design Struktur und grafisches Flair verleihen. Es ist ein kinderleichter Trick, der, wenn er effektiv eingesetzt wird, dazu führt, dass Ihrem Design eine Schicht Finish hinzugefügt wird.
Entdecken Sie Envato-Elemente
# 1: Verwenden Sie eine Unterstreichung
Wir beginnen mit dem grundlegendsten Trick im Typografie-Playbook: einer Unterstreichung. Eine unterstrichene Überschrift fühlt sich schwerer an und sorgt für eine klarere Trennung zwischen Kopfzeile und Körper. Denken Sie daran, dass dies notwendigerweise positive oder negative Attribute sind, aber neutraler. Sie müssen entscheiden, wann ihre Anwesenheit gut oder schlecht ist, basierend auf dem Look, den Sie suchen.
Beachten Sie, dass die Linie nicht nur als Trennzeichen zwischen den beiden Elementen fungiert, sondern auch die Breite der Spalte definiert.
Eine Sache, die mich mit Unterstreichungen nervt, ist das visuelle Durcheinander, das entsteht, wenn Sie Buchstaben haben, die einen Nachkommen enthalten, der in die Linie stürzt. Es gibt keine offizielle Regel dagegen, aber ich finde es einfach etwas zu ablenkend und lenkt das Interesse des Zuschauers an die falschen Stellen.
Wie gehen wir dieses Problem an? Die einfachste Möglichkeit ist natürlich, die Verwendung von Abseilgeräten und Unterstreichungen zu vermeiden, aber das ist für meinen Geschmack etwas zu einschränkend. Stattdessen erstelle ich die Unterstreichung manuell, indem ich eine Linie zeichne (anstatt einfach auf die Unterstreichungsschaltfläche zu klicken) und dann die Teile der Linie auszublenden, die gegen meine Abseilgeräte stoßen.
Wie Sie im obigen Beispiel sehen können, ist dies viel schöner als das vorherige Beispiel und enthält viel weniger visuelle Komplexität. Wenn Ihnen das kleine Stück einer gestrandeten Linie nach dem letzten „g“ nicht gefällt, können Sie die Unterstreichung einfach beim letzten Abstieg stoppen (gilt nur, wenn der letzte Buchstabe einen Abstieg enthält).
Erweitere es
Beachten Sie, dass eine Unterstreichung nicht der Breite des Textes entsprechen muss. Manchmal ist es eine interessante Aussage, die Unterstreichung über die gesamte Seite oder sogar außerhalb der Seite zu erweitern.
Wenn Sie die Unterstreichung erweitern, überlegen Sie, wie Sie Spaß mit der Linie im negativen Bereich haben können. Sie können es turbulent machen, es in eine Form biegen, alles was Sie wollen!
Der Designer unten beendete die erweiterte Unterstreichung mit und schloss mit einem Punkt. Dadurch fühlt es sich mit allen Inhalten auf der rechten Seite verbunden und fügt der einfachen Linie ein nettes, aber subtiles Interesse hinzu.
# 2: Brechen Sie die Linie
Fallen Sie nicht in die Falle, immer eine durchgezogene Linie zu ziehen. Sie können Bindestriche, Punkte, Dreiecke, Sterne und alles andere verwenden, was Sie sich vorstellen können, um die gewünschte Linie zu erstellen, die dennoch das gleiche Ziel erreicht.
Sehen Sie sich an, wie dieser Designer ein gepunktetes Leinen verwendet hat, das mit der Mitte einer Überschrift ausgerichtet ist, um einen klaren Abschnitt zu erstellen. Obwohl der Text hier mittig ausgerichtet ist, fühlt sich das Design gerechtfertigt an, da die Linien die visuellen Grenzen der Überschrift funktional zum linken und rechten Rand der Spalte erweitern.
# 3: Flankiere den Typ
Wenn Sie sich für ein formelles Thema entscheiden, kann das Wiederholen der Unterstreichung am oberen Rand Ihrer Überschrift ein Druckgefühl im alten Stil erzeugen. Ich denke immer an einen Zeitungskopf, wenn ich diesen Stil sehe.
Wenn Sie das Gefühl der Formalität reduzieren möchten, versetzen Sie die Linien auf unterschiedliche Weise, damit sie weniger strukturiert aussehen. Dies ist auch ein praktischer Effekt, um auf einer statischen Seite ein Bewegungsgefühl zu erzeugen.
# 4: Vertikal gehen
Bisher haben wir uns auf horizontale Linien konzentriert, aber vertikale Linien können verwendet werden, um ein wirklich kreatives grafisches Interesse in ein Design einzufügen. Der Designer unten hat die vertikalen Linien in der Schrift aus keinem wirklichen Grund übertrieben, außer der Tatsache, dass sie ziemlich cool aussieht und ein schönes, zusammenhängendes Thema erstellt, auf dem der Rest der Seite aufgebaut werden kann.
Eine etwas traditionellere Verwendung einer vertikalen Linie wäre natürlich, einfach zwei Inhaltsspalten zu trennen. Dies kann in Verbindung mit Typ oder Bildern verwendet werden und ermöglicht es Ihnen, viel Platz zwischen Ihren Spalten zu platzieren, ohne eine unangenehme Lücke zu haben.
# 5: Gehen Sie diagonal
Wenn Sie wirklich möchten, dass Ihre Seite verrückt aussieht, neigen Sie Ihren Inhalt diagonal. Dies beeindruckt normalerweise junges, aufregendes Design, das Regeln bricht und Grenzen überschreitet.
Das Kippen Ihres Inhalts kann etwas zufällig aussehen, aber das Erweitern der Linien in der Grafik hilft dabei, absichtlich auszusehen, und verstärkt den Effekt. Seien Sie nicht schüchtern, drehen Sie die Drehung wirklich durch und strecken Sie diese Linien weit genug, um eine Aussage zu machen.
Der Diagonaleffekt eignet sich besonders für Retro-inspirierte Designs wie das oben beschriebene.
# 6: Go Nuts
Hier sollte ich Ihnen sagen, dass Sie es ruhig angehen sollen. Ein oder zwei einfache Linien können viel zu Ihrem Design beitragen, und wenn Sie mit dem Effekt zu weit gehen, kann dies Ihre Ästhetik absolut beeinträchtigen. In den richtigen Händen kann eine Kombination der oben genannten Spitzen jedoch zu einem wirklich scharfen Endprodukt führen.
Das folgende Design von David Fooks verwendet eine Menge Linienarbeit. Er kombiniert gepunktete Linien, durchgezogene Linien, gerade Linien, gekrümmte Linien, Ränder und sogar Linien mit einem Diamanten am Ende in diesem einen kleinen Bereich. Der Gesamteffekt ist nicht überladen oder hässlich, sondern sehr edel und schön!
Mein Rat ist, einfach Vorsicht walten zu lassen. Wie jedes Designelement können Linien zum Guten oder Bösen verwendet werden. Verwenden Sie bei Bedarf Zurückhaltung und betrachten Sie Ihr Design immer mit und ohne die hinzugefügten Linien, um sicherzustellen, dass Sie dem Design tatsächlich einen Mehrwert verleihen.
Inspiration
Schauen Sie sich diese großartigen Verwendungsmöglichkeiten von Strichgrafiken im Webdesign an, um einige Ideen zu erhalten, wie Sie einige in Ihr nächstes Design integrieren können.
CarbonAds
Für die Aufzeichnung
Evan Eckard
Cool und der Guide
Der Ananasdieb
DesignSwap
Wohnwagen
Fazit
Der Zweck dieser Diskussion war es, Sie zu ermutigen, einen zweiten Blick auf die Linie unseres alten Freundes zu werfen und sorgfältig zu überlegen, wo Sie Linien verwenden können, um Ihre Designs entweder ästhetisch, strukturell oder beides zu stärken.
Wenn Sie ein Design haben, das starke Linien stark nutzt, hinterlassen Sie unten einen Kommentar mit einem Link, damit wir es überprüfen können! Teilen Sie uns auch Ihre Meinung zu den obigen Beispielen mit.
