dispositivos-moviles-mockup-svg

Descarga un set de dispositivos móviles en SVG, AI, PNG y PSD. Así como lo acabas de leer, es un set de mock ups donde puedes descargar muchos modelos de dispositivos móviles para colocar tus diseños sobre ellos.
Algunos de los modelos son:

  • iPhone 4
  • iPhone 4S
  • iPhone 5
  • iPhone 5C
  • iPhone 5S
  • iPad Mini
  • iPad Air
  • Macbook Air
  • Macbook Pro
  • iMac 27
  • HTC One
  • Nexus 5
  • Nexus 7
  • Nexus 10
  • Nokia Lumia
  • Samsung S4
  • Samsung S5
  • Samsung Note 3

Beneficios de usar archivos SVG

Resolución del mockup:

Los archivos de mapas de Bits y otros gráficos rasterizados son ” dependiente de la resolución ” – esto significa que las imágenes se construyen a partir de píxeles, y tienen una tendencia a distorsionar y pixelarse al ampliar la imagen. Los gráficos vectoriales (SVG) no tienen ese problema. SVG funciona independientemente de la resolución, por lo que estos gráficos matemáticamente expresadas mantendrán su alta calidad en cualquier nivel de zoom. Como tal, es el formato perfecto para Retina Display.

Carga Rápida:

Con formatos de imagen estándar, un documento HTML enviará al navegador web a otro lugar a recuperar archivos de gráficos integrados. No ocurre así con SVG. Gráficos SVG pueden ser incorporados directamente en el HTML, usando la etiqueta SVG especial… lo que se traduce en un mejor rendimiento del sitio web, y los tiempos de carga más rápidos.

Estilo y Personalización:

Otro de los beneficios de una etiqueta SVG incrustada en un HTML, es que nos permite un mayor control sobre la forma en que esos gráficos aparecen en la pantalla. Podremos modificar los gráficos de la misma forma en que trabajamos con marcas regulares HTML – fondos de personalización, la opacidad, los bordes y más, gracias a sólo algunos retoques con CSS o JavaScript.

Movimiento y Animación:

También podemos animar un objeto SVG, trayendo un poco de vida y movimiento! SVG puede ser controlado con un elemento de animación, o por medio de bibliotecas de JavaScript, como jQuery. También es posible editar aún más el objeto SVG con editores de como Adobe Illustrator, o incluso con aplicaciones gráficas gratuitas como Inkscape.

Menor Peso:

Es posible que hayas pensado que para lograr todas estas funcionalidades este archivo debería ser pesado! Pero, de hecho, los objetos SVG logran presumir todos los beneficios anteriores … mientras sigue pesando con un tamaño de archivo mucho más pequeño que un objeto o imagen Bitmap.

devices