So gestalten Sie das perfekte Twitter-Header-Bild
Twitter hat kürzlich ein aktualisiertes Design für Profilseiten eingeführt, mit dem Sie ein neues „Header-Foto“ einfügen können, das sich ähnlich wie das Titelbild der Facebook-Zeitleiste über Ihrem Feed befindet.
Heute werden wir uns einige Beispiele für gute Twitter-Profilbilder ansehen und diskutieren, wie Sie Ihre eigenen gestalten können. Ich werde sogar eine kostenlose Vorlage einwerfen, damit Sie sofort loslegen können.
Entdecken Sie Envato-Elemente
Kostenlose Vorlage!
Bevor wir uns mit dem Artikel befassen, finden Sie hier eine praktische kostenlose Vorlage, mit der Sie Ihr eigenes Twitter-Header-Bild entwerfen können. Die bereitgestellte Datei ist eine in Photoshop CS6 erstellte PSD.
Schnapp dir deine kostenlose PSD: Klicken Sie hier, um sie herunterzuladen.
Wie man es benutzt
Um diese Vorlage zu verwenden, ersetzen Sie einfach das Hintergrundbild. Die UI-Ebenengruppe soll Ihnen helfen, eine gute Vorstellung davon zu bekommen, wie das Bild aussehen wird, wenn es auf der Site implementiert ist. Blenden Sie die gruppierten Ebenen vor dem Speichern aus.
Treffen Sie das neue Twitter-Profil
Es war einmal, dass Twitter ein textzentrierter Dienst war. Heutzutage versuchen sie ständig, das visuelle Erlebnis durch die Integration von Multimedia-Funktionen und Support zu verbessern.
Das jüngste Profil-Redesign bringt diese Idee durch prominentere Fotostreams und eine brandneue Funktion: den Twitter-Profil-Header.
Wie Sie sehen können, befindet sich dieses neue Bild oben auf Ihren letzten Tweets und enthält Ihr Profilbild sowie einen kurzen Text über Sie. Um den Start der neuen Profile zu erleichtern, scheint Twitter eine Partnerschaft mit NBC eingegangen zu sein. Viele unserer Beispiele stammen daher aus ihren verschiedenen Konten (noch nicht alle Benutzer haben ein Upgrade durchgeführt).
Letztendlich fügt dies Ihrem Profil nicht viel Designarbeit hinzu, sondern nur ein zusätzliches Bild. Allerdings kann auch nur ein kleines Bild viele Fragen aufwerfen. Daher bin ich hier, um einige zu beantworten, die Sie möglicherweise haben, wenn Sie sich dem Erstellen Ihres Twitter-Header-Bildes nähern.
Wie legen Sie Ihren Profilkopf fest?
Die erste Frage, die Sie sich stellen müssen, ist, wie schalten Sie dieses Ding ein? Wenn Sie zu Ihrem Profil gehen, sieht es so aus, wie es immer war. Derzeit behalten Benutzer, die kein Header-Image eingerichtet haben, das alte Design bei.
Um Ihr Profil zu aktualisieren, klicken Sie oben rechts auf der Seite auf das Zahnrad Einstellungen. Klicken Sie hier in der linken Navigationsleiste auf die Registerkarte „Design“.
Scrollen Sie auf der Seite "Design" nach unten zum Abschnitt "Anpassen". Hier sehen Sie eine Schaltfläche "Header ändern". Klicken Sie einfach darauf und laden Sie Ihr Bild hoch, um Ihren Header festzulegen.
Das ist alles dazu! Jetzt müssen Sie nur noch entscheiden, was Sie dort platzieren möchten!
Welche Größe?
Die nächste wichtige Frage beim Entwerfen Ihres Profilkopfs lautet: "Welche Größe?" Wenn wir uns die NBC-Bilder ansehen, die Twitter zweifellos persönlich mit aufgebaut hat, sehen wir, dass die Größe 520 Pixel breit und 260 Pixel hoch ist.
Letztendlich ergibt sich ein Verhältnis von Breite zu Höhe von 2: 1 mit einer maximalen Upload-Größe von 5 MB oder 1252 x 626 Pixel.
Designtipps und Überlegungen
Die Größe des Bildes, das Sie hochladen, ist sicherlich nicht die einzige Überlegung, die Sie berücksichtigen müssen. Ich habe ein paar Macken bemerkt, die Sie unbedingt wissen müssen, wenn Sie ein erfolgreiches Design schaffen wollen.
Achten Sie auf Ihre Lesbarkeit
Um mit dem Platz auf meinem persönlichen Konto zu experimentieren, habe ich ein zufälliges Foto aufgenommen, das ich von einer Digitalanzeige in New York City gemacht habe. Es schien, als würde es den perfekten abstrakten Hintergrund bilden. Hier ist das Ergebnis:
Wie Sie sehen können, ist es ein ziemlich attraktives Bild. Das Problem ist jedoch, dass es den Text ziemlich stark stört und ich eine Lesbarkeitsnuss bin.
Mit dem weißen Text möchten Sie natürlich einen Hintergrund, der anständig dunkel ist. Meins passt zu dieser Beschreibung, aber die Lichter dienen als helle Punkte, die den Kontrast zwischen den Buchstaben und dem Hintergrund verringern und zu viele Ablenkungen hinzufügen.
Die Lösung hier ist ziemlich einfach. Ich habe gerade den Hintergrund abgedunkelt, auf dem der Text liegt, damit die Lichter nicht so stark stören. Das Ergebnis ist optisch nicht ganz so cool, aber viel besser lesbar:
Twitter schraubt mit Ihrem Bild
Die Leute bei Twitter wissen, dass der Trick, den ich oben verwendet habe, um den unteren Rand des Bildes abzudunkeln, etwas ist, das für viele Bilder gemacht werden muss. Tatsächlich macht die Site es automatisch, ob Sie es wollen oder nicht.
Als Test habe ich dieses Bild aufgenommen und es für den Design Shack-Header vorbereitet. Folgendes sehe ich in Photoshop:
Wenn ich das Bild so hochlade, wie Sie es oben sehen, sehen Sie hier das Ergebnis, wie es auf unserer Profilseite angezeigt wird:
Sieh den Unterschied? Es wurde automatisch ein Hintergrundverlauf angewendet, der die Originalfarben erheblich verdunkelt. Es ist ein subtiler Effekt auf die meisten Fotos, aber wenn Sie auf etwas mit weniger Details stoßen, fällt es wirklich auf.
Dies ist sicherlich keine schlechte Sache, es hilft in der Tat, den Text hervorzuheben, es ist nur etwas, das Sie bei der Vorbereitung Ihres Bildes beachten sollten. Beachten Sie außerdem, dass Twitter automatisch abgerundete Ecken sowohl auf das Profil als auch auf das Header-Bild anwendet.
Designtipps
Nachdem wir nun alles über das Erstellen und Anwenden unseres Bildes wissen, schauen wir uns um und sehen, was andere mit diesem Bereich tun, um sich inspirieren zu lassen.
Integrieren Sie Ihr Profilbild
Eines der besten, das ich bisher gesehen habe, ist das von Ryan Seacrest. Ich liebe die Integration des Profilfotos in das Header-Bild. Brillant. Sie können davon ausgehen, dass Tonnen von Benutzern versuchen, dies auf unterschiedliche Weise zu erreichen.
Zeigen Sie Ihre Arbeit
Graham Smith, jedermanns beliebtester Logo-Designer, nutzte die Gelegenheit, um sein Profil sofort zu aktualisieren. Seine Idee ist einfach und effektiv: Sie zeigt seine Arbeit in einem schönen, zurückhaltenden Raster von Logos.
Passen Sie Ihren Profilhintergrund an
Eine Sache, die Sie bei der Arbeit an Ihrem Header-Bild beachten sollten, ist, dass es Teil eines größeren Designs ist und gut zu Ihrem Hintergrundbild passen sollte.
Wir sehen dies gut auf dem unten stehenden Konto für aktuelle Nachrichten. Das Header-Bild ist eine rote Weltkarte aus Pixeln.
Dies ist tatsächlich das gleiche Bild, das sie auf dem Seitenhintergrund verwendet haben, nur kleiner und in einer anderen Farbe. Dies sorgt für ein schönes, einheitliches Aussehen.
Ich finde es toll, dass der große Hintergrund die subtilere Version ist, während das Header-Bild Ihre Aufmerksamkeit mit einer kräftigen Farbe auf sich zieht.
Halte es einfach
Wenn Sie Probleme haben, ein gutes Header-Bild zu finden, denken Sie an drei wichtige Wörter: Halten Sie es einfach. Abgesehen von dem Bild ist in diesem Bereich viel los und Ihr Ziel ist es, alles zusammenzubinden, nicht zu komplizieren.
In der eigenen erweiterten Familie von Twitter sehen wir einige gute und schlechte Beispiele dafür. Evan Williams, Mitbegründer von Twitter, hat sich definitiv schlecht für eine Grafik entschieden, die für diesen Bereich viel zu beschäftigt ist.
Vergleichen Sie dies mit dem Bild, das der Twitter Bootstrap-Ersteller Mark Otto verwendet. Seine Wahl ist viel besser:
Das ist schön, einfach und eigentlich ziemlich auffällig. Der größte Teil des Bildes ist ein Leerzeichen (in diesem Fall ein Schwarzraum), sodass der Text nicht stark beeinträchtigt werden kann. Der Inhalt stellt für uns alle ein Ereignis dar, das voller Emotionen und Wunder ist, was zu einem unvergesslichen Erlebnis führt.
Zeigen Sie uns Ihre!
Dort haben Sie alles, was Sie wissen müssen, um das perfekte Twitter-Header-Bild zu erstellen. Nachdem Sie meine Tipps gelesen und einige großartige Inspirationen gesehen haben, können Sie mit unserer kostenlosen Vorlage Ihre eigenen erstellen!
Wenn Sie Ihr Twitter-Header-Bild fertig haben, hinterlassen Sie unten einen Kommentar mit einem Link, damit wir sehen können, was Sie sich ausgedacht haben.
