Please enable JavaScript.
Coggle requires JavaScript to display documents.
Infografica & Motion Graphics - Coggle Diagram
Infografica & Motion Graphics
1️⃣ Introduzione
📊 Analizzare dati e concetti può spaventare (pagine piene di numeri/parole).
🎨 Gli schemi grafici aiutano a capire meglio → organizzazione logica + immagini.
✨ La grafica diventa infografica: supporto allo studio, alla comprensione e all’informazione.
➡️ Con multimedia (🎥 movimento + 🎵 suono) diventa video motion graphics.
2️⃣ Information Graphic (o Information Design)
Dati raccolti → ordinati in categorie → visualizzati con il graphic design.
🔑 Ruolo della grafica:
Organizzare gerarchicamente contenuti.
Mostrare relazioni.
Rendere concetti facili e immediati.
3️⃣ Finalità dell’Infografica
🎯 Obiettivo centrale: semplificare concetti complessi.
Contesti di utilizzo:
📰 Editoria → giornali per dati/notizie complesse.
💻 Web → blogger, brand per messaggi efficaci.
📚 Didattica → studenti, causa-effetto, concetti concatenati.
🏢 Aziende → decisioni, analisi mercati, brand.
👥 Altri settori → presentazioni, evitare noia o incomprensione.
4️⃣ Fasi di sviluppo di un’infografica
🎯 Definizione obiettivi → chiarire scopo e risultato.
👥 Target audience → pubblico di riferimento (interessi, abitudini, linguaggio).
📑 Raccolta dati → fonti affidabili, trasparenza, citazioni.
🗂️ Organizzazione e layout → selezione dati, obiettivi, target.
📢 Diffusione → scelta canali + formato.
5️⃣ Obiettivi della comunicazione
🧩 Chiarire e riassumere concetti complessi.
🔦 Evidenziare aspetti specifici.
📊 Presentare dati statistici in modo chiaro.
📝 Illustrare procedure concatenate.
⚖️ Mettere a confronto temi.
ℹ️ Informare su questioni e soluzioni.
6️⃣ Il progetto
Selezione materiali + organizzazione contenuti.
⏱️ Lettore dedica pochi minuti → essere sintetici.
Strutturare in 5–10 blocchi.
📖 Usare linea narrativa (storytelling).
7️⃣ Infografica e Storytelling
📌 Tre fasi:
Introduzione → attirare attenzione (titolo importante).
Sviluppo → blocchi tematici chiari + titoli + didascalie.
Conclusione → concetto portante.
8️⃣ Design
Struttura logica + percorso di lettura.
Coerenza testi, numeri, immagini, pittogrammi.
👁️ Eye-catching + comprensibile.
Sintonia con target.
9️⃣ Indicazioni operative
🔲 Blocchi → separati, non sovraffollati.
🎨 Colore → max 4 (2 principali + 2 accessori).
🖼️ Immagini → pittogrammi per chiarire concetti.
🔠 Font → max 2, coerenti, font pairing attento.
🔟 Tipi di Infografica
📊 Statistica → dati numerici evidenziati.
ℹ️ Informativa → colori + immagini per ritmo.
⚖️ Comparativa → due parti simmetriche.
🛣️ Road map → percorso di lettura.
📅 Timeline → cronologia.
🔄 Processo → relazioni causa-effetto.
1️⃣1️⃣ Font Pairing
Non più di 2 font.
Devono essere coerenti ma distinguibili.
1 font con personalità + 1 neutro (serif o sans-serif).
1️⃣3️⃣ Fasi operative (Animazione)
📐 Definire obiettivi, canali, aspect ratio (es. 1920x1080).
✏️ Storyboard → pittogrammi + keyframe + audio.
🎨 Illustrator → materiali e livelli.
💻 After Effects → importazione composizione.
🔄 Animazione → movimenti, transizioni, velocità, sincronizzazione audio.
📤 Esportazione finale.
1️⃣2️⃣ Infografica Animata (Animated Infographic)
🎥 Motion graphics → forte impatto, facile da ricordare.
Ambiti:
📚 Didattica → spiegazioni.
📈 Marketing → prodotti, storytelling, engagement.
🛒 E-commerce → presentazioni online.
Diffusione: social, siti, landing page, newsletter, TV.