Wie gestalte ich Webseiten um ein großes Logo herum?

Ich entwerfe derzeit eine Website für einen Ort, der ein großes kreisförmiges Logo verwendet. Ihr Logo enthält ein Bild sowie Text.

Das Problem, auf das ich stoße, besteht darin, dieses Logo in das Webdesign einzubauen, während der Text im Logo weiterhin lesbar bleibt, aber nicht viel Platz auf dem Bildschirm beansprucht.

Kreisförmige Logos sind so hoch wie breit. Die meisten Logos sind breiter als hoch und daher leichter auf einen Bildschirm zu passen.

Ich denke darüber nach, es zusammen mit dem Menü in die Kopfzeile der Seite aufzunehmen, aber die Höhe des Logos führt zu einem echten Ungleichgewicht auf dem Bildschirm, und der Text im Logo macht es unmöglich, das Logo kleiner zu machen.

Meine Frage ist also, wie Sie mit widerspenstigen Logos umgehen. Ist es in Ordnung, sie zu dekonstruieren, oder welche Problemumgehungen sind in solchen Situationen nützlich?

Ein Gedanke, der mir einfällt, ist, dass Sie wirklich ausnutzen können, was ein Kreis in Bezug auf seine Optik auf natürliche Weise tut. Wenn Sie es über eine farbige Navigationsleiste legen und die Ober- und Unterseite des kreisförmigen Logos über das Rechteck laufen lassen, sollte sich der benötigte Leerraum zwischen der Kopfzeile und dem Textkörper verringern.

In meinem Beispiel ist der Kreis zentriert (was ich für kreisförmige Logos mag, aber das ist wahrscheinlich eine persönliche Sache), aber Sie können ihn auch linksbündig ausrichten.

Ich habe einige Websites mit kreisförmigen Logos überprüft. Dell ist nur klein. Dies gilt auch für UPS (nicht kreisförmig, aber ungefähr so ​​breit wie hoch). Apple auch. Burger King hat etwas Interessantes gemacht:

Nein, Pommes auf einem Sandwich sind nicht der interessante Teil ... Das machen wir seit Jahrzehnten in Pittsburgh. Interessant ist, dass sie es in das Heldenbild einfügen. Da sie großartige Fotografen haben, können sie sicherstellen, dass ihre Aufnahmen so eingerichtet sind, dass oben links nichts das Logo beeinträchtigt. Aber es erlaubt definitiv ein größeres Logo, das nicht überwältigt, weil es im Verhältnis zu einem riesigen Bild von Lebensmitteln, das genau dort ist, immer noch klein ist .

Es gibt eine Linux-Distribution mit einem Logo, das auch ein Kreis ist. Das Ubuntu-Logo ist ein Kreis, in dem sich ein "Freundeskreis" befindet. Sie haben ihr Logo verkleinert und es an die Stelle gesetzt, an der Sie möglicherweise ein "Markensymbol" in der oberen rechten Ecke ihres Namens sehen. Sie haben Änderungen an ihrem "Logo" und dies ist eine von ihnen. Die Variationen der Logos finden Sie unter http://design.ubuntu.com/brand/ubuntu-logo. Außerdem erfahren Sie, wie sie das Logo zugewiesen haben. Dies kann Ihnen eine Idee für das Design geben, wenn sie nicht zu konservativ sind, wie es aussehen soll. Andernfalls würde ich vorschlagen, ein Banner mit dem Logo darauf zu erstellen und es als Kopfzeile der Website zu verwenden.

Große Logos und besonders kreisförmige Logos bereiten Kopfschmerzen. Da Sie nicht viel darüber wissen, wie das Logo tatsächlich aussieht, finden Sie hier einige sehr schnelle und schmutzige Konzepte.

Verzeihen Sie die äußerst primitiven Beispiele; Nehmen Sie es als das, was es ist: konzeptionelle Ideen, keine Layout-Richtlinien.

Balancieren Sie die Seite mit dem Logo links (wo Sie am wahrscheinlichsten mehr Platz haben)

Verwenden Sie ein bisschen Transparenz, machen Sie das Logo groß, haben Sie keine Angst vor "Leerzeichen" (oder genauer gesagt "Logospace").

Abhängig von den Logoeigenschaften können Sie Transparenz und Nichttransparenz gleichzeitig verwenden

Eine andere Sichtweise auf Transparenz - Nichttransparenz

Und endlich ein bisschen verrückten Spaß beim Schneiden des Logos. Solange Sie das Ganze irgendwo haben, kann das Schneiden tatsächlich ziemlich effektiv sein; und sorgt für spannendes Design.