Share
Quando si progetta per dispositivi iOS, può essere difficile trasferire costantemente screenshot sul dispositivo. Accedi a Skala Preview, un'applicazione super facile da usare per inviare i tuoi disegni su dispositivi mobili. In questo tutorial, inizieremo con Skala Preview, un'app progettata per inviare screenshot da Photoshop al tuo dispositivo iOS.
La progettazione per iOS è radicalmente diversa dalla progettazione per computer. Quando si progetta per questi dispositivi, è fondamentale testare i progetti su dispositivi mobili per garantire che gli utenti trovino l'interfaccia facile da usare. Il mio metodo precedente per provare questo è stato quello di salvare le immagini in Dropbox e quindi caricarle nell'app per iPhone. Sebbene funzionasse alla grande, ci sono voluti troppi passaggi e non era un flusso di lavoro efficiente.
Anteprima di Skala per Mac e iOS è un ottimo modo per automatizzare questo processo. Configurando le applicazioni Mac e iOS, puoi inviare automaticamente la tua tela Photoshop al tuo dispositivo iOS in tempo reale. Questo è davvero un grande flusso di lavoro per i designer mobili che desiderano visualizzare i loro progetti su dispositivi reali.
Il test su dispositivi iOS è essenziale per qualsiasi tipo di design mobile. Nella progettazione di dispositivi iOS, test live ti aiuta a visualizzare come appariranno i tuoi modelli su dispositivi reali. I colori possono variare in base al tipo di visualizzazione e puoi anche avere un'impressione migliore delle dimensioni degli elementi. La progettazione rigorosa all'interno di Photoshop senza test sui dispositivi garantirà che sarà necessario effettuare una serie di regolazioni in seguito.
Per usare Skala Preview, devi installare sia l'applicazione Mac che l'app iOS. Per installare l'applicazione Mac, visita il sito di Bjango per passare alla pagina App Store per Skala Preview, o effettuare una ricerca all'interno dell'App Store.
Dopo aver eseguito l'installazione, avvia l'applicazione Mac Skala Preview. La prima volta che esegui l'applicazione, riceverai una schermata iniziale con brevi istruzioni per iniziare. Vai avanti e chiudilo, poiché copriremo l'installazione completa in questo tutorial.
Vai avanti e apri anche Photoshop. Per iniziare con la configurazione di Photoshop, selezionare Modifica> Connessioni remote. Verrà visualizzata una finestra che consente le connessioni remote. Scegli un nome e una password per il servizio remoto e assicurati che Abilita connessioni remote la casella è selezionata e premi OK.
Ora, torna all'app Anteprima Skala sul tuo Mac. Scegliere Impostazioni> Impostazioni di Photoshope inserisci gli stessi dettagli che hai creato sopra in Photoshop. Non resta che configurare l'app per iOS.
Sia che tu abbia un iPad o iPhone, l'app "Skala View" è costruita per ricevere screenshot dal tuo Mac. Vai avanti e installa l'app "Skala View" dall'App store e avvialo.
Dopo aver lanciato l'app iOS, fai clic sull'icona del monitor in basso a sinistra e scegli il nome del tuo Mac. Assicurati che i tuoi dispositivi siano sulla stessa rete Wi-Fi e dovresti riuscire a connetterti facilmente al Mac con Skala Preview.
Una volta accettata la connessione del dispositivo iOS sul tuo Mac, tutti i passaggi di installazione sono ora completati. Nota che è disponibile anche un'app per iPad che funziona in modo identico all'app per iPhone utilizzata in questo tutorial.
Una volta che hai completato i passaggi di installazione sopra, usare Skala è un gioco da ragazzi. L'app invierà automaticamente il design aggiornato dalla scheda o finestra di Photoshop attiva al dispositivo iOS. Nella mia esperienza, c'è solo un leggero ritardo nell'invio di screenshot aggiornati al dispositivo iOS.
Quando si apre Skala View, l'immagine inviata da Photoshop potrebbe essere troppo grande per essere visualizzata sullo schermo. In questo caso, hai tutte le convenzioni standard per la navigazione fotografica di iOS, come il pizzicamento per lo zoom o lo scorrimento per spostarti nella vista.
La parte inferiore dello schermo offre anche una varietà di opzioni interessanti per cambiare il modo in cui viene visualizzata l'immagine. È possibile regolare la luminosità dello schermo e scegliere tra una varietà di opzioni di condivisione. Facendo clic sulla freccia sulla barra degli strumenti, hai anche la possibilità di esportare le immagini nella libreria della fotocamera, o condividere via e-mail o tweet.
Facendo clic sull'icona degli occhiali da vista sono disponibili alcune fantastiche opzioni per simulare i vari tipi di daltonismo. Eseguendo gli screenshot con questo ti aiuterà a visualizzare la tua interfaccia per le persone con disabilità visive, e questo è un ottimo modo per garantire l'accessibilità.
Un'opzione alternativa è semplicemente di rilasciare le immagini nella finestra dell'app Skala Preview Mac. Con questa configurazione, Photoshop non è nemmeno richiesto per visualizzare i tuoi progetti mobili dal vivo su un client iOS.
In questo tutorial, ti ho mostrato come automatizzare il processo di invio di documenti Photoshop su iOS. Sia che tu stia dilettandoti con la progettazione di app iOS o testando siti Web mobili, l'utilizzo di un'app come Skala è di grande aiuto per il flusso di lavoro di progettazione. La potenza di inviare automaticamente screenshot aggiornati del tuo sviluppo può aiutarti a visualizzare il tuo design su dispositivi mobili.
Accentsconagua