En esta bitácora hemos compartido una gran cantidad de archivos diseñados y pensados para realizar maquetas gráficas (más conocidas como mock-ups). Este tipo de herramienta se utiliza para plantear una idea de utilización de ciertas creaciones. Apelando a un resultado lo más real posible para que, quien lo visualiza, pueda hacerse una idea del resultado final. Recorriendo mis feeds, me he encontrado con esta colección de mock-ups de dispositivos móviles en SVG que puede servir para múltiples funciones.
Esta práctica se utiliza regularmente con lanzamientos de aplicaciones móviles ya que ofrecen una vista clara de la forma en la que debe verse el sistema en cualquier tipo de dispositivos, además de ayudar a los diseñadores a plantear una idea genérica en su respectiva landing page.
Colección de mock-ups de dispositivos móviles en SVG
Para realizar este tipo de imágenes, se suele recurrir a mock-ups que ya están elaborados y generalmente incluidos en formato para Photoshop. Si bien, hasta este momento era lo más conveniente, la realidad es que no se contemplaban algunas otras propiedades que hoy en día las imágenes deberían tener de cara a la compatibilidad con diferentes resoluciones sumamente dispares.
Esta conveniencia, convierte a los archivos .svg en los mejores aliados, y poder contar con un sitio donde encontrar este tipo de mock-ups de dispositivos móviles en un solo lugar, puede resultar sumamente beneficioso.
La opción que nos ofrece Dtail Studio cubre todas las necesidades en cuanto a especies de dispositivos, como así también los tipos de formato disponibles que van desde archivos clásicos en .psd y de vectores .AI, y nuestros aliados compatibles con CSS y HTML, los últimamente populares .svg.
Dispositivos móviles en SVG disponibles
La calidad del resultado final es impecable. Hasta el día de hoy cuentan con los siguientes dispositivos:
- iPhone 4
- iPad Mini
- iPhone 4S
- iPad Air
- Macbook Air
- iPhone 5
- Macbook Pro
- iMac 27
- iPhone 5S
- Nexus 5
- iPhone 5C
- HTC One
- Nexus 7
- Samsung S4
- Nexus 10
- Samsung S5
- Nokia Lumia
- Samsung Note 3
Claro está, que se trata de una lista que probablemente seguirá creciendo a medida que surjan nuevas opciones. Antes bien, en algunos casos también dejará en desuso algunas de ellas, en las inevitables ediciones discontinuas.
Como decíamos, la descarga es gratuita y a través de su uso podrán lograr que las imágenes se visualicen correctamente. Desde luego sin importar el dispositivo que las muestre. También que su carga sea mucho más liviana. Por consiguiente, podrán editarlas a través de CSS y animarlas en caso que lo necesiten y tengan los conocimientos para hacerlo.
Para finalizar, todos los archivos poseen sus respectivas versiones reales y plano. De ello resulta que sin importar el estilo que estén utilizando en su proyecto, cualquiera de ellos puede resultarles de utilidad.
Descargar Mobile Devices SVG | DtailStudio
