Ich weiß, dass nicht jeder mit Designfähigkeiten geboren wird, also bin ich hier, um Ihnen etwas Hoffnung zu geben und Ihnen zu sagen, dass Sie immer noch einen gut aussehenden Blog-Header erstellen können, auch wenn Sie kein Designer sind!!
Das Wichtigste zuerst, Sie benötigen einen Ort, an dem Sie tatsächlich einen Header erstellen können. Wenn Sie Photoshop haben, sind Sie auf dem richtigen Weg. Wenn Sie Photoshop noch nicht verwendet haben, können Sie etwas wie Gimp (es ist wie ein kostenloses Photoshop) oder Canva verwenden.
Schritt 1: Legen Sie Ihre Abmessungen fest
Sobald Sie die gewünschte Editor-Waffe ausgewählt haben, können Sie die Abmessungen Ihres Headers festlegen. Höchstwahrscheinlich möchten Sie, dass Ihre Kopfzeile die Breite Ihres Blogs erweitert. Wenn Sie nicht wissen, wie groß die gesamte Breite Ihres Blogs ist, können Sie in Ihrem Vorlageneditor / Customizer nach der Breite des Kopfbereiches suchen, die in Pixel angezeigt werden soll.
Wenn Sie in einem dieser Programme ein neues Bild oder Projekt erstellen (Datei > Neu), sollten Sie nach Abmessungen gefragt werden. Stellen Sie Ihre benutzerdefinierten Abmessungen auf Pixel ein und geben Sie die Breite Ihres Blogs ein, gefolgt von der Höhe, die Ihr Banner haben soll. Es gibt keine Faustregel für eine Höhe, aber ich würde es wahrscheinlich nur aus ästhetischen Gründen unter 350 Pixel halten.
Wenn es eine Auflösung oder DPI-Einstellung gibt, sollte diese auf 72 eingestellt werden. Alles für das Web sollte immer eine Auflösung von 72 DPI haben. Machen Sie den Hintergrund weiß, um die Dinge einfacher zu machen.
Großartig! Jetzt haben Sie ein leeres Dokument in der genauen Größe Ihrer Kopfzeile. Kommen wir zum Design …
Schritt 2: Entwerfen Sie Ihren Blog-Header
Wenn Sie einer dieser Menschen sind, die keine künstlerischen Fähigkeiten haben, ist der beste Rat, den ich Ihnen geben kann, etwas, das ich in der 3. Klasse gelernt habe … K.I.S.S. — Keep It Simple, Stupid!
Ein gut aussehender Header muss nicht voller Grafiken und all Ihrer Lieblingssachen sein. Es kann einfach und schick ohne Grafiken sein. Schriftarten sind Ihre neuen besten Freunde.
Einige Dinge, an die Sie sich erinnern sollten, wenn Sie es einfach halten:
- Beschränken Sie Ihre Schriftnutzung, versuchen Sie maximal zwei Schriftarten.
- Titel sollten leicht lesbar sein. Verwenden Sie eine lesbare Schriftart.
- Wenn Sie für ein Element eine ausgefallene Schriftart verwenden, versuchen Sie es mit einer einfachen Schriftart für das andere.
- Stellen Sie sicher, dass alles richtig ausgerichtet ist
- Versuchen Sie, an allen Kanten den gleichen Abstand zu lassen
Hier sind einige Beispiele für einfache Überschriften:
Dieser erste Header ist der einfachste von simple. Es verwendet die gleiche Schriftart und der Slogan ist mit dem Ende des „T“ in der Zeile darüber aufgereiht, was die Dinge schön und gerechtfertigt macht. Die Polsterung (Leerraum) oben und unten ist gleich, und das gleiche gilt für die linke und rechte Seite.
Dies ist eine Verbesserung gegenüber dem ersten Header. Sehen Sie, was für einen Unterschied es macht, wenn Sie in der Lage sind, den Slogan perfekt mit dem Wort darüber auszurichten? Wenn die Dinge im Einklang sind, sieht das Design einfach so viel einheitlicher aus. Ich füllte den leeren weißen Raum neben dem Slogan mit einer einfachen 1px geraden Linie, um die Dinge ein wenig besser zusammenzubinden.
Die Kopfzeile oben verwendet verschiedene Schriftarten. Für den Blog-Titel habe ich eine ausgefallene Schriftart verwendet, was bedeutet, dass der Slogan darunter etwas viel Einfacheres sein sollte. Ich denke, diese beiden Schriftarten ergänzen sich gut, weil sie beide Serifenschriften und etwas groß sind. Finden Sie Schriftarten, die sich ergänzen, wenn Sie mehrere verwenden. Diese Titelschrift heißt Rosewood, wenn Sie daran interessiert sind, sie auszuprobieren.
Fügen Sie ein wenig Farbe hinzu! Sobald Sie Ihre Schriftarten eingestellt haben, können Sie mit ein wenig Farbe experimentieren. Stellen Sie auch hier sicher, dass sich die von Ihnen gewählten Farben ergänzen und dass sich der Text vom Hintergrund abhebt. Also zum Beispiel, tu das nicht:
Der Titel ist zu leicht und belastet die Augen. Es hebt sich nicht so ab, wie es vor dem weißen Hintergrund sein sollte. Der Slogan ist einfach viel zu NEON und belastet auch Ihre Augen, wenn Sie ihn anstarren. Bitte Leute, hör auf Neongrün zu benutzen. Stattdessen, Wenn Sie diese Farben verwenden möchten, versuchen Sie, die Farbtöne ein wenig wie folgt abzuschwächen:
Das schont doch die Augen, oder? Ich wechsle zurück zu einigen einfacheren Schriftarten, weil ich denke, dass die obige ein bisschen zu beschäftigt für meinen Geschmack ist und nicht wirklich die richtige Stimmung meines Blogs gibt. Das ist auch etwas, was Sie im Auge behalten sollten … das allgemeine Gefühl Ihres Blogs. Versuchen wir, diesen aus dem Park zu werfen, indem wir ein wenig grafische Arbeit hinzufügen:
Ich habe die gleiche Grundstruktur wie Header # 2 verwendet, nur ein paar grafische Details eingefügt und sichergestellt, dass der Text nicht beeinträchtigt wird.
Sie können Cliparts von Websites wie Etsy oder Creative Market abrufen oder online nach kleinen Grafiken suchen. Stellen Sie sicher, dass Sie die Rechte zur Verwendung der Grafiken haben … und damit meine ich nicht nur Sachen aus der Google-Bildersuche.
Bei Grafiken ist zu beachten, dass Sie den Text nicht überwältigen möchten. Der springende Punkt eines Headers ist, dass sich die Leute mit dem Namen Ihres Blogs vertraut machen können. Es ist wie Ihr eigenes Logo.
Wenn Sie ein Logo für sich selbst entwerfen würden, würden Sie nicht eine ganze Reihe zufälliger Fotos von sich und Ihren Abenteuern einwerfen, oder? Während also ein Header den Ton für Ihr Blog angeben kann, müssen Sie nicht alle Highlights Ihres Blogs auf einmal anzeigen. Dafür sind deine Posts da ;).
Wenn Sie darauf bestehen, ein paar Fotos in Ihrer Kopfzeile zu präsentieren, stellen Sie sicher, dass sie nicht vom Titel ablenken und so organisiert sind, dass die Seite gut fließt.
Hier sind einige Beispiele, was Sie nicht tun sollten:
Die Rechtfertigung ist überall und die Polsterung ist ausgeschaltet.
Nein. Nur nein. Zwei völlig unterschiedliche ausgefallene Schriftarten, die zusammengeschoben werden, sehen so aus. Der Slogan ist schwer zu lesen. Dies könnte süß sein, wenn der Slogan kleiner, nicht groß geschrieben und in einer einfachen serifenlosen Schriftart wäre.
Es gibt viele Schriftarten zur Auswahl, und wenn Sie sie von einer Website wie DaFont abrufen, können Sie sogar Ihren Blog-Namen in das Textfeld „Geben Sie Ihren Text hier ein“ auf den Kategorieseiten, um genau zu sehen, wie Ihr Titel aussehen würde.
Schritt 3: Speichern Ihrer Kopfzeile
Wenn Sie festgelegt sind, müssen Sie dieses Bild als PNG speichern, wenn Sie sich für einen transparenten Hintergrund entschieden haben. Speichern Sie es andernfalls als JPG. JPG und PNG funktionieren beide gut für Webbilder.
Ich hoffe, das hat dir ein bisschen geholfen! Denken Sie daran, Ihren Augen zu vertrauen und sicherzustellen, dass alles richtig verteilt ist. Sie werden überrascht sein, wie einfach das Ausrichten von Dingen und die Auswahl der richtigen Schriftarten einen Header wirklich machen oder brechen können!
Zuletzt aktualisiert am 6. April 2021