Schlagzeilen sind eines der wichtigsten Elemente auf Ihrer Seite und sind oft der Ausgangspunkt, um den gesamten Entwurf zu bestimmen. Warum also nicht großartig machen?
Heute werfen wir einen Blick auf sieben verschiedene Designtechniken, die Sie in einer Minute oder weniger implementieren können, um Ihre Schlagzeile von einfach bis großartig zu steigern.
Eine große Linie, eine kleine Linie
Wir beginnen mit dem typischsten und grundlegendsten Trick auf der Liste. Eines Ihrer mächtigsten Werkzeuge zum Erstellen von Überschriften ist dagegen das Kontrastmittel, das wir in diesem Beitrag immer wieder verwenden werden.
Hier haben wir den Kontrast hauptsächlich in Form der Schriftgröße angewendet. Üblicherweise wird ein zweizeiliges Headline-Setup verwendet, bei dem für eine Zeile eine größere Schriftgröße als für die andere verwendet wird. Dies funktioniert mit fast allen Schriftarten und Sie können variieren, welche Zeile größer ist.
Der Schlüssel hier, wie bei einigen anderen Beispielen, ist, den Schwerpunkt dort zu setzen, wo er Ihrer Meinung nach hingehört. In meinem Beispiel? Great Headline? ist die Hauptidee und wird immer betont, ob sie oben oder unten ist.
Variieren Sie Ihren Fall
Dies ist ein einfacher Trick, den ich ziemlich oft benutze. Verwenden Sie so gut wie jede Überschriftenstruktur, die Sie möchten, und schalten Sie den Fall für einige Ihrer Wörter oder Zeilen ein.
In den obigen Beispielen habe ich verschiedene Kombinationen von Groß-, Klein- und Kleinbuchstaben verwendet. Normalerweise werden die Großbuchstaben zur Hervorhebung verwendet, aber es ist schön, ab und zu einen Kurvenball zu werfen und die Kleinbuchstabe tatsächlich zum Hauptmerkmal für Aufmerksamkeit zu machen, wie ich es in der zweiten Überschrift getan habe.
Ihre Gründe für die Wahl der Wörter oder Zeilen, die verwendet werden sollen, können natürlich logisch und durchdacht sein, aber haben Sie keine Angst, eine willkürliche Anwendung zu versuchen. Ihre Argumentation kann so einfach sein wie die Tatsache, dass Ihnen gefallen hat, wie ein Wort in Kleinbuchstaben besser aussah.
Alle Caps: Schwerer zu lesen?
Irgendwo im uralten Designer-Credo ist eine Aussage darüber, wie alle Caps für hartes Lesen sorgen. Bis zu einem gewissen Grad trifft dies zu, aber es gilt wirklich nur in großen Textblöcken wie Absätzen oder wirklich langen Sätzen.
Die Variation der Buchstabenhöhe in Kleinbuchstaben hilft Ihnen, schneller zu unterscheiden und zu lesen, aber wenn es nur wenige Wörter gibt, ist das Lesen in Großbuchstaben problemlos, und ich habe sogar gehört, dass einige argumentieren, dass es einfacher ist!
Gleiche Linienbreite
Diese Technik wird verwendet die ganze Zeit im modernen Headline-Design. Das Ergebnis, das ich oben erreicht habe, ist ziemlich unüblich (absichtlich). Normalerweise sehen Sie diese Technik auf einer mutigen, verdichteten Sans-Serif wie Helvetica, aber machen Sie sich nicht die Mühe, das zu tun, was alle anderen auch tun, probieren Sie es selbst aus und probieren Sie es mit einer beliebigen Schriftart aus. Es sieht nicht immer gut aus, aber das Experimentieren ist ein wichtiger Bestandteil jedes Designs!
Die Schriftart, die ich oben verwendet habe, ist DeLarge Bold, die zwar ziemlich schwer zu lesen ist, aber in kleinen Dosen recht attraktiv ist.
Die Idee hinter dieser Technik ist, dass Sie das Konzept einer Überschrift wirklich als einzelnes Element vorantreiben. Durch das Erstellen einer Spalte mit fester Breite werden normalerweise verschiedene Buchstabenformen und Zeilenlängen zu einem zusammenhängenden Ganzen, das sich leichter in ein größeres Design integrieren lässt. Außerdem sieht es einfach cool aus.
Gleiche Linienbreite Online
Möchten Sie diese Technik mit Live-Text im Web implementieren? Es gibt ein paar jQuery-Plugins wie Lettering.js und BigText, die es Ihnen leicht machen. BigText ist speziell für diese Technik gedacht, während Letterring.js flexibler ist und verwendet werden könnte, um die meisten, wenn nicht alle Beispiele in diesem Beitrag zu erstellen.
Selektive Wortbetonung
Diese hat die gleiche Grundlogik wie das erste Beispiel oben. Wir versuchen lediglich, die Größe als Kontrastmittelpunkt zu verwenden. Hier betonen wir bestimmte Wörter und betonen andere.
Es gibt keine wirkliche Zauberformel für die Wörter, die groß gemacht werden sollen. Fühlen Sie es einfach heraus und sehen Sie, was Sinn macht. Ich reduziere normalerweise unwichtige Wörter wie "the". oder und? Beim Versuch, die großen Wörter als etwas ganz anständig zu lesen. Im obigen Beispiel können Sie beispielsweise den Satz "Make Some Important" sehen. Auch wenn es nicht ganz das ist, was der Satz als Ganzes sagt.
Als ich Printanzeigen entworfen habe, war dies einer meiner meistgebrauchten Tricks für Schlagzeilen. In gedruckter Form versuchen Sie immer, die Aufmerksamkeit einer Person in Sekundenbruchteilen zu erlangen. Wenn Sie die Überschrift auf die wichtigsten Teile reduzieren, hilft dies wirklich, während Sie gleichzeitig in die riesige Überschrift gelangen, mit der die Texter Sie arbeiten.
Eine doppelte Nachricht
Dieses ist etwas schrullig und sollte nur in seltenen Fällen verwendet werden, aber es macht ziemlich viel Spaß. Sie können Größe, Gewicht, Schrift und / oder Farbe verwenden, um bestimmte Buchstaben aus dem Rest der Zeile darzustellen.
Das Ergebnis ist eine clevere versteckte Nachricht in Ihrer Überschrift. In den Schlagzeilen oben habe ich? DUH !? und? WOW? auffallen. Dies sind zu einfache Beispiele. Es ist viel beeindruckender, wenn Sie wirklich die Zeit dafür einsetzen, dass die beiden Bedeutungen gut zusammenpassen, wie dies bei diesem Designer der Fall war.
Textänderungsgrafik integrieren
Wenn Sie ein wirklich interessantes Design wünschen, platzieren Sie die Überschrift nicht von selbst, sondern bearbeiten Sie sie in die Grafiken auf der Seite. Dies funktioniert gut mit einfachen Vektorformen wie der obigen. Beachten Sie, wie sich die Schlagzeile und die Grafik gegenseitig verstärken.
Einer der typischsten Orte, an denen Sie diese Technik sehen, ist die Infografik. Hier geht es vor allem darum, Bilder in den Text zu mischen, um die Nachricht klarer zu machen. Dies ist eine naheliegende und geeignete Einstellung, damit diese verwendet werden kann.
Manchmal sind Ihre Buchstaben so leicht zu manipulieren, dass sie gebogen und gestreckt werden können, um den Linien Ihrer Grafik zu folgen. Dies war der Fall mit dem? W? über. Die anderen Buchstaben waren jedoch viel kurviger, so dass ich den einfachen Weg nahm und die Grafik einschneiden ließ.
Eingebetteter Text
Wir haben mit einer wirklich einfachen Technik angefangen, also dachte ich, wir würden auch mit einer enden. Diese Art von Headline-Design ist in Magazinen sehr verbreitet. Grundsätzlich tippen Sie etwas in den Titelkoffer und beobachten den negativen Abstand zwischen den Aufsteigern. Es ist oft der perfekte Ort, um ein oder zwei Worte anzuschieben.
Das Ergebnis ist eine schön integrierte Überschrift, deren Aufbau nur zwei Sekunden dauert! Perfekt für alle Fälle, in denen Sie Ihre Deadline weit überschritten haben und in Rekordzeit ein Design zusammen werfen müssen.
Fazit
Die Moral dieser Geschichte ist es, zweimal zu überlegen, bevor Sie diese Schlagzeile einfach abtippen und als Tag bezeichnen. Denken Sie immer darüber nach, wie Sie die Lesbarkeit und / oder die Ästhetik des Textes verbessern können, um die Ziele des Designs besser zu erreichen.
Hinterlasse einen Kommentar und lass uns wissen, welche davon dein Favorit ist. Hast du irgendwelche eigenen Schlagzeilen, die du teilen kannst?