Responsive Cómic

 

El comienzo

Hace varios años, desarrollé un formato para crear cómics pensados para verse desde un dispositivo móvil. Al empezar a contarle a un amigo mis hallazgos con mobilecomic, este, me interrumpió y me dijo

- ¡Qué buena idea!  ¡responsive!.

-No, esto son cómics pensados para verse sólo desde un móvil.

Su cara lo dijo todo. De alguna forma, estaba trabajando en un formato incompleto. ¿Era posible crear un formato de publicación de cómics que se adapte a móviles y ordenadores?

El problema

Los webcomics nacen en un primer momento, para ser vistos desde una pantalla de ordenador, es decir en formato horizontal. La irrupción del móvil y su lectura vertical, hace muy compleja la adaptación de los cómics de un formato a otro.

Un cómic responsive, debería leerse con sensaciones narrativas similares en horizontal y en vertical. Si las viñetas tienen distintos pesos, será imposible para el autor jugar con el ritmo y buscar recursos que narren de la misma forma en los dos formatos. Una viñeta que ocupe la pantalla completa en el ordenador, puede verse pequeña en el móvil y perder ese impacto buscado.

Una solución

Esa charla con mi amigo, fue la chispa que hizo que empezara a asomarme al problema que suponía la búsqueda de un formato responsive para crear cómics. Cuatro años y medio después y tras innumerables horas de comeduras de cabeza y aprender nociones básicas de HTML y CSS, lo que aquí presento es una solución. Hay más soluciones. Otras llegarán. Es una solución en la que te agarras a unas cosas y renuncias a cosas. Un cómic responsive, es un formato distinto. La experiencia, nunca será como la que se tiene al leer un cómic impreso, pero es un formato que por el contrario presenta otras cualidades.

 

La universalidad

Esta fue siempre la clave del formato para mí. La razón que justificaba las horas dedicadas a esa búsqueda.

La existencia de un formato de cómic que se puede colgar en una web y automáticamente verse en cualquier idioma y desde cualquier lugar, lo convierte en el formato más accesible y universal para ver cómics. Seguro que no el mejor, pero sí el más universal.

 

Publicaciones de calidad

El otro reto es conseguir un publicaciones de calidad, sin errores de formato, que resten fuerza a la lectura del cómic. Construir una estructura que permita una experiencia de lectura satisfactoria.

 

Los pesos de las viñetas

Si queremos que el lector tenga una experiencia similar de lectura desde un móvil o desde un monitor, hay que conseguir en ambos formatos impactos visuales similares. Una viñeta que llene toda la pantalla del móvil, debería ser capaz de llenar también toda la pantalla de un ordenador o una tablet, para que el impacto en el lector sea el mismo.

¿Es posible?

 

Mobile first

A la pregunta de si es posible, mi respuesta es sí. Sí, pero con limitaciones. Todo no lo vamos a tener. Perderemos por el camino algunas de las libertades que da una página de papel en blanco. Eso es lo primero que hay que encajar y asumir para seguir.

De entrada, tenemos que elegir una de las dos opciones como dominante, aquí entra la famosa frase Mobile first! ¿Por qué? Porque es un formato con más limitaciones. Se ve más pequeño todo.

El primer paso es descomponer los pesos de las viñetas sobre el móvil. Esto es, encontrar los distintos tipos de viñeta que se pueden leer bien desde un móvil y jerarquizarlos por el espacio de pantalla que ocupan. Desde una pantalla completa hasta una viñeta con una altura mínima y dividida en dos verticalmente.

Estas viñetas nos marcan las opciones de formato que tenemos.

 

Adaptación a horizontal.
Las grandes renuncias.

En el paso anterior, han quedado definidas las únicas opciones de viñeta de las que disponemos. El formato responsive obliga a renunciar a posibles viñetas que funcionan con mucha fuerza en horizontal por no poderse adaptar respetando las jerarquías de espacio de pantalla ocupado.

Para llenar los espacios en la versión horizontal, las viñetas deberán agruparse en grupos con la misma altura.

 

Multilenguaje

Esto es un hallazgo de mi experiencia en mobilecomic, que incorporo a la versión responsive. Tener textos html, convierte a los cómics en traducibles por los navegadores. Esta es la segunda cualidad que refuerza ese carácter universalizador del formato.

Cierto es que hay un problema con las traducciones. Hay que luchar por encontrar formas de crear traducciones correctas e implementarlas, porque de momento, las traducciones automáticas, presentan graves problemas. Desde WordPress existen plugins que abren esas posibilidades.

 

Conclusión

Un cómic responsive parte de unos límites muy grandes y estrictos, pero es una opción para crear una narrativa visual. No todas los estilos de creación podrán adaptarse a este tipo de cómics, pero habrá elecciones artísticas que sí lo permitirán.

El gran reto es trabajar en cómics pensados para ese formato y conseguir publicaciones con una calidad que tenga valor para los lectores.

¿Es eso posible?

En esta página cuelgo las historias que voy creando con este sistema.
 
Y a a continuación dejo un esquema de los distintos tipos de viñeta que he podido introducir.

Grupo A
Viñeta altura XL
Ocupa toda la pantalla
en horizontal y en vertical

Grupo B.
Viñetas altura M
Segundo grado de importancia.

Grupo B.
Estructura 1:1

GrupoC.
Viñetas altura M.
Una de las dos se divide.
Estructura 1:2.

GrupoC.

GrupoC.

GrupoD.
Viñetas altura M.
4 bloques que se agrupan de dos en dos.
Estructura 2:2.

GrupoD.

GrupoD.

GrupoD.

GrupoE.
Viñetas altura S.
Estructura 1:1.

GrupoE

GrupoF.
Viñetas altura S.
Estructura 2:2.

GrupoF

GrupoF.

GrupoF.

GrupoG.
Viñetas altura S.
Estructura 1:2.

GrupoG

GrupoG