Fumetto reattivo

 

L'inizio

Diversi anni fa, ho sviluppato un formato per creare fumetti progettati per essere visualizzati da un dispositivo mobile. Quando ho iniziato a raccontare a un amico delle mie scoperte con mobilecomic, mi ha interrotto e mi ha detto

- Che grande idea! Reattivo!.

-No, questi sono fumetti progettati per essere guardati solo da un telefono cellulare.

La sua faccia diceva tutto. In qualche modo, stavo lavorando in un formato incompleto. È stato possibile creare un formato di pubblicazione di fumetti che si adattasse a mobile e desktop?

Il problema

I webcomic nascono all'inizio, per essere visti dallo schermo di un computer, cioè in formato orizzontale. L'irruzione del cellulare e la sua lettura verticale rendono molto complesso l'adattamento dei fumetti da un formato all'altro.

Un fumetto reattivo dovrebbe essere letto con sensazioni narrative simili orizzontalmente e verticalmente. Se le vignette hanno pesi diversi, sarà impossibile per l'autore giocare con il ritmo e cercare risorse che raccontino allo stesso modo in entrambi i formati. Una vignettatura che occupa l'intero schermo del computer può sembrare piccola sul telefono cellulare e perdere l'impatto desiderato.

Una soluzione

Quella chiacchierata con il mio amico è stata la scintilla che mi ha fatto iniziare a guardare al problema di trovare un formato reattivo per creare fumetti. Quattro anni e mezzo dopo e dopo innumerevoli ore di mal di testa e di apprendimento delle basi di HTML e CSS, quella che presento qui è una soluzione. Ci sono più soluzioni. Altri arriveranno. È una soluzione in cui ti aggrappi ad alcune cose e rinunci ad altre cose. Un fumetto reattivo è un formato diverso. L'esperienza non sarà mai come quella che si ha quando si legge un fumetto stampato, ma è un formato che, al contrario, ha altre qualità.

 

Universalità

Questa è sempre stata la chiave del formato per me. Il motivo che giustificava le ore dedicate a quella ricerca.

L'esistenza di un formato di fumetto che può essere pubblicato su un sito Web e visualizzato automaticamente in qualsiasi lingua e da qualsiasi luogo, lo rende il formato più accessibile e universale per guardare i fumetti. Sicuramente non il migliore, ma il più universale.

 

Pubblicazioni di qualità

L'altra sfida è quella di ottenere pubblicazioni di qualità, senza errori di formattazione, che sminuiscono la forza della lettura del fumetto. Costruisci una struttura che consenta un'esperienza di lettura soddisfacente.

 

I pesi delle vignette

Se vogliamo che il lettore abbia un'esperienza di lettura simile da un telefono cellulare o da un monitor, dobbiamo ottenere impatti visivi simili in entrambi i formati. Una vignetta che riempie l'intero schermo del cellulare dovrebbe essere in grado di riempire anche l'intero schermo di un computer o di un tablet, in modo che l'impatto sul lettore sia lo stesso.

È possibile?

 

Mettere i dispositivi mobili al primo posto

Alla domanda se sia possibile, la mia risposta è sì. Sì, ma con delle limitazioni. Non avremo tutto. Lungo la strada, perderemo alcune delle libertà che una pagina bianca di carta ci dà. Questa è la prima cosa che devi adattare e assumere per continuare.

Per cominciare, dobbiamo scegliere una delle due opzioni come dominante, ecco che arriva la famosa frase Mobile first! Perché? Perché è un formato con più limitazioni. Tutto sembra più piccolo.

Il primo passo è quello di abbattere i pesi delle vignette sul cellulare. Cioè, trovare i diversi tipi di vignette che possono essere lette bene da un telefono cellulare e dare loro la priorità in base allo spazio sullo schermo che occupano. Da uno schermo intero a una vignetta con un'altezza minima e divisa in due verticalmente.

Questi elenchi puntati ci mostrano le opzioni di formattazione che abbiamo.

 

Adattamento all'orizzontale.
Le Grandi Dimissioni.

Nel passaggio precedente sono state definite le uniche opzioni di elenco puntato disponibili. Il formato responsive ci costringe a rinunciare a possibili vignette che funzionano molto fortemente orizzontalmente perché non possono essere adattate rispettando le gerarchie dello spazio occupato sullo schermo.

Per riempire gli spazi vuoti nella versione orizzontale, i proiettili devono essere raggruppati in gruppi con la stessa altezza.

 

Multilingua

Questa è una scoperta della mia esperienza nel mobilecomic, che incorporo nella versione responsive. Avere testi html rende i fumetti traducibili dai browser. Questa è la seconda qualità che rafforza il carattere universalizzante del formato.

Certo, c'è un problema con le traduzioni. Bisogna lottare per trovare il modo di creare traduzioni corrette e implementarle, perché al momento le traduzioni automatiche presentano seri problemi. Da WordPress ci sono plugin che aprono queste possibilità.

 

Conclusione

Un fumetto responsive parte da limiti molto ampi e rigorosi, ma è un'opzione per creare una narrazione visiva. Non tutti gli stili di creazione saranno in grado di adattarsi a questo tipo di fumetti, ma ci saranno scelte artistiche che lo permetteranno.

La grande sfida è lavorare su fumetti pensati per quel formato e ottenere pubblicazioni con una qualità che abbia valore per i lettori.

E' possibile?

In questa pagina pubblico le storie che creo con questo sistema.
 
E di seguito è riportato uno schema dei diversi tipi di vignette che sono stato in grado di introdurre.

Gruppo A
Altezza vignetta XL
Occupa l'intero schermo
orizzontalmente e verticalmente

Gruppo B.
Altezza M vignette
Secondo grado di importanza.

Gruppo B.
Struttura 1:1

Gruppo C.
Altezza M vignette.
Una delle due divisioni.
Struttura 1:2.

Gruppo C.

Gruppo C.

Gruppo D.
Altezza M vignette.
4 blocchi raggruppati a due a due.
Struttura 2:2.

Gruppo D.

Gruppo D.

Gruppo D.

Gruppo E.
Vignette di altezza S.
Struttura 1:1.

Gruppo E

GruppoF.
Vignette di altezza S.
Struttura 2:2.

Gruppo F

GruppoF.

GruppoF.

Gruppo G.
Vignette di altezza S.
Struttura 1:2.

Gruppo G

Gruppo G