Xavier Facon es Director de Tecnología de Medios de Comunicación Crisp , una agencia de publicidad rich media compañía de tecnología con sede en Nueva York. Él blogscon regularidad acerca de la tecnología móvil de anuncios y las mejores prácticas.
.jpg)
Los diseñadores y desarrolladores que crean contenidos para dispositivos móviles con pantallas de alta resolución a menudo ven la pantalla retina como una bendición y una maldición. Por ejemplo, el nuevo iPad , con su 2.048 x 1.536 píxeles de resolución, tiene un millón de píxeles más que su televisor de alta definición 1080p.
Pero mientras que la nueva resolución proporciona experiencias visuales impresionantes, los dispositivos a menudo requieren velocidades 4G de Internet, que no están al alcance de todos. Por otra parte, los diseñadores están cuestionando cómo iniciar proyectos multi-pantalla en el primer lugar.
Si la publicación de contenidos digitales o la construcción de la publicidad de medios ricos pantalla, siga estos consejos cinco.
1. Si Diseño para múltiples dispositivos, Comience con el iPad.
Aunque históricamente el orden de la creación de contenido digital ha sido el primer segundo de escritorio, teléfono inteligente, la tercera tableta, usted necesitará a las experiencias de puertos a todas las pantallas con el tiempo. Por lo tanto, invertir el orden y comenzar con la pantalla de alta resolución y la plataforma más interactiva.
Comience con el iPad, el dispositivo que puede manejar los mejores ingredientes interactivos en términos de características y resolución. A continuación, revisar la idea al portar a más dispositivos limitados, como computadoras de escritorio, televisores inteligentes, teléfonos inteligentes y tabletas menos avanzados. Esto asegura que el contenido será optimizado en toda su extensión en cada dispositivo.
2. Usar fuentes de la Web.
Fuentes de la Web le permiten utilizar casi cualquier fuente sin tener que hacerlo como primera imagen.Descargue la fuente por separado y hacer que el texto en el navegador utilizando el @ font-face función. Esto ahorra una gran cantidad de ancho de banda en pantallas de alta resolución.
O aplicar las tecnologías de compresión de una imagen que normalmente se crean artefactos no deseados en su texto. Al mantener el texto por separado y el uso de fuentes web para el diseño, siempre se va a producir contenido fresco, fácil de leer.
3. Use CSS en lugar de archivos PNG.
Tecnologías web como HTML5 y CSS3 ayudar a optimizar las pantallas de alta resolución de ancho de banda de una manera amigable. Utilice la mejora progresiva para marcar el contenido, de esta manera, todavía se verá decente en navegadores que no son totalmente compatibles con la función. A continuación, se aproveche de colores, esquinas redondeadas, degradados y de opacidad para crear elementos gráficos. No recurra a los archivos PNG de forma basados en las necesidades, tales como botones, líneas, curvas y las fichas. Es bien no se verá nítida, o va a costar muchos kilobytes más de lo que vale la pena.
4. Use una CSS Selector para ofrecer imágenes del tamaño correcto.
Al crear fotografías y gráficos en el puerto a través de dispositivos, pruebe a utilizar un enfoque de diseño de respuesta que el contenido se ajusta al tamaño de la ventana del lienzo o el navegador. Algunas técnicas de JavaScript le permite descargar una imagen de alta resolución, pero en realidad puede añadir peso a la página.En su lugar, pruebe el selector de CSS @ media para descargar una foto de tamaño específicamente para el dispositivo.
5. Obtención de Préstamos Algunos trucos de diseñadores del juego.
Realización de gráficos en alta resolución eficiente no es nuevo para el diseño del juego. Las técnicas comunes de desarrollo de juegos, como mapas de texturas o mapas de sprites, puede ser el mejor enfoque para el contenido en alta resolución de las pantallas de móviles.
Con estas técnicas, el diseñador pone muchas imágenes y fondos en una sola imagen más grande para evitar la descarga y la elaboración de varias imágenes. Especialmente cuando se trata de animaciones o fondos-como ocurre a menudo en el diseño de anuncios rich media o contenido de entretenimiento de ancho de banda y mejora el rendimiento de visualización.
Todas estas técnicas han sido válida y viable para un rato ahora. Sin embargo, con el advenimiento de alta resolución de los dispositivos móviles, estas optimizaciones son aún más necesario. La revolución de la alta densidad de píxeles está obligando a los diseñadores y desarrolladores interactivos para ahorrar ancho de banda por el avance de la sofisticación de sus márgenes de ganancia.
No hay comentarios:
Publicar un comentario