Kritik: Wie kann ich ein Logo in mein Website-Design sowohl bei mobilen als auch bei Desktop-Bildschirmgrößen einbinden?

Einfachste Antwort: Ich finde nicht, dass das Logo schrecklich aussieht, wenn es so über allem steht.

Einfache Antwort: Sie könnten versuchen, das Logo nach links und oben schweben zu lassen und das Menü nach oben zu verschieben, um den Platz auszufüllen.

Komplizierte Antwort: Man könnte mehr über ein Identitätssystem nachdenken. Ein Logo ist keine Marke; es ist nur ein Teil davon. Denken Sie daran, wie Coca-Cola ihr Logo hat, aber sie haben auch das "Dynamic Ribbon", das sie als sekundäres Element auf ihrer Dose verwenden. Wenn Sie einige sekundäre Branding-Elemente oder eine Farbpalette zum Arbeiten hätten, könnten Sie diese in die Kopfzeile einarbeiten und den Raum besser ausfüllen.

Eine vertikale Form wie dieses Logo+Text wirkt in einem breiten horizontalen Raum, insbesondere in der Mitte, etwas verloren. Das liegt vor allem daran, dass es sofort drei Rechtecke definiert, von denen zwei die entgegengesetzte Ausrichtung zum Logo und Text haben. Um den Text „Bar und Comic-Lounge“ groß genug zu halten, um lesbar zu sein, müssen Sie auch eine unerwünschte Menge wertvoller vertikaler Immobilien am oberen Bildschirmrand verwenden.

Wenn Sie den Text unter dem Logo zentrieren, wie Sie es hier getan haben, wird er sehr ruhig. Vergleichen Sie mit dem leicht versetzten Text, den Sie im Schieberegler verwendet haben, der ein Bewegungsgefühl hat, das dem Thema sehr angemessen ist. Mit den Buchstabenformen Ihres Logos lässt der „Sockel“, der durch die zwei Textzeilen gebildet wird, das PVP gerade genug aus dem Gleichgewicht erscheinen, um ein wenig unbequem zu sein.

Erstellen Sie eine Version für horizontale Anwendungen wie Ihren Web-Header (Sie sollten sowieso eine haben). Dadurch kann „Bar und Comic-Lounge“ stärker hervortreten und Sie können dieses Bewegungsgefühl beibehalten, wodurch der benötigte vertikale Raum reduziert wird.

Auf dem mobilen Bildschirm füllt es die Kopfzeile gut aus. Auf dem großen Bildschirm sollte es nach links schweben. An dieser Stelle erwarten wir ein Logo auf einer Website, die von links nach rechts läuft, und es lässt Ihnen Platz für ein Hilfsmenü oder einen Banner-Rotator für besondere Veranstaltungsankündigungen oder Anzeigen, wenn Sie diese benötigen.