- Crea un logo che rispecchi il tuo brand\u00a0<\/li>
- Scegli un pattern o un design per lo sfondo del sito<\/li>
- Utilizza i codici colore per un uso uniforme del colore nel sito<\/li>
- Crea una palette colori<\/li>
- Usa icone gratis per personalizzare il sito e la pagina 404<\/li>
- Applica sempre lo stesso filtro immagini<\/li><\/ol>\n\n\n\n
1. Crea un logo che rispecchi il tuo brand<\/h2>\n\n\n\n
Il logo \u00e8 un elemento essenziale della tua brand identity. Per fortuna, oggi realizzarne uno \u00e8 davvero facile: ad esempio puoi utilizzare lo strumento di creazione loghi di Jimdo e creare un logo per la tua azienda<\/a> in pochissimi clic.<\/p>\n\n\n\n
Anche se hai una piccola impresa senza collaboratori o non dai grande importanza agli strumenti e alle strategie di marketing, con un logo puoi creare un\u2019immagine professionale e ricercata per il tuo brand. <\/p>\n\n\n\n
Se hai gi\u00e0 un logo, assicurati che sia aggiornato e disponibile in diversi formati. Ad esempio, se hai solo un file JPG di piccole dimensioni se il logo inizia ad avere un aspetto datato, molto probabilmente \u00e8 arrivato il momento di aggiornarlo.<\/p>\n\n\n\n
Con il Logo Creator di Jimdo potrai creare il tuo logo in pochi minuti e modificarlo in qualsiasi momento.<\/p>\n\n\n\n
\n\nCrea un logo per mettere in risalto la tua attivit\u00e0.<\/h3>\n<\/div>\n\n\n\n
\nCrea ora il tuo logo<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\nIl logo, scaricabile in formato .PNG, \u00e8 disponibile in due dimensioni \u2013 piccola e grande \u2013 e in un colore unico con sfondo trasparente, che lo rende perfetto per essere utilizzato nei contesti pi\u00f9 svariati: non solo come favicon, ma anche come immagine da inserire in qualsiasi sezione del sito o da stampare. <\/p>\n\n\n\n
In questo screenshot vedi un logo che ho creato con Jimdo utilizzando le iniziali del mio sito di prova.\u00a0<\/figcaption><\/figure><\/div>\n\n\n\n Una volta scaricato il logo, potrai aggiungerlo alla galleria del tuo sito Dolphin e poi inserirlo sia nell\u2019apposita area dedicata al logo (nella parte sinistra del menu di navigazione) che utilizzarlo come favicon<\/a>. Puoi anche sperimentare un po\u2019 e usare l\u2019immagine del logo come sfondo per uno dei blocchi del tuo sito, proprio come ho fatto io in questo esempio:<\/p>\n\n\n\n
![\"Sito](\"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/it/blog\/wp-content\/uploads\/2020\/11\/logo-as-website-background.png?resize=1024%2C545&ssl=1\")
Puoi usare il tuo logo personalizzato come faresti con qualsiasi altra immagine e incorporarlo nel design del tuo sito
<\/figcaption><\/figure><\/div>\n\n\n\n2. Scegli un pattern o un design per lo sfondo del sito<\/h2>\n\n\n\n
Lo sfondo del tuo sito web non deve consistere per forza in una foto o in un colore unico. Utilizzando un pattern, l\u2019immagine di un quadro o una trama, puoi donare al tuo sito un aspetto originale, coerente in tutte le pagine e che rispecchi il tuo brand. <\/p>\n\n\n\n
Su Jimdo puoi dare libero sfogo alla tua creativit\u00e0: scegli pattern o immagini sempre diverse per il tuo sfondo.<\/figcaption><\/figure><\/div>\n\n\n\n Nello screenshot che vedi qui sopra, ad esempio, utilizzo un acquerello azzurro che ho trovato sul sito Lost+Taken<\/a>. Ho scaricato l\u2019immagine come file .JPG<\/a> e poi l\u2019ho aggiunta alla libreria del mio sito Jimdo. Una volta caricata l\u2019immagine nella libreria, posso utilizzarla in diverse parti del sito, ad esempio nello sfondo o in un blocco contenuto.<\/p>\n\n\n\n
Ti basta fare una ricerca su Google per trovare moltissimi siti di immagini stock gratis, pattern, motivi e altro materiale grafico da scaricare a costo zero o per pochi euro. Ecco qualche consiglio:<\/p>\n\n\n\n
- Scegli immagini di qualit\u00e0 e con una buona risoluzione per evitare che risultino sgranate sugli schermi di grandi dimensioni. Anche un\u2019immagine troppo piccola potrebbe dare problemi, nel caso volessi allungarla o ripeterla per creare un pattern. <\/li><\/ul>\n\n\n\n
- Alcune immagini sono gratuite, altre non possono essere usate per scopi commerciali, per altre ancora viene richiesto di indicare l\u2019autore oppure di effettuare una donazione. Ricorda di rispettare sempre il diritto d\u2019autore e cerca di supportare gli artisti che creano le immagini!<\/li><\/ul>\n\n\n\n
3. Utilizza i codici colore per un uso uniforme del colore nel sito<\/h2>\n\n\n\n
A questo punto puoi pensare al colore che vuoi utilizzare per il tuo sito web personalizzato.<\/p>\n\n\n\n
Se vuoi che il tuo sito abbia un’identit\u00e0 professionale, ben definita e immediatamente riconoscibile, \u00e8 importante che utilizzi i colori in modo uniforme.<\/p>\n\n\n\n
Non devi fare altro che scegliere un colore e trovare il codice colore corrispondente.<\/p>\n\n\n\n
Cos\u2019\u00e8 un codice colore? Si tratta di un codice univoco (in gergo tecnico, \u201cRGB\u201d o \u201cvalore esadecimale\u201d) che identifica un determinato colore. Di solito consiste in una dicitura simile a questa: \u201cRGB (26, 119, 127)\u201d oppure a questa \u201c#71D4FC\u201d. Una volta scoperto quale codice \u00e8 associato al tuo colore preferito, potrai inserirlo in diversi programmi di elaborazione immagini<\/a> e utilizzarlo per creare infografiche, immagini per i social, icone e cos\u00ec via.<\/p>\n\n\n\n
Ad esempio, per creare il mio logo \u201cDP\u201d applico il codice colore dell\u2019azzurro estratto dall\u2019acquerello del mio sfondo. <\/p>\n\n\n\n
Per fare la stessa cosa, segui queste istruzioni: <\/p>\n\n\n\n
- Utilizza un color picker, ovvero uno strumento per il riconoscimento del colore online (nel mio esemio utilizzo Colorzilla<\/a>). Facendo scorrere il mouse su una parte dell\u2019immagine, lo strumento ti indicher\u00e0 il codice RGB e il valore esadecimale corrispondente.<\/li><\/ul>\n\n\n\n
![\"Codice](\"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/it/blog\/wp-content\/uploads\/2020\/11\/pick-color-from-image.jpg?resize=855%2C398&ssl=1\")
Strumenti di questo tipo ti aiutano a usare i colori in modo uniforme sul tuo sito <\/figcaption><\/figure><\/div>\n\n\n\n - Una volta trovato il codice, potrai indicarlo nel Logo Creator di Jimdo e creare un logo con lo stesso colore. Devi solo scegliere l\u2019opzione per personalizzare il colore, cliccare sulla piccola icona con la matita e digitare il codice. <\/li><\/ul>\n\n\n\n
![\"Inserire](\"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/it/blog\/wp-content\/uploads\/2020\/11\/pick-logo-color.png?resize=1024%2C488&ssl=1\")
Seleziona l’opzione per personalizzare il colore del tuo logo e copia-incolla il codice<\/figcaption><\/figure><\/div>\n\n\n\n 4. Crea una palette di colori<\/h2>\n\n\n\n
Dopo aver caricato sfondo e logo sul sito, \u00e8 il momento di creare di una palette di colori da applicare a tutte le pagine.<\/p>\n\n\n\n
Per farlo, entra nell\u2019editor del tuo sito Dolphin e clicca in alto a sinistra sulla voce \u201cDesign\u201d per aprire le impostazioni.<\/p>\n\n\n\n
Io, ad esempio, seleziono l\u2019immagine dell\u2019acquerello azzurro che avevo precedentemente caricato nella galleria e la uso per creare la mia tavolozza.<\/p>\n\n\n\n
Partendo proprio dall\u2019immagine selezionata, il sistema propone automaticamente una palette di colori<\/a>. Puoi modificarne l\u2019intensit\u00e0 (da tenue a vivace) a seconda del look che vuoi dare al sito.<\/p>\n\n\n\n
Io scelgo tonalit\u00e0 tenue perch\u00e9 voglio che l\u2019azzurro dell\u2019acquerello risalti sul resto dei colori. <\/p>\n\n\n\n
![\"Con](\"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/it/blog\/wp-content\/uploads\/2020\/11\/choosing-color-theme-website.jpg?resize=1024%2C545&ssl=1\")
Con Jimdo puoi generare una palette di colori a partire da qualsiasi immagine<\/figcaption><\/figure><\/div>\n\n\n\n Facciamo un esempio pratico: mettiamo che tu disponga gi\u00e0 di un file PDF o di una brochure che qualche professionista ha preparato per te. Puoi utilizzare un color picker \u2013 di solito, disponibili come estensioni Chrome o siti web \u2013 (vedi punto 3 dell\u2019articolo) per identificare il codice colore dell\u2019immagine contenuta nel file o nella brochure e poi inserirlo sul Logo Creator di Jimdo per creare il tuo logo o la palette di colori del sito.<\/p>\n\n\n\n
Consiglio: <\/strong>questi suggerimenti valgono anche per i siti realizzati con Creator. In questo caso per\u00f2, per modificare i colori nei vari punti del sito bisogner\u00e0 aprire l\u2019apposito editor di stile<\/a>.<\/p>\n\n\n\n
5. Usa icone gratis per personalizzare il sito e la pagina 404<\/h2>\n\n\n\n
Su internet trovi anche moltissimi siti per il per il download di icone gratis<\/a> (o quasi)..<\/p>\n\n\n\n
Anche in questo caso puoi cercare il codice colore che ti interessa e poi usarlo per modificare l\u2019icona a tuo piacimento, oppure addirittura disegnarne una da zero utilizzando un software o programma di editing foto che ti permette di rimuovere lo sfondo dalle immagini. <\/p>\n\n\n\n
![\"Icona](\"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/it/blog\/wp-content\/uploads\/2020\/11\/using-website-icons.png?resize=1024%2C511&ssl=1\")
Trova delle icone che ti piacciono e inseriscile come blocco immagine nel tuo sito <\/figcaption><\/figure><\/div>\n\n\n\n
- Una volta trovato il codice, potrai indicarlo nel Logo Creator di Jimdo e creare un logo con lo stesso colore. Devi solo scegliere l\u2019opzione per personalizzare il colore, cliccare sulla piccola icona con la matita e digitare il codice. <\/li><\/ul>\n\n\n\n
- Utilizza un color picker, ovvero uno strumento per il riconoscimento del colore online (nel mio esemio utilizzo Colorzilla<\/a>). Facendo scorrere il mouse su una parte dell\u2019immagine, lo strumento ti indicher\u00e0 il codice RGB e il valore esadecimale corrispondente.<\/li><\/ul>\n\n\n\n
- Alcune immagini sono gratuite, altre non possono essere usate per scopi commerciali, per altre ancora viene richiesto di indicare l\u2019autore oppure di effettuare una donazione. Ricorda di rispettare sempre il diritto d\u2019autore e cerca di supportare gli artisti che creano le immagini!<\/li><\/ul>\n\n\n\n
- Scegli immagini di qualit\u00e0 e con una buona risoluzione per evitare che risultino sgranate sugli schermi di grandi dimensioni. Anche un\u2019immagine troppo piccola potrebbe dare problemi, nel caso volessi allungarla o ripeterla per creare un pattern. <\/li><\/ul>\n\n\n\n
![\"Esempio](\"https:\/\/lh3.googleusercontent.com\/w1Wd1es6-9kzGtMS75_bU3jPEW7CMypUL6pVhLN2VmPNDRms8SWXij2qO1Oxig7sDD2BUrp-KawHw9dna8y53PXRn69NxDXgdabodCfigJcHiEkrxOOyFg7-52UDMRo4SO8sDeoa\")
![\"Screenshot](\"https:\/\/lh3.googleusercontent.com\/C1e1MmMFv-mLpg2-Zcjy86JVNWrLXIoaoQA7AaU2I2So_cdU-TBEkPrNia4tXHQHUbaiwMQmOq1AQ3T6kUo7JHYRO99jKrQEVd31qMJeB9wz8gMyA2suh5Hz9x8tHzLL2JNrAdG3\")
![\"Funzione](\"https:\/\/i0.wp.com\/www.jimdo-stable-staging.com/it/blog\/wp-content\/uploads\/2020\/11\/apply-photo-filters.png?resize=1024%2C509&ssl=1\")