BD Responsivo

 

O início

Há vários anos atrás, desenvolvi um formato para criar quadrinhos destinados a serem vistos em um dispositivo móvel. Quando comecei a contar a um amigo sobre as minhas descobertas com mobilecomicEle interrompeu-me e disse

- Que boa ideia, receptivo.

-Não, estes são banda desenhada destinados a serem vistos apenas num telemóvel.

A cara dele disse tudo. De alguma forma, ele estava trabalhando em um formato incompleto. Era possível criar um formato de publicação de quadrinhos que se adaptasse a celulares e computadores?

O Problema

A Webcomics nasce no início, para ser vista de uma tela de computador, ou seja, em formato horizontal. A irrupção do telemóvel e a sua leitura vertical, torna a adaptação de banda desenhada de um formato para outro muito complexa.

Uma história em quadrinhos responsiva deve ser lida com sensações narrativas semelhantes horizontalmente e verticalmente. Se as vinhetas tiverem pesos diferentes, será impossível para o autor brincar com o ritmo e procurar recursos que narrem da mesma forma em ambos os formatos. Uma vinheta que ocupa a tela inteira do computador, pode parecer pequena no celular e perder o impacto desejado.

Uma solução

Essa conversa com meu amigo foi a faísca que me fez começar a olhar para o problema de encontrar um formato responsivo para criar histórias em quadrinhos. Quatro anos e meio depois e após inúmeras horas de dores de cabeça e aprendendo noções básicas de HTML e CSS, o que eu apresento aqui é uma solução. Há mais soluções. Outros virão. É uma solução na qual você se agarra a algumas coisas e desiste de outras. Uma BD reactiva é um formato diferente. A experiência nunca será como a que se tem quando se lê uma banda desenhada impressa, mas é um formato que tem outras qualidades.

 

Universalidade

Esta foi sempre a chave para o formato para mim. A razão que justificou as horas dedicadas a esta busca.

A existência de um formato de banda desenhada que pode ser colocado num website e visualizado automaticamente em qualquer idioma e de qualquer lugar, torna-o o formato mais acessível e universal para a visualização de banda desenhada. Certamente não é o melhor, mas certamente o mais universal.

 

Publicações de Qualidade

O outro desafio é conseguir uma publicação de qualidade, sem erros de formatação que prejudiquem a leitura da história em quadrinhos. Construir uma estrutura que permita uma experiência de leitura satisfatória.

 

Pesos de bala

Se queremos que o leitor tenha uma experiência de leitura semelhante a partir de um telemóvel ou de um monitor, temos de conseguir impactos visuais semelhantes em ambos os formatos. Uma vinheta que preenche toda a tela do celular também deve ser capaz de preencher toda a tela de um computador ou tablet, para que o impacto sobre o leitor seja o mesmo.

É possível?

 

Móvel primeiro

À questão de saber se é possível, a minha resposta é sim. Sim, mas com limitações. Não vamos ter tudo. Vamos perder pelo caminho algumas das liberdades que uma página de papel em branco nos dá. Essa é a primeira coisa que temos que aceitar e aceitar para continuar.

Antes de mais, temos de escolher uma das duas opções como dominante, aqui vem a famosa frase Mobile primeiro! Porquê? Porque é um formato com mais limitações. Tudo parece mais pequeno.

O primeiro passo é decompor os pesos das vinhetas no telemóvel. Ou seja, encontrar os diferentes tipos de vinhetas que podem ser bem lidas a partir de um celular e classificá-las de acordo com o espaço de tela que ocupam. Desde uma tela cheia até uma vinheta com uma altura mínima e dividida em duas verticais.

Estas balas marcam as opções de formatação que temos.

 

Adaptação à horizontal.
As grandes renúncias.

No passo anterior, foram definidas as únicas opções de vinheta disponíveis para nós. O formato responsivo força a renunciar a possíveis vinhetas que funcionam muito fortemente na horizontal porque não podem ser adaptadas respeitando as hierarquias do espaço ocupado da tela.

Para preencher os espaços na versão horizontal, as balas devem ser agrupadas em grupos da mesma altura.

 

Multilinguagem

Esta é uma descoberta da minha experiência em mobileconomia, que eu incorporo à versão responsiva. Ter textos em html torna os quadrinhos traduzíveis pelos navegadores. Esta é a segunda qualidade que reforça o carácter universalizante do formato.

É verdade que há um problema com as traduções. Devemos lutar para encontrar formas de criar traduções correctas e implementá-las, porque, neste momento, as traduções automáticas apresentam sérios problemas. A partir do WordPress existem plugins que abrem estas possibilidades.

 

Conclusão

Uma história em quadrinhos responsiva parte de limites muito grandes e rigorosos, mas é uma opção para criar uma narrativa visual. Nem todos os estilos criativos serão capazes de se adaptar a este tipo de banda desenhada, mas haverá escolhas artísticas que o farão.

O grande desafio é trabalhar em quadrinhos desenhados para este formato e conseguir publicações com uma qualidade que tenha valor para os leitores.

Isto é possível?

Em esta página Eu publico as histórias que estou a criar com este sistema.
 
E aqui está um diagrama dos diferentes tipos de vinhetas que eu pude apresentar.

Grupo A
XL vinheta de altura
Ocupa a tela inteira
horizontal e verticalmente

Grupo B.
Altura das balas M
Segundo grau de importância.

Grupo B.
Estrutura 1:1

GroupC.
Altura das balas M.
Uma das duas divisões.
Estrutura 1:2.

GroupC.

GroupC.

Grupo D.
Altura das balas M.
4 blocos que estão agrupados em pares.
Estrutura 2:2.

Grupo D.

Grupo D.

Grupo D.

Grupo E.
Altura das balas S.
Estrutura 1:1.

GrupoE

GroupF.
Altura das balas S.
Estrutura 2:2.

GroupF

GroupF.

GroupF.

GroupG.
Altura das balas S.
Estrutura 1:2.

GroupG

GroupG