Logo: limitazioni e consigli

Se avete o desiderate avere un logo sul il vostro sito, ReadyWeb consente di utilizzarlo.

Creazione del logo

La creazione del logo è in carico a chi propone il sito: non offriamo un servizio di creazione di loghi. Potete crearne uno da zero voi stesse, rivolgervi a un’agenzia, o a un/una professionista indipendente.

A prescindere da chi creerà il logo del vostro sito Readyweb, è bene tenere a mente le specifiche e i consigli presenti su questa guida.

Dove viene inserito il logo

Il logo viene inserito nell’intestazione del sito, nella parte sinistra della fascia colorata. L’area disponibile per il logo è massimo 280×90 pixel.

Area dedicata al logo sull’intestazione del sito

Tipologie di logo

Logo grafico

Il logo non riporta elementi testuali estesi ma solo una rappresentazione grafica.

Esempio di logo grafico: il titolo del sito è un elemento testuale di fianco al logo bianco a sinistra. https://ficta.unimi.it/

Logotipo

Il logotipo è una scritta estesa che riporta il titolo del sito, che non viene più mostrato in forma testuale di fianco al logo.

Il sito di Readyweb usa un logotipo.

Formati dell’immagine

Si possono usare:

  • PNG
  • JPEG

Non si possono usare formati vettoriali (SVG o PDF) o animati (GIF).

Dimensioni e ridimensionamento automatico

Il logo viene visualizzato con un’altezza massima di 90px, immagini eccedenti vengono ridimensionate in questo modo:

  • Un logo 100×90 (LxA) rimarrà uguale
  • Un logo 150×90 (LxA) rimarrà uguale
  • Un logo 560×180 (LxA) verrà ri-scalato e le dimensioni effettive saranno 280×90
  • Un logo 180×180 (LxA) verrà ri-scalato e le dimensioni effettive saranno 90×90.

Di conseguenza, i loghi mantengono anche il loro rapporto: un logo quadrato rimarrà quadrato e uno rettangolare manterrà la proporzione tra larghezza e altezza.

Testi: attenzione al ridimensionamento

Il ridimensionamento ha reso il testo illeggibile

Se il vostro logo contiene del testo, ricordate che il ridimensionamento può renderlo illeggibile.

Considerate specialmente che un logo visto da un computer può andare bene ma risultare illeggibile sullo schermo più piccolo di uno smartphone.

Consigliamo quando possibile di NON utilizzare loghi con testo. Se li fate realizzare, prevedete una doppia versione (con e senza testo).

Colori: attenzione ad armonizzarli coi colori dei temi

Questo logo è praticamente invisibile

Il logo viene visualizzato su uno sfondo del colore corrispondente al tema scelto.

Fate particolare attenzione a utilizzare colori che risultino visibili sullo sfondo della palette da voi scelta.

Se i colori sono troppo simili a quelli del tema, valutate di mettere uno sfondo esplicito nel logo o altri elementi come ombre, outline o bordi.

Qui potete trovare i codici colore usati nelle palette a disposizione del tema Readyweb: