Guías gráficas de diseño para diferentes dispositivos

Lejos quedaron los días en los que solo se diseñaba para una sola resolución de pantalla. Hoy en día con el boom de los SmartPhones y las tabletas, es necesario plantear nuestros diseños para los diferentes dispositivos que podrán acceder a nuestros sitios. Es una tarea ardua y que requiere mucha información y conocimiento de las diferentes plataformas, la forma en la que el usuario interactúa con la web y qué elementos pueden disponerse de tal o cual manera.

Pero al mismo tiempo, los recursos también han avanzado y nos brindan una ayuda esencial a la hora de sentarnos a diseñar, entendiendo que si deseamos permitir a todos los usuarios acceder a la información, debemos si o si, plantear los diseños desde otro lugar, contemplando las diferentes características de cada uno de los dispositivos posibles.

Muestrario de referencias de tamaño de varios dispositivos móviles y LCD

Descargar Pixel Proliferation | PunchCut

Para ello, hay una herramienta que nos ofrecen desde PunchCut. Una serie de plantillas en formato .psd con toda la variedad de pantallas que se encuentran hoy en el mercado. En el archivo encontrarán los diferentes templates de cada uno de los dispositivos: Xoom, iPad, BlackBerry, NexusOne, entre algunos otros. Al mismo tiempo, hay una guía gráfica de medidas que les ayudará en el futuro ante la aparición de nuevos dispositivos.

Tengan en cuenta que la inclusión del Retina Display provoca que las imágenes se diseñen en una mayor resolución que las que estamos acostumbrados, esto da por resultado que en el dispositivo (sea iPhone 4 o iPod Touch 4G) los píxeles se encojan, por lo que no se asusten si ven una imagen demasiado grande con respecto a otras.

Muestrario de referencias de tamaño de pantallas

Es una excelente herramienta para todos aquellos perfeccionistas o bien, para los que requieren cumplir con ciertas consideraciones a pedido de sus clientes. Como siempre digo, las estructuras básicas son muy útiles y nos ahorran muchísimo tiempo.

Categorizado en: