Haben Sie bemerkt, dass kleine Logos auf Websites immer beliebter zu werden scheinen? Für eine Weile schien es, als würde der Fokus im Design darauf liegen, "es größer zu machen". Das hat sich geändert - in Bezug auf Logogröße und Platzierung.
Der derzeit größte Trend im Website-Design ist die Verwendung des kleinen Eck-Logos. Wir werden den Trend brechen und einige großartige Beispiele betrachten. Vielleicht finden Sie die Inspiration, um das Logo in Ihrem nächsten Projekt zu verkleinern. Oder vielleicht entscheiden Sie sich dafür, es groß und mutig zu halten!
Identifizieren Sie den Trend
Zwar gibt es keine eindeutige Regel, wonach ein Logo in der oberen linken Ecke einer Website stehen muss, diese Platzierung ist jedoch aus Gründen der Lesbarkeit und Identifikation üblich. Benutzer sind es gewohnt, dort nach Markeninformationen zu suchen, und sie bieten eine gute Orientierungshilfe für die Navigation, um Benutzern zu helfen, zur Startseite zurückzukehren, wenn sie stecken bleiben.
Es ist also keine Überraschung, dass meist kleine Logos in diesem Teil des Designs platziert werden. Obwohl die Verwendung kleiner Logos nicht auf diese Platzierung beschränkt ist, folgt sie akzeptierten Benutzermustern. Das ist wichtig, denn wenn Sie etwas anderes ausprobieren, möchten Sie, dass die Benutzer dies problemlos verstehen. In diesem Fall ist die Änderung die Größe des Logos und wird auf ein "kleines" verkleinert. Größe macht es weniger dominant visuell. Wenn Sie ihn an derselben Stelle aufbewahren, kann der Benutzer sie trotzdem finden und die erwarteten Aktionen ausführen, ohne an diese Änderung zu denken.
Dies ist einer dieser Trends, die leicht zu erkennen sind. Suchen Sie nach einem extrem kleinen (oft weniger als 300 Pixel großen Quadrat bei einer Standard-Desktopauflösung) Logo in einer Position, die oben und links auf der Leinwand haftet.
Trend zusammenbrechen
Während der Trend in der Größe und Platzierung von Logos verankert ist, scheint dies nicht die einzige Sache zu sein, die ein gemeinsamer Faden zu sein scheint. Designer verwenden ähnliche Formen, Ikonographien, Typografien und Farben.
Der Trend wird ergänzt und entlehnt Konzepte von vielen anderen populären Stilen, insbesondere von Minimalismus, leuchtenden Farben und Ikonografie. Das ist ein Teil des Trends. Es lässt sich nahezu nahtlos in andere Designmuster integrieren.
Quadrate
Das einfache quadratische Logo ist einfach zu verwenden und bietet einen schönen Ankerpunkt für das Branding. Viele dieser quadratischen Logos enthalten einige Wörter (Logo) oder ein kleines Bildchen in einem farbigen Quadrat.
Schwarz ist eine beliebte Option, wie bei Brave People (oben), aber die Farbauswahl kann durch den Hintergrund der Design- und Markenfarben bestimmt werden. Es ist nichts zu sagen, dass ein quadratisches Logo ein starkes Erscheinungsbild haben muss. Dies ist jedoch eine recht häufige Option.
Quadrate sind beliebt, da die Form an verschiedenen Stellen wiederverwendbar ist, beispielsweise in sozialen Medien und als App-Symbol zu konvertieren.
Symbol Logos
Da wir mehr für kleine Bildschirme entwerfen, besteht die Tendenz zur Vereinfachung und Rationalisierung. Gleiches gilt für diesen Trend, bei dem ein einfaches Symbol als kleines Ecklogo dienen kann.
Der Trick dabei ist, dass das Bild "ikonisch" sein muss. und einfach genug, dass es bei der super kleinen Größe leicht zu lesen und zu verstehen ist. Bei kleineren Größen funktionieren nicht alle Icons oder fühlen sich angemessen an.
Da dies ziemlich kompliziert sein kann, verwenden die meisten Designer, die sich für diese Route entscheiden, einfarbige schwarze oder weiße Symbole mit ein paar einfachen Linien. Während einige dieser Symbole bestimmte Bilder darstellen, wie zum Beispiel der Zugräuber (oben), verwenden viele andere geometrische Formen. Mit einem Icon-Logo gehen viele Entscheidungen auf Ihre Markenidentität zurück. Haben Sie ein Symbol, mit dem sich Benutzer identifizieren? Funktioniert es in diesem Zusammenhang?
Logos
Wenn es um kleine Logos geht, sind Logos für die meisten Website-Designs eine der besten Alternativen. Für Marken mit einem Logo ist die Lösung bereits integriert. Das Logo wurde wahrscheinlich mit der Idee entworfen, dass es bei allen Größen funktionieren musste.
Der wahre Trick für Logos in der oberen Ecke des Designs, um sicherzustellen, dass sie nicht verloren gehen. Logos, die superflache Schriftstile verwenden oder sehr kurze Wörter enthalten, benötigen möglicherweise mehr Gewicht als solche mit längeren Wörtern oder mit dickeren Schriftarten. Die Platzierung sollte durch das visuelle Gewicht bestimmt werden, nicht nur durch eine Pixel-Richtlinie.
Es ist auch wichtig, die Hintergründe des Logos zu berücksichtigen. Stellen Sie sicher, dass das Logo auf allen Seiten sichtbar bleibt. Vermeiden Sie Hintergründe mit anderen Typelementen oder außergewöhnlich ausgelasteten Mustern für maximale Lesbarkeit.
App? Symbolstile
Der App-Icon-Stil funktioniert auch auf Websites hervorragend und bietet ein vielseitiges Gestaltungselement. Platzierung und Design ähneln häufig der Idee hinter dem quadratischen Logo. App-Icons werden jedoch häufig etwas mehr von den Rändern der Leinwand entfernt, können mehr Farbe enthalten und werden häufig als sekundäres Markenlogo betrachtet.
Es macht Spaß, mit diesem Stil zu spielen, aber es ist wichtig, sicherzustellen, dass Ihre Identität nicht verloren geht, wenn Sie weniger gebräuchliches Branding verwenden. Erwägen Sie die Verwendung des Markennamens und des primären Logos an anderen Stellen, um die visuelle Verbindung zu erhalten, die die Benutzer erwarten.
App-basierte Websites verwenden diesen Stil häufig, da das App-Symbol das Branding und die Benutzererkennung darstellt. Um das Erlebnis für Benutzer, die auf die Website statt auf eine App zugreifen, ein wenig anders zu gestalten, fügen Sie dem Logo einen Hinweis auf Bewegung oder Hover-Animation hinzu, um zu überraschen und zu erfreuen.
Schrumpfen
Je nach Logo ist für diesen Trend möglicherweise keine zusätzliche Arbeit oder Neugestaltung erforderlich. Nehmen Sie einfach das Logo, verkleinern Sie es und legen Sie es in die obere Ecke. Klingt ziemlich einfach, richtig?
Hier ist der Trick: Ihr Logo muss bereits alle Komponenten der Lesbarkeit bei geringer Größe enthalten. Für die meisten Marken bedeutet dies, dass das Logo in einem Element vom Typ Navigation ohne viel Farbe oder andere Bilder stehen muss.
Ein Happy Camper (oben) macht dies ziemlich erfolgreich.Das Logo ist auf "kleine Eckengröße" skaliert. und in einer weißen Navigationsleiste enthalten. Die primäre Logofarbe wird durch den Hauptinhaltsbereich der Website geführt, wodurch das Auge effektiv vom Logo zur Nachricht und zurück gezogen wird.
Farben
Winzige Eck-Logos neigen dazu, viel Schwarz und Weiß zu zeigen. Das muss aber nicht der Fall sein. Alles hängt von der Platzierung ab.
Helle, kräftige Farben sind dank der Einflüsse von Flach- und Materialdesign immer noch groß. Diese Farbauswahl kann auch im winzigen Raum funktionieren. Der Trick beim Färben besteht darin, andere Elemente zu straffen, so dass viel Kontrast entsteht. Winzige Elemente können leicht verloren gehen, wenn in einem konkurrierenden Raum zu viel los ist.
Auf der anderen Seite kann die strenge Natur eines Schwarz-Weiß- oder Schwarz-Weiß-Logos den richtigen Kontrast bieten, um sich von einem geschäftigen Hintergrund abzuheben. Bei Designs, bei denen das Logo über einem Heldenbild oder -video angezeigt wird, ist dies hinsichtlich der Lesbarkeit oft die beste Option.
Logo-Navigation Balance
Winzige Logos können bei der Navigationsplanung einzigartige Herausforderungen darstellen. Muss die Navigation auch winzig sein? Wie können Sie ein Gleichgewicht schaffen, ohne die Elemente zu überwältigen oder aus dem Gleichgewicht zu kommen?
Es gibt einige Lösungen.
- Erstellen Sie ein ausgleichendes Navigationselement, z. B. ein kleines quadratisches Logo und ein ergänzendes Hamburger Navigationssymbol mit einem verborgenen Menü.
- Erstellen Sie einen Container für das Logo und die Navigation, damit sie zusammenarbeiten.
Beide Optionen können gleich gut funktionieren. Solange Benutzer einfach auf die Informationen zugreifen können, funktioniert das Design. Denken Sie über Ihre Benutzer und ihre Gewohnheiten nach, bevor Sie diese Wahl treffen.
Fazit
Tiny ist das neue große Ding. Ein kluger Designer hat einmal gesagt, wenn man etwas klein wirken lassen kann, dann funktioniert das überall. Vielleicht ist das die Herausforderung für Designer - etwas zu schaffen, das auf Mikroebene wunderbar funktioniert.
Das Besondere an den kleinen Eck-Logos ist, dass der Trend verwendbar ist. Sie müssen sich nicht umgestalten, um dieses Konzept verwenden zu können, und können mit nur einem kleinen Design-Tweak eine trendige Funktion hinzufügen.