{"id":11100,"date":"2021-03-08T10:48:00","date_gmt":"2021-03-08T09:48:00","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=11100"},"modified":"2021-03-06T22:22:59","modified_gmt":"2021-03-06T21:22:59","slug":"logo-per-il-web","status":"publish","type":"post","link":"https:\/\/seven.addlance.com\/beta\/blog\/logo-per-il-web\/","title":{"rendered":"Quali sono le caratteristiche di un logo per il web?"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-medium\"><img decoding=\"async\" width=\"300\" height=\"150\" src=\"https:\/\/www.addlance.com\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi-300x150.jpg\" alt=\"logo per il web logo sito web pepsi\" class=\"wp-image-11109\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi-300x150.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi-1024x513.jpg 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi-768x385.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi-1536x770.jpg 1536w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi-610x306.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi-1080x541.jpg 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi-1280x640.jpg 1280w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-sito-web-Pepsi.jpg 1897w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p>Il logo \u00e8 l&#8217;identit\u00e0 di un sito in rete: dice tutto di un&#8217;attivit\u00e0! Ti chiedi come aumentare gli affari e quali sono le caratteristiche di un <strong>logo per il web<\/strong>? Scopri tutte le dritte che portano al successo di un <em>brand<\/em> grazie al logo!<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Loghi vettoriali e logo siti web per gestire al meglio un brand&nbsp;online<\/h2>\n\n\n\n<p>Da un po&#8217; di tempo gestisci un <em>brand<\/em> con un logo che lo rappresenta. Fai bene, <strong>i simboli sono il mezzo pi\u00f9 veloce per comunicare<\/strong> informazioni su un&#8217;attivit\u00e0: <\/p>\n\n\n\n<ul><li>i suoi valori<\/li><\/ul>\n\n\n\n<ul><li>il target di clienti cui si rivolge<\/li><\/ul>\n\n\n\n<ul><li>i prodotti\/servizi che fornisce.<\/li><\/ul>\n\n\n\n<p>Ora per\u00f2 vuoi andare oltre e scoprire come creare un logo di successo sul web. Gi\u00e0 perch\u00e9 avere un logo off-line non basta, ci vuole una <strong>versione online accattivante.<\/strong> Che per\u00f2 segue regole grafiche creative ben precise, quelle del web appunto. Se hai dei dubbi, ti diamo le dritte giuste per creare un logo che viaggia alla grande anche online:<\/p>\n\n\n\n<ul><li><strong>Sii originale. <\/strong>Se hai una buona idea per un logo web, assicurati che il contenuto e la grafica rispettino le regole di registrazione del marchio del Paese o della regione di appartenenza. <strong>No all&#8217;imitazione<\/strong>: ricorda che un logo originale \u00e8 importante, perch\u00e9 <strong>rappresenta l&#8217;identit\u00e0 del <\/strong><em><strong>brand<\/strong>.<\/em>\u00a0Se l&#8217;attivit\u00e0 online ingrana, meglio evitare denunce per plagio: possono essere catastrofiche<\/li><li><strong><a href=\"https:\/\/www.addlance.com\/graphic-designer\">Studia la grafica<\/a> <\/strong>per ottenere un messaggio visivo che funzioni con un target vario di pubblico.\u00a0Se il logo web \u00e8 troppo grande, troppo sofisticato o contorto, danneggia l&#8217;immagine del marchio e dell&#8217;azienda. Per esempio Nike usa un semplice <em>swoosh<\/em> con il suo slogan del marchio registrato, &#8220;Just Do It&#8221; e va alla grande<\/li><li><strong>Adattalo a qualsiasi dimensione<\/strong>: molti dettagli del logo, come caratteri delicati, bordi sottili e altri particolari possono sparire o, peggio, modificarsi nella versione scalata. Rischi di dare una pessima esperienza ai visitatori online, che non ricorderanno mai l&#8217;azienda! Assicurati che <strong>il logo per il web sia scalabile<\/strong> e funzioni perfettamente su dispositivi schermati pi\u00f9 piccoli come <em>smartphone<\/em> e <em>tablet<\/em><\/li><li><strong>Scegli la giusta posizione<\/strong> sul sito web aziendale: \u00e8 necessario che i\u00a0 visitatori prendano sul serio il <em>brand<\/em>, quindi <strong>il logo va collocato bene<\/strong>. Il tradizionale approccio <em>above the fold<\/em> \u00e8 il migliore: gli elementi chiave dell&#8217;azienda sono nella sezione superiore del sito, perch\u00e9 \u00e8 da qui che il visitatore si\u00a0 fa una prima idea. <strong>La posizione migliore del logo quindi \u00e8 in alto a sinistra, <\/strong>dove\u00a0 ispira fiducia e influenza le decisioni di acquisto<\/li><li><strong>Abbina i colori<\/strong> del web site col tema cromatico del logo. Studiare la psicologia del colore aiuta a <strong>dare emozione al visitatore<\/strong>: per esempio, per un sito bancario che utilizza il <em>blu navy<\/em> nel suo logo, meglio un <em>design<\/em> con abbondante spaziatura bianca.\u00a0Perch\u00e9 separa gli elementi visivi e fa risaltare i dettagli del logo.<\/li><\/ul>\n\n\n\n<p>Hai capito che creare un logo per il web richiede una certa <strong>competenza nel <em>web design<\/em>;<\/strong> ma sai anche che \u00e8 necessario per avere successo in ogni attivit\u00e0 online. Vuoi sapere pi\u00f9 nel dettaglio quali sono le caratteristiche di un logo per il web? Leggi subito questa <em>check list <\/em>che abbiamo fatto per te.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Brand online, ecco le 5 caratteristiche di un logo per il web (quasi) perfetto<\/h2>\n\n\n\n<p>Che tu stia&nbsp;costruendo un sito, un blog&nbsp;o&nbsp;un negozio online,&nbsp;hai capito che conviene inserire un logo per il web che ispiri fiducia nel <em>brand<\/em>. Gi\u00e0, ma nel dettaglio, quali sono le caratteristiche di un logo per il web? Ecco per te la nostra <em>check list<\/em> da seguire:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) Mantieni il design del logo semplice e pulito<\/h3>\n\n\n\n<p>Dal momento che dovrai scalarlo, sarai certo che abbia un bell&#8217;aspetto anche in piccole dimensioni.&nbsp;Pensa quanto sono piccole le immagini del profilo nel tuo <em>feed<\/em> di Facebook o Twitter!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2) Usa uno sfondo trasparente<\/h3>\n\n\n\n<p>Cos\u00ec puoi abbinarlo a qualsiasi colore, non soltanto metterlo su un&#8217;area bianca nel sito web<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3) Ottieni un file della massima qualit\u00e0 possibile<\/h3>\n\n\n\n<p>Cos\u00ec ha una <strong>resa in alta definizione <\/strong>anche in grande formato o stampato.&nbsp;Puoi copiarlo e creare versioni pi\u00f9 piccole per <em>social media<\/em>, post di blog e pagine del sito web<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4) Usa i giusti colori <\/h3>\n\n\n\n<p>Usa i colori del marchio e del sito web per <strong>armonizzare il logo<\/strong> con il resto della grafica, sia immagini, sia contenuti<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5) Tieniti aggiornato sulle ultime tendenze di stile<\/h3>\n\n\n\n<p>La grafica del logo per il web segue regole precise. Le tipologie pi\u00f9 usate sono tre:<\/p>\n\n\n\n<ul><li><strong>Il <em>wordmark<\/em> logo<\/strong>, fatto di solo testo con caratteri tipografici esclusivi e combinazioni di pochissimi colori. L&#8217;ultimo grido \u00e8 il corsivo che risulta semplice e diretto, come quello di <strong>Coca Cola<\/strong><\/li><li><strong>Il logo pittorico<\/strong>, fatto da un&#8217;icona o un&#8217;illustrazione a fumetti. Il pi\u00f9 famoso \u00e8 la mela morsicata di <strong>Apple<\/strong><\/li><li>Una combinazione di <strong><em>wordmark <\/em><\/strong>e <strong>pittogramma<\/strong> riuniti assieme in unico <em>layout<\/em>.<\/li><\/ul>\n\n\n\n<p>In ogni caso <strong>no ai <em>template<\/em> gi\u00e0 fatti<\/strong>, alle <strong>combinazioni di colori sbagliate<\/strong>, <strong>alle proporzioni che non si adattano<\/strong> ai display pi\u00f9 piccoli. Se non hai idea di come deve essere il logo per il web nel 2021, leggi di seguito le tendenze del <em><strong>web design<\/strong><\/em> che ti consigliamo di sperimentare.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/font-eleganti\/\" target=\"_blank\" rel=\"noreferrer noopener\">Font eleganti per graphic designer<\/a> <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Logo siti web, le tendenze del web design del 2021 da sperimentare<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/www.addlance.com\/blog\/wp-content\/uploads\/2021\/02\/logo-per-il-web-1024x548.jpg\" alt=\"logo per il web wordmark\" class=\"wp-image-11116\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-per-il-web-1024x548.jpg 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-per-il-web-300x161.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-per-il-web-768x411.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-per-il-web-1536x822.jpg 1536w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-per-il-web-610x326.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-per-il-web-1080x578.jpg 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/logo-per-il-web.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Sei convinto che il logo per il web sia necessario per lanciare un&#8217;attivit\u00e0 online e ora sai anche quali sono le caratteristiche che deve avere. Ma non sei anche curioso di scoprire le ultime tendenze grafiche del <em>web design<\/em> per crearlo? <\/p>\n\n\n\n<p>Hai ragione: <strong>il 2021 \u00e8 un anno chiave per le attivit\u00e0 online <\/strong>e il logo giusto \u00e8 pi\u00f9 che mai importante per far crescere i guadagni sul web. Abbiamo selezionato sei tendenze davvero interessanti, che ripescano nel passato, ma stanno tornando in auge nella grafica:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) L&#8217;effetto vetrata colorata<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-thumbnail\"><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.addlance.com\/blog\/wp-content\/uploads\/2021\/02\/loghi-vettoriali-Leffe-150x150.png\" alt=\"logo per il web tendenze 2021\" class=\"wp-image-11113\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/loghi-vettoriali-Leffe-150x150.png 150w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/loghi-vettoriali-Leffe-440x440.png 440w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/figure><\/div>\n\n\n\n<p>S\u00ec, hai letto bene: molti <strong><em>web designer <\/em><\/strong>nel 2021 traggono ispirazione dalle vetrate colorate del Medioevo. Sono nette, chiare e consentono la combinazione di pi\u00f9 colori, grazie all&#8217;effetto&nbsp;&#8220;immagine spezzata&#8221;. Si combinano soprattutto con figure della natura stilizzate, vegetali e animali.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2) Forme geometriche intrecciate fra loro<\/h3>\n\n\n\n<p>Quadrati, cerchi, semicerchi, triangoli colorati su fondi bianchi. <strong>Minimalisti ma efficaci<\/strong> nella comunicazione visiva.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3) Lettere divergenti e asimmetriche nel wordmark<\/h3>\n\n\n\n<p>Creano focus che attirano l&#8217;attenzione ed esprimono quella voglia di infrangere le regole che tanto ci piace. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4) Ritratti disegnati a mano, anche a fumetti<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-thumbnail\"><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.addlance.com\/blog\/wp-content\/uploads\/2021\/02\/come-creare-un-logo-150x150.jpg\" alt=\"loghi siti web tendenze 2021\" class=\"wp-image-11120\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/come-creare-un-logo-150x150.jpg 150w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2021\/02\/come-creare-un-logo-440x440.jpg 440w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/figure><\/div>\n\n\n\n<p>L&#8217;occhio del visitatore online <strong>si sofferma sempre sul volto<\/strong>, perch\u00e9 spezza l&#8217;aspetto uniforme del logo. Via libera alle linee schematiche ma anche ai dettagli, come difetti e rughe.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5) Sfumature diverse dello stesso colore<\/h3>\n\n\n\n<p>Significa accoppiare colori adiacenti l&#8217;uno all&#8217;altro sulla ruota dei colori. Il risultato \u00e8 un effetto di grande armonia e delicatezza.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6) La veduta prospettica<\/h3>\n\n\n\n<p>Un panorama, una scritta o solo un oggetto, con tecniche di disegno tradizionali come <strong>la prospettiva lineare, la curvatura o lo scorcio.<\/strong> L&#8217;importante \u00e8 creare un&#8217;illusione di profondit\u00e0. Occhio per\u00f2 a non complicare troppo la resa finale.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/responsive-web-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Responsive web design, tendenze 2021<\/a><\/p>\n\n\n\n<p>Ultimo consiglio: fai sempre qualche versione leggermente diversa del logo per il web, che non si allontani troppo da quella di partenza. Servir\u00e0 a rimarcare la nuove fasi di produzione o di vendita dell&#8217;attivit\u00e0, quando arriveranno. Il logo per il web non ha pi\u00f9 segreti per te: comincia subito a sperimentare la tua creativit\u00e0!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scopri come ideare un logo per il web (quasi) perfetto. Le dritte e i consigli per fare brand identity in rete, valorizzando la propria attivit\u00e0 e i visitatori<\/p>\n","protected":false},"author":7,"featured_media":11109,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[29,16],"tags":[30,31],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/11100"}],"collection":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/comments?post=11100"}],"version-history":[{"count":27,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/11100\/revisions"}],"predecessor-version":[{"id":11178,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/11100\/revisions\/11178"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media\/11109"}],"wp:attachment":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media?parent=11100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/categories?post=11100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/tags?post=11100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}