Manuale joomla

BRAND MANUALMANUALE DIMMAGINE

ULTIMA MODIFICA: 10-02-2005

JOOMLA!

www.joomla.orgPer scaricare il logo Joomla! nei vari formati, visita il nostro sito:

MANUALE DIMMAGINE

Pagine 3 - 6

Pagine 7 - 19

Pagine 20 - 21

Pagine 22 - 28

Pagine 29 - 32

Pagine 33 - 37

1 Introduzione

2 Utilizzo del Logo

3 Slogan

4 Caratteri tipografici

5 I colori Joomla!

6 Utilizzo del Logo sui siti

2

JOOMLA!


MANUALE DIMMAGINE

1 Introduzione

Benvenuto

B Il nuovo nome

A

3

C Cos Joomla!


MANUALE DIMMAGINEJOOMLA!

A

Come usare il Manuale dImmagineBenvenuto nel Manuale dImmagine di Joomla!. Questo strumento ti aiuter a seguire tutti quegli accorgimenti della comunicazione di Immagine che renderanno Joomla! un marchio facilmente riconoscibile e rispettato. Gli elementi essenziali mostrati e discussi in questo manuale daranno forma e dimensione al nostro marchio, e forniranno ai creativi la flessibilit necessaria per creare tutti quei comunicati volti alla pubblicizzazione del prodotto e alla promozione di Joomla!

NOTA: Il manuale stato realizzato sia per la stampa che per il web e le linee guida indicate in questo manuale valgono per entrambi. A causa di alcune differenze tra la comunicazione sul web e quella per la stampa, alcune linee guida sono state modifi-cate appositamente per lutilizzo sul web. Fare riferimento alla sezione Utilizzo del logo sui siti a pagina 33 di questo manuale per vedere le linee guida per lutilizzo sul web. Non ci sono obblighi e non richiesto di includere il logo Joomla! sui siti realizzati con Joomla!

1 IntroduzioneBenvenuto

4



B

Cosa vuol dire il nome?Joomla! la traduzione fonetica della parola Swahili "Jumla", che vuol dire "tutti insieme" o "all'unisono". stato scelto poich l'intero team che stava alla base di Mambo stato compatto nel suo impegno a proteggere gli interessi dei creatori e della comunit, che la vera causa del successo e delle acclamazioni raccolte da questo progetto.

Il nome stato scelto tra centinaia di suggerimenti della comunit, e dopo un'ardua selezione da parte di professionisti nel campo del brand e del marketing stato deciso che Joomla! la migliore tra le tante proposte pervenute.

Ci che regola Joomla! a parte il resto la nostra cura nel mantenere le cose il pi semplici possibile, fornendo il maggior numero di strumenti possibili. Alla fine anche gli utenti che non hanno competenze tecniche potranno avere pieno controllo sui loro siti senza dover spendere cifre esorbitanti per acquistare software proprietari e non personalizzabili.

Joomla! pi di un semplice software, la gente. La comunit che alle spalle di Joomla! include sviluppatori, designers, gestori di sistemi, traduttori, editori, , pi importanti di tutti, gli utenti finali. Ti diamo il benvenuto nella nostra comunit e guardiamo al futuro con grande emozione!

1 IntroduzioneIl nuovo nome

5



C

Cutting Edge Content ManagementJoomla! uno dei pi potenti Content Management Systems Open Source presenti sulla terra. Viene usato in tutto ilmondo, dai siti pi semplici sino alle applicazioni aziendali pi complesse. Joomla! semplice da installare, semplice dagestire ed affidabile.

Joomla! stato creato dallo stesso team, vincitore di numerosi riconoscimenti internazionali che ha portato Mambo CMSallo stato attuale di avanzamento.

1 IntroduzioneCos Joomla!

6

JOOMLA!


MANUALE DIMMAGINE

2 Utilizzo del Logo

Informazioni sul Copyright

B Lillustrazione

A

7

C Disposizione del Logo

D Colori alternativi per il Logo

E Trademark

F Come non usare il Logo



A

Note importanti sul CopyrightIl logo Joomla! NON esente da copyright. E importante mantenere lintegrit del logo. Per questo motivo chiediamo a tuttidi tenere a mente queste linee guida nelluso del logo.

Il logo deve essere utilizzato esclusivamente nei colori ufficiali elencati in questo manuale. Ogni ridimensionamento deve mantenere le proporzioni del logo originale. Al di fuori delle varianti presenti in questo manuale, il logo non pu essere modificato in alcun modo. Non pu essere aggiunto alcun testo che pu sembrare parte del logo stesso.

consentito lutilizzo del logo su qualsiasi sito o prodotto open source a patto che vengano rispettate le linee queste guida.Se si desidera utilizzare il logo per prodotti commerciali necessario richiederne lautorizzazione. In generale il permesso verr dato a coloro che proveranno che luso del logo fatto in baso alle stesse regole che regolamentano lapprovazione del prodotto realizzato con Joomla!

Non garantito il permesso delluso del logo per qualsiasi forma di merchandise. Sar realizzato un apposito negozio Joomla!per questo scopo. Se si desidera realizzare varianti dei prodotti di merchandise originali necessario contattare lamministratore del negozio che aggiunger le varianti al negozio ufficiale.

2 Utilizzo del LogoInformazioni sul Copyright

8



B

Il marchioIl logo Joomla! costituito dal logotipo e il marchio. Il marchio rappresenta il significato di Joomla! stesso... una comunit che si muove nella stessa direzione.Il marchio costituito da quattro J ruotate ed unite per rappresentare la comunit riunita in un unico blocco. Il logo stato sviluppato in modo che il marchio sia ben visibile e bilanciato in modo da rendere chiaramente leggibile il nome. La relazione (dimensione, posizione, etc.) di questi elementi non deve essere modificata in alcun modo.

Dove possibile, il logo deve apparire nella sua versioneorizzontale con i colori lucidi.

Quando non possibile usare la versione lucida, possibile utilizzare la versione con i colori piatti.

2 Utilizzo del LogoLillustrazione

9



B

Versione verticaleSebbene sia preferibile luso della versione orizzontale, stata resa disponibile anche una versione verticale del logo in modo da dare maggiore flessibilit per tutte le applicazioni.

Pu essere riprodotto solo nei colori indicati in questo manuale.

Per la conversione dei colori tra cui PANTONE coated, PANTONE uncoated, CMYK, RGB, e web guardare pagina 31.

Quando non possibile usare la versione lucida, possibile utilizzare la versione con i colori piatti.


10



B

Il simboloIl simbolo pu essere utilizzato senza la scritta Joomla! quando viene utilizzato come elemento grafico o immagine. un elemento versatile che funziona bene sia sulla stampa che sul web.

Pu essere riprodotto solo nei colori indicati in questo manuale.

Non utilizzare mai il simbolo come elemento artistico,da solo o in materiale pubblicitario senza essere associato al logo Joomla! (simbolo e testo Joomla!).


11



C

Area disolamentoIl logo Joomla! semplice e per poter essere un marchio visibile si devono rispettare alcune regole in tutti i suoi utilizzi. necessario utilizzare unarea disolamento bianca attorno al logo.

Per calcolare lo spazio bianco attorno al logo, si utilizza come unit di riferimento lo spazio interno della o di Joomla! e lo si riproduce su tutti i lati attorno al logo.

Larea disolamento garantisce la visibilit rispettoad altre immagini, elementi grafici, ed ai tagli dellapagina. Solo lindirizzo del sito o lo Slogan possono essere posizionati vicino al logo.

Esempi di posizionamento dello Slogan possonoessere visti a pagina 21.

NOTA: Questa linea guida stata modificata per lutilizzo sul web. Consultare pagina 36.

2 Utilizzo del LogoDisposizione del Logo

12



C

Dimensione del Logo Joomla!A seconda del suo utilizzo, la dimensione del logo potr cambiare. Lasciamo che sia il tuo buon gusto a guidarti nella scelta della dimensione del logo Joomla!La dimensione del logo deve essere adeguata ad una facile lettura e deve tener conto dellarea di isolamento.Questa consente che il logo sia pi accattivante visivamente rispetto ad un logo troppo largo rispetto allo spazio disponibile, che lo renderebbe troppo compresso e difficile da leggere.

Dimensione minima di utilizzoPer una corretta leggibilit, nelle applicazioni con poco spazio di dovrebbe utilizzare il logo nella versione orizzontale. La larghezza minima del logo dovrebbe essere di 1.375 pollici / 34.925 mm..

La larghezza minima del logo nella la versione verticale di 1 pollice / 25.4 mm..

2 Utilizzo del LogoDisposizione del Logo

13

1.375 in / 34.925 mmWEB (72dpi):

99 px

STAMPA (300dpi):

STAMPA (300dpi):

STAMPA (300dpi):

STAMPA (300dpi):

1.375 in / 34.925 mmWEB (72dpi):

99 px

1 in / 25.4 mmWEB (72dpi):

72 px

1 in / 25.4 mmWEB (72dpi):

72 px



D

Versione negativa del logoIl logo disponibile anche nella versione negativa. La versione negativa deve essere utilizzata al posto del logo originale quando il colore di sfondo o limmagine di sfondo rendono il logo originale illeggibile.

La versione a colori in negativo del logo deve essere utilizzata esclusivamente su sfondi colorati che offrono un adeguato contrasto. Utilizzare il proprio buon senso*.

Se si utilizza la versione negativa su una immagine fotografica si deve prestare attenzione che larea adiacente al logo sia uniforme e che equivalga al 75% di nero odi pi per una maggiore leggibilit.

2 Utilizzo del LogoColori alternativi per il Logo

14

* Un modo semplice per determinare se c abbastanza contrasto tra il logo ed il colore dello sfondo socchiudere gli occhi. Se una parte del logo sembra sfumare nello sfondo o sparire completamente, non c abbastanza contrasto. Sar necessario modificare il colore di sfondo, pi scuro o pi chiaro, finch il logo non sar perfettamente visibile socchiudendo gli occhi.



Bianco e neroPer le pubblicazioni in bianco e nero, o quando non possibile utilizzare i colori, si pu utilizzare la versione monocromatica del logo in nero.

Se si utilizza la versione monocromatica del logo su un colore di sfondo colorato, lo sfondo deve avere un adeguato contrasto.

2 Utilizzo del Logo

15

D Colori alternativi per il Logo



D

Logo completo in negativoIl logo disponibile anche nella versionecompletamente in negativo. Questa versionedeve essere utilizzata in sostituzione di quellaoriginale in bianco e nero quando lo sfondocolorato o fotografico rende il logo originalein bianco e nero illeggibile.

Se si utilizza la versione completamente innegativo del logo su un colore piatto, questodeve essere scelto nella palette di colori diJoomla! o sul nero.

Se si utilizza la versione negativa su una immagine fotografica si deve prestare attenzione che larea adiacente al logo sia uniforme e equivalga al 75% di nero o di pi per una maggiore leggibilit.

2 Utilizzo del LogoColori alternativi per il Logo

16



Informazioni sul TrademarkIl logo Joomla! deve sempre apparire con il marchio di legge ( TM ).

Lindicazione del trademark deve essere allineata in alto a destra con il punto esclamativo. Questo lo standard da seguire per entrambe le versioni del logo. Il colore dellindicazione deve essere lo stesso del testo di Joomla!

2 Utilizzo del Logo

17

E Trademark



F

Protezione del LogoMostrare in modo corretto il nostro logo importante ed utile a promuovere e far riconoscere il marchio Joomla!.Gli esempi proposti nelle seguenti pagine mostrano le casistiche da evitare nelluso del logo.

Non affiancare mai il logo con altri testi (oltre allo Slogan) o loghi. Deve rimanere da solo allinterno della sua area di isolamento.

2 Utilizzo del LogoCome non usare il Logo

18

Il logo non dovr mai essere...

ri-scritto

allineato o composto in altri modi

distorto in qualsiasi modo



F

2 Utilizzo del LogoCome non usare il Logo

19

Il logo non dovr mai essere...

privo del simbolo del trademark opacizzato o colorato posizionato allinterno di bordi che nonrispettano larea minima attorno al logo

posizionato su un colore di sfondodiverso che non abbia un adeguato contrasto. Utilizzare il proprio buon senso*.

messo in negativo su uno sfondofotografico che non ha ladeguatocontrasto. Utilizzare il proprio buon senso*.

riprodotto su uno sfondo contenenteimmagini troppo complesse e di disturbo

* Un modo semplice per determinare se c abbastanza contrasto tra il logo ed il colore dello sfondo socchiudere gli occhi. Se una parte del logo sembra sfumare nello sfondo o sparire completamente, non c abbastanza contrasto. Sar necessario modificare il colore di sfondo, pi scuro o pi chiaro, finch il logo non sar perfettamente visibile socchiudendo gli occhi.

JOOMLA!


MANUALE DIMMAGINE

3 Slogan

Posizione ed utilizzo dello SloganA

20



A

Posizionare lo SloganLogo orizzontale: Lo Slogan deve essere posizionato sotto il logo ed allineato con la J di Joomla!Logo verticale: Lo Slogan deve essere centrato sotto il logo.

Lo Slogan deve essere posizionato allinterno dellarea di isolamento del logo.

Uso dello SloganLo Slogan deve apparire in tutto il materiale dimarketing. Questo comprende pubblicit,mail, etc. Fanno eccezione a queste indicazionitutti i materiali informatici quali firme, linee guida etc.

Esempi di loghi contenenti lo Slogan possono essere trovati sul sito. Il font da utilizzare per lo Slogan lAvantGarde.

3 SloganPosizione ed utilizzo dello Slogan

21

JOOMLA!


MANUALE DIMMAGINE

4 Caratteri tipografici

Primari

B Secondari

A

22



Helvetica Roman

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 1234567890 {(.,:;!?&$)[]}

Helvetica Italic


Helvetica BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 1234567890 {(.,:;!?&$)[]}

Helvetica Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 1234567890 {(.,:;!?&$)[]}

Helvetica

4 Caratteri tipograficiA Font primario

23

La tipografia fondamentale quando si vuole creare unidentit forte. I font, se usati regolarmente in tutti gli artefatti grafici, sono un forte richiamo e rendono riconoscibile lorigine. Il font primario scelto per comuni-care Joomla! e lHelvetica. Il font rappre-sentativo di Joomla! perch di facile lettura. Deve essere utilizzato in tutte le forme di comunicazione grafiche.

LHelvetica ha diversi formati tra cui scegliere, dando cos enorme flessibilit nel creare uno stile per le applicazioni. Dalle testate agli elenchi puntati da inserire nei testi, questo font copre tutte le esigenze grafiche.

Solo in casi eccezionali e previa approvazio-ne, possono essere utilizzati font diversi da quelli elencati in questo manuale.



Helvetica Light


Helvetica Light Italic


Helvetica Black


Helvetica Black Italic


Helvetica (prosegue)


24



Helvetica Condensed


Helvetica Condensed Italic


Helvetica Condensed Bold


Helvetica Condensed Bold Italic




25



Helvetica Condensed Light


Helvetica Condensed Light Italic


Helvetica Condensed Black


Helvetica Condensed Black Italic




26



Helvetica Compressed


Helvetica Extra Compressed


Helvetica Ultra Compressed




27



ITC New Baskerville

ITC New Baskerville

ITC New Baskerville

ITC New Baskerville

Roman


Italic


Bold


Bold Italic


New Baskerville

4 Caratteri tipograficiB Font secondario

28

In un numero limitato di varianti disponibile anche un font secondario, il New Baskerville.Questo font pu essere utilizzato per blocchi di testo molto lunghi dove un carattere serif preferibile per una maggiore leggibilit.Il carattere funziona bene con titoli e sottotitoli in Helvetica.

JOOMLA!


MANUALE DIMMAGINE

5 I colori Joomla!

La palette di colori Joomla!

B Conversione dei colori

A

C Spazio bianco

29



A

I colori del LogoIl colore un elemento forte e di grande impatto per limmagine di qualsiasi societ.Il logo Joomla! logo costituito da una palette di colori dinamica ed attraente che dar colore e far vibrare tutti i materiali per la comunicazione.

Larmoniosa dolcezza dei colori consente una grande flessibilit nella progettazione di qualsiasi artefatto comunicativo.

Quando usata, la palette di colori del logo d origine a una forte unit di immagine e consente di produrre materiali visivamente sbalorditivi riflettenti lintera immagine del prodotto.

5 I colori Joomla!La palette di colori Joomla!

30

Pantone Red 032 C Pantone 279 C Pantone 143 C Pantone 368 C Black

Palette di colori del Logo Joomla!

Nota: i colori qui rappresentano la versione di colori coated. Quando si stampa il logo Joomla! su elementi con bianco uncoated,sostituire i colori Pantone Coated con i colori Pantone Uncoated.



B

Accuratezza dei coloriEsiste una differenza naturale tra i colori quando si passa tra i vari media ed i processi di stampa. Quando si utilizzano strumenti che non fanno uso dei colori PANTONE, utilizzare i valori descritti nella tabella a lato per simulare i colori PANTONE. I colori elencati dovrebbero fornire il risultato migliore di uniformit.

Tutte le versioni del Logo Joomla! (PANTONE coated, PANTONE uncoated, CMYK, RGB, Web e Bianco e Nero) nei vari formati disponibili possono essere scaricate sul sito ufficiale www.joomla.org.

5 I colori Joomla!Conversione dei colori

31

Palette di colori del Logo Joomla!

Pantone Red 032 U Pantone 279 U Black*

Pantone Red 032 C Pantone 279 C Pantone 143 C

Pantone 143 U

Pantone 368 C

Pantone 368 C

Black*

C: 0M: 90 Y: 86 K: 0

R: 237 G: 46B: 56

Hex #ED2E38 Hex #578AD6 Hex #EBAD14 Hex #61BF1A Hex #000000VALORI PER CONVERSIONE WEB

R: 87 G: 138B: 214

R: 235 G: 173 B: 20

R: 97 G: 91 B: 26

R: 0G: 0B: 0

VALORI PER CONVERSIONE RGB

C: 68 M: 34Y: 0 K: 0

C: 0 M: 35 Y: 85 K: 0

C: 57 M: 0Y: 100K: 0

C: 0M: 0Y: 0K: 100

VALORI PER CONVERSIONE CMYK

*Per un nero brillante quando si stampano aree molto ampie in nero, usare questi valori CMYK: C: 60 M: 40 Y: 40 K: 100



C

Regole per lo spazio biancoLo spazio bianco una parte rilevante nella progettazione di artefatti comunicativi. Perch lo spazio bianco cos importante?Il motivo sia fisico che psicologico: il testo necessita spazio per respirare. Quando il testo raggiunge i bordi di un volantino, lascia la sensazione di chi legge che sia compresso e confinato. Lunghi testi scritti molto fitti stancano la vista.

Gli spazi bianchi non sempre devono essere di colore bianco. Qualsiasi colore pu avere la stessa funzione. Lo spazio bianco unarea vuota, che pu essere colorata o bianca, opaca o trasparente, basta che sia libera dal testo.

5 I colori Joomla!Spazio bianco

32

JOOMLA!


MANUALE DIMMAGINE

6 Utilizzo del Logo sui siti

Introduzione

B Utilizzo del Logo Joomla! nella testata del sito

A

C Area di isolamento sul web

D Caratteri tipografici

33



A

Utilizzo sui sitiPrima di tutto, non c obbligo o richiesta di includere il logo Joomla! sui siti realizzati con Joomla!. Se si utilizza il logo su un sito fare riferimento alle linee guida di questa sezione.

NOTA: TUTTE le linee guida sono valide per il web fatta eccezione di quelle contenute in questa sezione. Le linee guida che seguono, pertanto, non riguardano il materiale carta-ceo riguardante Joomla!.

6 Utilizzo del Logo sui sitiIntroduzione

34



B

Testata dei sitoIl fatto che un sito sia realizzato con Joomla! non d il diritto di utilizzare il logo Joomla! nella testata. Si autorizzati ad utilizzare il logo Joomla! nella testata del sito solo se il sito offre dei servizi relativi a Joomla!, moduli, componenti, articoli etc. In sostanza il contenuto del sito deve riguardare Joomla!.

Motivo di questa scelta: Preservare il logo Joomla! e la sua immagine dallessere associato a siti e contenuti che potrebbero sminuire limmagine di Joomla!.

Quando si utilizza il logo Joomla nella testata obbligatorio seguire le linee guida a destra.

Linee guida per lutilizzo del Logo Joomla! nella testata del sitoNon consentito luso del logo Joomla! insieme ad un testo o logo che ne formino uno nuovo. I loghi devono rimanere separati. Seguire le linee guida Area di isolamento sul web a pagina 36. Guardare gli esempi seguenti per capire cosa consentito e cosa no.

6 Utilizzo del Logo sui sitiUtilizzo del Logo Joomla! nella testata del sito

35

NON ACCETTABILE

Lo spazio tra il logo di Joomla! ed il nome del sito non rispettano larea di isolamento del logo.

Lo spazio tra il logo di Joomla! ed il nome del sito rispettano larea di isolamento del logo.

ACCETTABILE



C

Area di isolamentoAnche quando si usa il logo su un sito richiesto un minimo di spazio bianco attorno al logo.

Per calcolare lo spazio bianco attorno al logo per il web, si utilizza come unit di riferimento la met della o di Joomla! e lo si riproduce su tutti i lati attorno al logo.Questa area di isolamento protegge il logo da altre immagini e grafica. Solo lindirizzo del sito o lo Slogan possono essere posizionati vicino al logo.Esempi di posizionamento dello Slogan possono essere visti a pagina 21.

NOTA: Queste linee guida riguardano larea di isolamento per il web. Per quella nella stampa consultare pagina 12.

6 Utilizzo del Logo sui sitiArea di isolamento sul web

36



D

Caratteri tipografici per il webA causa delle limitazioni del web e poich ognuno ha le proprie preferenze di stile non ci sono limitazioni nelluso dei caratteri in questo manuale.

NOTA: Queste linee guida sono solo per il web. Tutti i prodotti di marketing e di comunicazione per Joomla! devono attenersi alle linee guida che si trovano nella sezione 4 di questo manuale. Solo in casi eccezionali e previa approvazione, possono essere utilizzati font diversi da quelli elencati in questo manuale.

6 Utilizzo del Logo sui sitiCaratteri tipografici

37

Tradizione di andreadesign perwww.joomla.itwww.joomlaitalia.com

www.joomla.org

01.pdf02.pdf03.pdf04.pdf05.pdf06.pdf07.pdf08.pdf09.pdf10.pdf11.pdf12.pdf13.pdf14.pdf15.pdf16.pdf17.pdf18.pdf19.pdf20.pdf21.pdf22.pdf23.pdf24.pdf25.pdf26.pdf27.pdf28.pdf29.pdf30.pdf31.pdf32.pdf33.pdf34.pdf35.pdf36.pdf37.pdf38.pdf

Manuale joomla

Documents

Transcript of Manuale joomla