Lorsque vous concevez des appareils iOS, il peut s'avérer fastidieux de transférer constamment des captures d'écran sur l'appareil. Entrez Skala Preview, une application très facile à utiliser pour envoyer vos dessins sur des appareils mobiles. Dans ce tutoriel, nous allons commencer avec Skala Preview, une application conçue pour envoyer des captures d'écran de Photoshop à votre appareil iOS..
Concevoir pour iOS est radicalement différent de celui pour ordinateurs. Lorsque vous concevez pour ces appareils, il est essentiel de tester vos conceptions sur des appareils mobiles pour vous assurer que vos utilisateurs trouveront l'interface facile à utiliser. Ma méthode précédente consistait à enregistrer des images dans Dropbox, puis à les charger dans l'application iPhone. Même si cela a bien fonctionné, cela a pris trop d'étapes et n'était pas un flux de travail efficace.
Skala Aperçu pour Mac et iOS est un excellent moyen d'automatiser ce processus. En configurant les applications Mac et iOS, vous pouvez automatiquement envoyer votre toile Photoshop à votre appareil iOS en temps réel. Il s'agit vraiment d'un excellent flux de travail pour les concepteurs mobiles qui cherchent à visualiser leurs conceptions sur de vrais appareils..
Tester sur des appareils iOS est essentiel pour tout type de conception mobile. Lors de la conception de périphériques iOS, tester en direct vous aide à visualiser comment vos maquettes apparaîtront sur de vrais périphériques. Les couleurs peuvent différer selon le type d'affichage, et vous avez également une bien meilleure impression de la taille des éléments. Concevoir strictement dans Photoshop sans tester sur les appareils garantira que vous devrez faire un certain nombre d'ajustements plus tard.
Pour utiliser Skala Preview, vous devez installer l’application Mac et l’application iOS. Pour installer l'application Mac, visitez le site Web de Bjango pour accéder à la page App Store pour Skala Preview, ou effectuez une recherche à partir de l'App Store..
Après avoir exécuté l'installation, démarrez l'application Skala Preview Mac. La première fois que vous exécutez l'application, un écran de démarrage contenant des instructions succinctes vous sera présenté. Allez-y et fermez-le, car nous allons couvrir l'installation complète dans ce tutoriel.
Allez-y et ouvrez Photoshop aussi. Pour commencer à configurer Photoshop, choisissez Édition> Connexions distantes. Vous verrez une boîte apparaître qui permet les connexions à distance. Choisissez un nom et un mot de passe pour le service distant et assurez-vous que le Activer les connexions à distance la case est cochée et appuyez sur ok.
Maintenant, revenez à l'application Skala Preview sur votre Mac. Choisir Paramètres> Paramètres Photoshopet entrez les mêmes informations que vous avez créées ci-dessus dans Photoshop. Il ne reste plus qu'à configurer l'application iOS.
Que vous ayez un iPad ou un iPhone, l'application "Skala View" est conçue pour recevoir des captures d'écran de votre Mac. Allez-y et installez l'application "Skala View" à partir de l'App Store et lancez-la.
Après avoir lancé l'application iOS, cliquez sur l'icône du moniteur en bas à gauche et choisissez le nom de votre Mac. Assurez-vous que vos appareils sont sur le même réseau Wi-Fi et vous devriez pouvoir vous connecter facilement au Mac qui exécute Skala Preview..
Une fois que vous avez accepté la connexion du périphérique iOS sur votre Mac, toutes les étapes de configuration sont maintenant terminées. Notez qu'il existe également une application iPad disponible qui fonctionne de la même manière que l'application iPhone utilisée dans ce tutoriel..
Une fois que vous avez terminé les étapes de configuration ci-dessus, utiliser Skala est un jeu d'enfant. L'application enverra automatiquement la conception mise à jour à partir de votre onglet ou fenêtre Photoshop actif vers le périphérique iOS. D'après mon expérience, il n'y a qu'un léger retard dans l'envoi de captures d'écran à jour sur le périphérique iOS..
Lors de l'ouverture de Skala View, il se peut que l'image envoyée à partir de Photoshop soit trop volumineuse pour être affichée à l'écran. Si tel est le cas, vous disposez de toutes les conventions standard de navigation photo iOS, telles que le pincement pour zoomer ou le balayage pour vous déplacer dans la vue..
Le bas de l'écran présente également une variété d'options intéressantes pour modifier le mode d'affichage de l'image. Vous pouvez régler la luminosité de votre écran et choisir parmi une variété d’options de partage. En cliquant sur la flèche dans la barre d’outils, vous avez également la possibilité d’exporter des images dans la bibliothèque de la caméra, ou de les partager par courrier électronique ou par tweet..
En cliquant sur l'icône des lunettes, vous disposez d'excellentes options pour simuler les différents types de daltonisme. Parcourir vos captures d’écran avec ceci vous aidera à visualiser votre interface pour les malvoyants, ce qui est un excellent moyen de garantir l’accessibilité..
Une autre option consiste simplement à déposer des images dans la fenêtre de l'application Skala Preview Mac. Avec cette configuration, Photoshop n'est même plus nécessaire pour afficher vos conceptions mobiles en direct sur un client iOS..
Dans ce tutoriel, je vous ai montré comment automatiser le processus d'envoi de documents Photoshop vers iOS. Que vous exploriez la conception d'applications iOS ou que vous testiez des sites Web mobiles, utiliser une application telle que Skala est une aide précieuse pour le processus de conception. La puissance de l'envoi automatique de captures d'écran à jour de votre développement peut vous aider à visualiser votre conception sur des appareils mobiles..
Accentsconagua
Share