Regola dei Terzi: Composizione che Funziona
La regola dei terzi non è un dogma — è una scorciatoia per creare equilibrio naturale. Ti spiego come applicarla davvero, non solo accademicamente, nel web design.
Leggi l’articoloMarco Rosselli
Direttore Creativo e Esperto di Visual Narrative
Specialista in visual storytelling e composizione d’immagini per il web design italiano con focus sulla fotografia e illustrazione emotiva.
Chi Sono
Sedici anni di visual storytelling italiano
Ho iniziato come fotografo a Firenze nel 2008, documentando brand e lifestyle per agenzie creative. Nel corso degli anni ho capito che la vera sfida non era scattare belle foto — era raccontare storie visive che funzionassero sul web senza perdere un grammo di bellezza. Oggi, come Direttore Creativo di Fotogramma Visivo S.r.l., applico rigorosamente la regola dei terzi e la sezione aurea non perché sono regole, ma perché creano equilibrio naturale. Ho guidato oltre 200 progetti per brand nel lusso, gastronomia e moda italiana, sempre con l’obiettivo di coniugare estetica mediterranea con performance tecnica.
Quello che mi guida è semplice: ogni immagine deve raccontare qualcosa di autentico, radicato nella sensibilità culturale italiana, senza mai sacrificare la velocità di caricamento o l’accessibilità.
Percorso Professionale
Formazione e esperienza
01
Laurea in Arti Visive
Accademia di Belle Arti di Brera, Milano. Specializzazione in fotografia e composizione visuale. Ho studiato approfonditamente la teoria del colore, la composizione classica e l’applicazione dei principi geometrici al design contemporaneo.
02
Masterclass in Fotografia Digitale
Istituto Europeo di Design, Roma (2013). Corso intensivo su fotografia per il web, ottimizzazione di immagini hero e visual narrative. Qui ho scoperto come mantenere la qualità estetica riducendo il peso dei file senza compromessi visivi.
03
16 Anni di Esperienza Professionale
Freelance a Firenze (2008-2013), poi specializzazione completa nel web design visuale. Attualmente Direttore Creativo presso Fotogramma Visivo S.r.l. Ho coordinato oltre 200 progetti per brand italiani e internazionali nel lusso, gastronomia e moda.
04
Risultati Misurabili
Redesign di sito per maison di moda milanese: applicazione della sezione aurea e regola dei terzi ha incrementato il tempo medio di permanenza del 34% e le conversioni del 18%. Questo progetto ha definito il mio approccio: bellezza estetica e performance tecnica non sono in conflitto.
Aree di Specializzazione
Su cosa mi concentro
Tre pilastri che guidano ogni progetto che affronto.
Visual Storytelling e Composizione
Non scatto solo foto belle — raccontiamo storie. La regola dei terzi e la sezione aurea non sono rigide regole accademiche ma strumenti che creano equilibrio naturale. Ogni immagine ha un soggetto, un contesto, una narrativa emotiva. Quando applico questi principi correttamente, le immagini catturano l’attenzione in meno di un secondo e rimangono nella memoria del visitatore.
Questo è particolarmente importante per il web design italiano, dove l’estetica mediterranea richiede sensibilità culturale. Non si tratta solo di composizione tecnica — è di comprendere cosa significa “bellezza italiana” e trasferirlo digitalmente mantenendo autenticità.
Ottimizzazione Tecnica Senza Compromessi
Le immagini hero sono il primo elemento che i visitatori vedono. Se caricano lentamente, perdete il momento. Lavoro costantemente su compressione intelligente, formati moderni (WebP, AVIF) e strategie di caricamento progressivo che mantengono la qualità visiva.
Ho visto troppi designer scegliere tra “bella” e “veloce”. Non è necessario. Negli ultimi anni ho sviluppato flussi di lavoro che mantengono la fedeltà cromatica e i dettagli mentre riducono il peso dei file del 60-70%. Non è magia — è scienza applicata e sperimentazione costante.
Narrativa Visiva Coerente
Ogni brand ha una voce. La mia specializzazione è trasformare quella voce in una narrativa visiva che risuona con il pubblico. Per i brand italiani significa riconoscere l’estetica mediterranea — i toni caldi, la luce naturale, la semplicità elegante — e applicarla coerentemente su tutte le pagine.
Selezionare immagini non significa solo trovare foto belle. Significa trovare foto che condividono sensibilità culturale, palette di colori, qualità della luce e mood emotivo. Quando questi elementi si allineano, la narrativa visiva diventa potente.
Competenze Tecniche
Strumenti e metodologie
Fotografia Professionale
Scatto e post-processing per brand. Specializzato in product photography, lifestyle, corporate portraits con enfasi sulla luce naturale e composizione equilibrata.
Color Grading e Teoria del Colore
Creazione di palette coerenti che rispecchiano l’estetica mediterranea. Gestione della temperatura del colore, saturazione e contrasto per mantenere fedeltà cromatica.
Ottimizzazione Immagini Web
Compressione intelligente, selezione formati, lazy loading, responsive images. Riduco il peso senza perdere qualità visiva — aspetto critico per la velocità del sito.
Composizione e Proporzioni
Applicazione rigorosa di regola dei terzi, sezione aurea, spazio negativo. Ogni immagine è posizionata per guidare l’occhio naturalmente verso i punti di interesse.
Art Direction
Direzione creativa per progetti complessi. Definisco visual guidelines, coordino team di fotografi e designer, assicuro coerenza narrativa su tutte le touchpoint.
Web Design Awareness
Comprensione profonda di come le immagini funzionano nel contesto web — responsive design, viewport considerations, accessibility, performance metrics.
Metodologia
Come lavoro sui progetti
1
Comprensione del Brand
Non posso creare narrativa visiva autentica senza capire chi siete veramente. Passo tempo a comprendere valori, audience, posizionamento di mercato, competitor landscape. Questa fase è fondamentale perché la visual storytelling deve essere coerente con la brand identity.
2
Definizione Visual Guidelines
Creo una palette coerente di composizioni, colori, toni, elementi visivi. Per i brand italiani, questo significa definire come interpretare l’estetica mediterranea mantenendo autenticità e contemporaneità. Le guidelines assicurano che ogni immagine funzioni come parte di un sistema coerente.
3
Produzione Consapevole
Scatto o seleziono immagini applicando rigorosamente regola dei terzi, sezione aurea, spazio negativo. Ogni composizione ha un proposito — guidare l’attenzione, creare equilibrio, raccontare qualcosa. Non scatto casualmente.
4
Post-Processing Intelligente
Color grading, ritocchi, ottimizzazione. Qui assicuro che l’immagine sia coerente con le visual guidelines, che il colore sia fedele, che i dettagli siano nitidi. Non si tratta di sovra-ritoccare — è di raffinare quello che c’è già.
5
Ottimizzazione Tecnica Web
Compressione intelligente, selezione formati, test di performance. Riduco il peso del file mantenendo qualità visiva. Questo passaggio è critico per garantire che le immagini hero si carichino velocemente senza perdere l’impatto estetico.
6
Monitoraggio e Refinement
Dopo il lancio, monitoro come le immagini performano — tempo di caricamento, engagement, conversioni. Se necessario, affino ulteriormente la composizione o l’ottimizzazione. La visual storytelling è un processo iterativo.
Principi Fondamentali
Cosa guida il mio lavoro
Autenticità Visiva
La bellezza artificiale non funziona sul web. Le immagini devono sentirsi vere, radicate in una sensibilità culturale autentica. Per i brand italiani, questo significa riconoscere e celebrare l’estetica mediterranea senza clichè.
Equilibrio Estetica-Performance
Non scelgo tra bellezza e velocità. Lavoro per integrarle. Un’immagine hero che impiega 5 secondi a caricarsi non serve a nessuno, indipendentemente da quanto sia bella. Allo stesso modo, un’immagine veloce ma piatta non cattura l’attenzione. Devo fare entrambe.
Intenzionalità Compositiva
Ogni elemento visivo ha uno scopo. La regola dei terzi, la sezione aurea, lo spazio negativo — non sono decorazioni accademiche. Sono strumenti per guidare l’occhio del visitatore verso quello che importa. Se una composizione non serve la narrativa, non la uso.
Coerenza Narrativa
Un brand è una storia. La visual narrative deve essere coerente da pagina a pagina, da hero image a thumbnail. Quando vedi un sito ben fatto, non noti le singole immagini — noti la coerenza emotiva complessiva.
Articoli Recenti
Approfondimenti su visual storytelling
Ho scritto alcuni articoli su temi che mi appassionano: composizione, ottimizzazione, estetica italiana.
Sezione Aurea nel Web Design Italiano
La sezione aurea affascina perché funziona davvero. Come applico questo principio geometrico antico ai siti moderni per creare proporzioni che “sentono giuste”.
Leggi l’articoloOttimizzazione Immagini Hero Senza Perdere Qualità
Come riduco il peso dei file del 60-70% mantenendo fedeltà cromatica e nitidezza. Le tecniche che uso per assicurare che le hero images si carichino velocemente.
Leggi l’articoloEstetica Mediterranea: Scegliere Immagini che Risuonano
Non è sufficiente trovare una bella foto. Devi trovare una foto che rispecchi la sensibilità culturale del tuo brand italiano. Qui ti spiego come selezionare immagini con consapevolezza.
Leggi l’articoloVuoi approfondire il visual storytelling italiano?
Scopri tutti gli articoli sulla composizione d’immagini, l’ottimizzazione per il web e l’estetica mediterranea che guidano il mio lavoro.
Visita la categoria completa