Come progettare pagine Web attorno a un grande logo?

Attualmente sto progettando un sito Web per un luogo che utilizza un grande logo circolare. Il loro logo contiene un'immagine e testo.

Il problema che sto incontrando sta inserendo questo logo nel web design mantenendo comunque leggibile il testo nel logo, ma non occupando una grande quantità di spazio sullo schermo.

I loghi circolari sono alti quanto larghi. La maggior parte dei loghi sono più larghi di quanto siano alti e per questo sono più facili da adattare su uno schermo.

Sto pensando di incorporarlo nell'intestazione della pagina insieme al menu, ma l'altezza del logo crea un vero squilibrio sullo schermo e il testo nel logo rende impossibile rimpicciolire il logo.

Quindi la mia domanda è questa: come gestisci i loghi indisciplinati? Va bene decostruirli o che tipo di soluzioni alternative sono utili in questi tipi di situazione?

Un pensiero che mi viene in mente è che puoi davvero trarre vantaggio da ciò che un cerchio fa naturalmente in termini di ottica. Se lo metti sopra una barra di navigazione colorata e lasci che la parte superiore e inferiore del logo circolare si riversi sul rettangolo, dovrebbe ridurre la quantità di spazio bianco che ti servirà tra l'intestazione e il corpo.

Nel mio esempio il cerchio è centrato (cosa che mi piace per i loghi circolari, ma probabilmente è una cosa personale), ma puoi anche allinearlo a sinistra.

Ho controllato un paio di siti Web con loghi circolari. Dell è solo piccolo. Lo stesso vale per UPS (non circolare ma largo quanto alto). Così è Apple. Burger King ha fatto qualcosa di interessante:

No, le patatine fritte su un panino non sono la parte interessante ... Lo facciamo da decenni a Pittsburgh. La cosa interessante è che la inseriscono nell'immagine dell'eroe. Poiché hanno fotografi fantastici, possono assicurarsi che i loro scatti siano impostati in modo che non ci sia nulla in alto a sinistra per sminuire il logo. Ma consente sicuramente un logo più grande che non vince perché è ancora piccolo rispetto a una grande immagine di cibo che è proprio lì .

C'è un Distro Linux che ha un logo che è anche un cerchio. Il logo di Ubuntu è un cerchio con al suo interno un "Cerchio di amici". Hanno ridotto il loro logo e lo hanno messo al posto di dove ci si potrebbe aspettare di vedere un simbolo "Marchio" nell'angolo in alto a destra del loro nome. Hanno alterazioni del loro "Logo" e questo è uno di questi. Per vedere le variazioni dei loghi vai su http://design.ubuntu.com/brand/ubuntu-logo Descrive anche come hanno assegnato il logo. Questo potrebbe darti un'idea per il design, se non sono troppo prudenti su come vogliono che appaiano. Altrimenti, suggerirei di creare un banner con il logo su di esso e di usarlo come intestazione del sito Web.

I grandi loghi, e in particolare quelli circolari, sono un po 'mal di testa. Non conoscendo molto l'aspetto del logo, ecco alcuni concetti molto rapidi e sporchi.

Perdonate gli esempi estremamente primitivi; prendilo per quello che è: idee concettuali, non linee guida per il layout.

Bilancia la pagina con il logo a sinistra (dove è più probabile che tu abbia più spazio)

Usa un po 'di trasparenza, ingrandisci il logo, non aver paura di "spazi bianchi" (o più precisamente; "logospace".

A seconda delle proprietà del logo, è possibile utilizzare contemporaneamente trasparenza e non trasparenza

Un altro approccio alla trasparenza: la non trasparenza

E, infine, divertiti un po 'stravagante nell'affettare il logo. Finché hai tutto da qualche parte, affettare può effettivamente essere piuttosto efficace; e crea un design accattivante.