Un único diseño para todos los dispositivos

Todo diseñador que ha realizado un proyecto de publicación digital para smartphones y tablets se ha encontrado con el mismo problema: Hay decenas de dispositivos móviles con diferente tamaño de pantalla y diferente resolución.

La mayoría de herramientas de publicación digital utilizan Adobe InDesign como software base para realizar la maquetación y añadir interactividad. Cuando se exporta el documento InDesign para añadirlo en la aplicación, éste tiene un tamaño concreto (igual que cuando lo guardamos en PDF para impresión).  Esto resultaba un problema porque si tu documento InDesign tenía un tamaño de pantalla iPhone 5, sabías que en un iPad no se iba a ver del todo bien, quedarían bordes blancos por los laterales.

480interactive ha solucionado este problema creando la opción de “diseño multidispositivo”. Usando la plantilla InDesign que 480interactive proporciona gratuitamente, podemos crear proyectos que se van a ver igual de bien en cualquier smartphone o tablet tanto iOS y como Android.

Esto supone un ahorro de tiempo brutal para los diseñadores que tenías que realizar dos maquetaciones independientes (una para smartphone y otra para tablet), y una ventaja competitiva a la hora de ofrecer proyectos a los clientes, ya que por el mismo coste de producción pueden tener versiones de sus Apps para smartphone y tablet.

El funcionamiento es tan sencillo como maquetar el contenido interactivo (botones y zonas clicables) dentro de las guías que hay en la plantilla InDesgin, y colocar en el fondo de la página una imagen que ocupe todo el espacio. De esta forma el contenido interactivo siempre será visible independientemente del dispositivo que usemos, y la imagen de fondo se auto-ajustará automáticamente al tamaño de pantalla que estemos usando, sin dejar bordes blancos.

Prueba esta opción con la nueva versión 3.2 de 480interactive y el tutorial para usar la opción “diseño multidispositivo”.