Cuando diseñas para dispositivos iOS, puede ser complicado transferir constantemente capturas de pantalla al dispositivo. Ingrese a Skala Preview, una aplicación súper fácil de usar para enviar sus diseños a dispositivos móviles. En este tutorial, comenzaremos con Skala Preview, una aplicación diseñada para enviar capturas de pantalla desde Photoshop a tu dispositivo iOS.
El diseño para iOS es radicalmente diferente al diseño para computadoras. Cuando está diseñando para estos dispositivos, es fundamental probar sus diseños en dispositivos móviles para garantizar que los usuarios encuentren la interfaz fácil de usar. Mi método anterior para probar esto fue guardar las imágenes en Dropbox y luego cargarlas en la aplicación para iPhone. Aunque esto funcionó muy bien, tomó demasiados pasos y no fue un flujo de trabajo eficiente..
Vista previa de Skala para Mac y iOS es una excelente manera de automatizar este proceso. Al configurar las aplicaciones Mac y iOS, puede enviar automáticamente su lienzo de Photoshop a su dispositivo iOS en tiempo real. Este es realmente un gran flujo de trabajo para los diseñadores móviles que buscan visualizar sus diseños en dispositivos reales..
Las pruebas en dispositivos iOS son esenciales para cualquier tipo de diseño móvil. Al diseñar para dispositivos iOS, las pruebas en vivo te ayudan a visualizar cómo aparecerán tus maquetas en dispositivos reales. Los colores pueden diferir según el tipo de pantalla, y también tiene una mejor impresión del tamaño de los elementos. Diseñar estrictamente dentro de Photoshop sin probar en dispositivos asegurará que tendrá que realizar una serie de ajustes más adelante.
Para usar Skala Preview, debes instalar tanto la aplicación Mac como la aplicación iOS. Para instalar la aplicación Mac, visite el sitio de Bjango para ir a la página de la App Store para obtener una vista previa de Skala, o buscar en la App Store.
Después de ejecutar la instalación, inicie la aplicación Skala Preview Mac. La primera vez que ejecute la aplicación, será recibido con una pantalla de inicio con instrucciones breves para comenzar. Continúe y ciérrelo, ya que cubriremos la instalación completa en este tutorial..
Adelante, abre también Photoshop. Para comenzar a configurar Photoshop, elija Editar> Conexiones remotas. Verá un cuadro emergente que permite conexiones remotas. Elija cualquier nombre y contraseña para el servicio remoto y asegúrese de que Habilitar conexiones remotas La casilla está marcada y presiona OK.
Ahora, vuelve a la aplicación Skala Preview en tu Mac. Escoger Ajustes> Ajustes de Photoshope ingrese los mismos detalles que creó anteriormente en Photoshop. Todo lo que queda es configurar la aplicación iOS.
Ya sea que tenga un iPad o iPhone, la aplicación "Skala View" está diseñada para recibir capturas de pantalla desde su Mac. Continúe e instale la aplicación "Skala View" de la tienda de aplicaciones y ejecútela..
Después de iniciar la aplicación iOS, haga clic en el icono del monitor en la parte inferior izquierda y elija el nombre de su Mac. Asegúrese de que sus dispositivos estén en la misma red Wi-Fi y que pueda conectarse fácilmente a la Mac que ejecuta Skala Preview.
Una vez que haya aceptado la conexión del dispositivo iOS en su Mac, todos los pasos de configuración están completos. Tenga en cuenta que también hay una aplicación para iPad disponible que funciona de manera idéntica a la aplicación para iPhone utilizada en este tutorial..
Una vez que hayas completado los pasos de configuración anteriores, usar Skala es muy fácil. La aplicación enviará automáticamente el diseño actualizado desde la pestaña o ventana activa de Photoshop al dispositivo iOS. En mi experiencia, solo hay un ligero retraso en el envío de capturas de pantalla actualizadas al dispositivo iOS.
Al abrir Skala View, la imagen enviada desde Photoshop puede ser demasiado grande para mostrarla en su pantalla. Si este es el caso, tiene todas las convenciones estándar de navegación de fotos de iOS como pellizcar para hacer zoom o deslizar para moverse alrededor de la vista.
La parte inferior de la pantalla también presenta una variedad de opciones interesantes para cambiar la forma en que se muestra la imagen. Puede ajustar el brillo de su pantalla y también elegir entre una variedad de opciones para compartir. Al hacer clic en la flecha de la barra de herramientas, también tiene la opción de exportar imágenes a la biblioteca de la cámara o compartirlas por correo electrónico o tweet.
Hacer clic en el ícono de las gafas tiene algunas excelentes opciones para simular los distintos tipos de ceguera al color. Repasar sus capturas de pantalla con esto le ayudará a visualizar su interfaz para aquellos con discapacidades visuales, y esa es una excelente manera de garantizar la accesibilidad..
Una opción alternativa es simplemente colocar las imágenes en la ventana de la aplicación Skala Preview Mac. Con esta configuración, Photoshop ni siquiera es necesario ver sus diseños móviles en vivo en un cliente iOS.
En este tutorial, le mostré cómo automatizar el proceso de envío de documentos de Photoshop a iOS. Ya sea que esté incursionando en el diseño de aplicaciones de iOS o en la prueba de sitios web móviles, usar una aplicación como Skala es una gran ayuda para el flujo de trabajo de diseño. El poder de enviar automáticamente capturas de pantalla actualizadas de su desarrollo puede ayudarlo a visualizar su diseño en dispositivos móviles.
Accentsconagua
Share