Share
Wanneer u ontwerpt voor iOS-apparaten, kan het lastig zijn om schermafbeeldingen voortdurend naar het apparaat over te brengen. Voer Skala Preview in, een super eenvoudig te gebruiken applicatie voor het verzenden van uw ontwerpen naar mobiele apparaten. In deze zelfstudie beginnen we met Skala Preview, een app die is ontworpen om schermafbeeldingen van Photoshop naar uw iOS-apparaat te verzenden.
Ontwerpen voor iOS is radicaal anders dan ontwerpen voor computers. Wanneer u ontwerpt voor deze apparaten, is het van cruciaal belang om uw ontwerpen te testen op mobiele apparaten om ervoor te zorgen dat uw gebruikers de interface gemakkelijk kunnen gebruiken. Mijn vorige methode om dit uit te proberen, was om afbeeldingen in Dropbox op te slaan en ze vervolgens in de iPhone-app te laden. Hoewel dit prima werkte, duurde het te veel en was het geen efficiënte workflow.
Skala-voorbeeld voor Mac en iOS is een geweldige manier om dit proces te automatiseren. Door de Mac- en iOS-applicaties in te stellen, kunt u uw Photoshop-canvas automatisch in realtime naar uw iOS-apparaat verzenden. Dit is echt een geweldige workflow voor mobiele ontwerpers die hun ontwerpen op echte apparaten willen visualiseren.
Testen op iOS-apparaten is essentieel voor elk type mobiel ontwerp. Bij het ontwerpen voor iOS-apparaten helpt live testen u om te visualiseren hoe uw mock-ups op echte apparaten worden weergegeven. Kleuren kunnen verschillen afhankelijk van het weergavetype en u hebt ook een veel betere indruk van de grootte van elementen. Als u alleen binnen Photoshop ontwerpt zonder op apparaten te testen, zorgt u ervoor dat u later een aantal aanpassingen moet aanbrengen.
Om Skala Preview te gebruiken, moet u zowel de Mac-applicatie als de iOS-app installeren. Ga naar de Bjango-site om naar de App Store-pagina te gaan voor Skala Preview of zoek in de App Store om de Mac-applicatie te installeren..
Start, na het uitvoeren van de installatie, de Skala Preview Mac-applicatie. De eerste keer dat u de toepassing uitvoert, wordt u begroet met een opstartscherm met korte instructies om aan de slag te gaan. Ga je gang en sluit het, want we behandelen de volledige installatie in deze tutorial.
Ga je gang en open ook Photoshop. Kies om te beginnen met het instellen van Photoshop Bewerken> Externe verbindingen. U ziet een pop-upvenster waarin externe verbindingen mogelijk zijn. Kies een naam en een wachtwoord voor de service op afstand en zorg ervoor dat de Externe verbindingen inschakelen vakje is aangevinkt en druk op OK.
Ga nu terug naar de app Skala Preview op je Mac. Kiezen Instellingen> Photoshop-instellingenen voer dezelfde gegevens in die je hierboven hebt gemaakt in Photoshop. Het enige dat overblijft is om de iOS-app in te stellen.
Of je nu een iPad of een iPhone hebt, de app "Skala View" is gemaakt om schermafbeeldingen van je Mac te ontvangen. Ga je gang en installeer de app "Skala View" in de App Store en start deze.
Nadat je de iOS-app hebt gestart, klik je linksonder op het monitorpictogram en kies je de naam van je Mac. Zorg ervoor dat uw apparaten zich op hetzelfde Wi-Fi-netwerk bevinden en dat u gemakkelijk verbinding kunt maken met de Mac waarop Skala Preview wordt uitgevoerd.
Zodra je de verbinding van het iOS-apparaat op je Mac hebt geaccepteerd, zijn alle installatiestappen nu voltooid. Merk op dat er ook een iPad-app beschikbaar is die identiek werkt met de iPhone-app die in deze zelfstudie wordt gebruikt.
Zodra u de bovenstaande installatiestappen hebt voltooid, is het gebruik van Skala een koud kunstje. De app verzendt automatisch het bijgewerkte ontwerp van uw actieve Photoshop-tabblad of -venster naar het iOS-apparaat. In mijn ervaring is er slechts een geringe vertraging bij het verzenden van bijgewerkte schermafbeeldingen naar het iOS-apparaat.
Bij het openen van Skala View is de afbeelding verzonden vanuit Photoshop mogelijk te groot om op uw scherm weer te geven. Als dit het geval is, hebt u alle standaard conventies voor het vastleggen van iOS-foto's, zoals knijpen om te zoomen of vegen om door het beeld te bewegen.
De onderkant van het scherm bevat ook een aantal interessante opties om de weergave van de afbeelding te wijzigen. U kunt de helderheid van uw scherm aanpassen en een keuze maken uit verschillende opties voor delen. Door op de pijl op de werkbalk te klikken, hebt u ook de mogelijkheid om afbeeldingen naar de camerabibliotheek te exporteren of te delen via e-mail of tweet.
Klikken op het pictogram voor bril heeft enkele geweldige opties om de verschillende soorten kleurenblindheid te simuleren. Als u uw schermafbeeldingen hiermee doorloopt, kunt u uw interface visualiseren voor mensen met visuele beperkingen, en dat is een geweldige manier om toegankelijkheid te garanderen.
Een alternatieve optie is om eenvoudig afbeeldingen in het Skala Preview Mac app-venster te plaatsen. Met deze opstelling hoeft Photoshop niet eens uw mobiele ontwerpen live op een iOS-client te bekijken.
In deze zelfstudie heb ik je laten zien hoe je het proces van het verzenden van Photoshop-documenten naar iOS kunt automatiseren. Of je nu bezig bent met het ontwerpen van iOS-apps of het testen van mobiele websites, het gebruik van een app zoals Skala is een enorme hulp voor de ontwerpworkflow. De kracht van het automatisch verzenden van actuele screenshots van uw ontwikkeling kan u helpen om uw ontwerp op mobiele apparaten te visualiseren.
Accentsconagua