Share
Când proiectați pentru dispozitive iOS, poate fi dificil să transferați în mod constant capturi de ecran pe dispozitiv. Introduceți Skala Preview, o aplicație super ușor de folosit pentru trimiterea desenelor pe dispozitive mobile. În acest tutorial, vom începe cu Skala Preview, o aplicație concepută pentru a trimite capturi de ecran din Photoshop pe dispozitivul dvs. iOS.
Proiectarea pentru iOS este radical diferită de proiectarea pentru computere. Când proiectați pentru aceste dispozitive, este esențial să testați design-urile pe dispozitivele mobile pentru a vă asigura că utilizatorii dvs. vor găsi interfața ușor de utilizat. Metoda mea anterioară de a încerca acest lucru a fost de a salva imagini în Dropbox și apoi încărcați-le în aplicația iPhone. Deși acest lucru a funcționat minunat, a fost nevoie de prea mulți pași și nu a fost un flux de lucru eficient.
Previzualizare Skala pentru Mac și iOS este o modalitate foarte bună de a automatiza acest proces. Prin configurarea aplicațiilor Mac și iOS, puteți trimite în mod automat panoul dvs. Photoshop pe dispozitivul iOS în timp real. Acesta este cu adevărat un flux de lucru excelent pentru designerii de telefonie mobilă care doresc să-și vizualizeze design-ul pe dispozitivele reale.
Testarea pe dispozitive iOS este esențială pentru orice tip de design mobil. În proiectarea pentru dispozitive iOS, testarea live vă ajută să vizualizați modul în care machetele dvs. vor apărea pe dispozitivele reale. Culorile pot diferi în funcție de tipul de afișare și aveți, de asemenea, o imagine mult mai bună asupra dimensiunii elementelor. Proiectarea strict în cadrul Photoshop fără a testa pe dispozitive vă va asigura că va trebui să efectuați mai multe ajustări mai târziu.
Pentru a utiliza Skala Preview, trebuie să instalați atât aplicația Mac, cât și aplicația iOS. Pentru a instala aplicația Mac, vizitați site-ul Bjango pentru a trece la pagina App Store pentru Skala Preview sau pentru a căuta în cadrul App Store.
După ce executați instalarea, porniți aplicația Skala Preview Mac. Prima dată când rulați aplicația, veți fi întâmpinat cu un ecran de pornire cu instrucțiuni scurte despre început. Continuați și închideți-o, deoarece vom acoperi instalarea completă în acest tutorial.
Continuați și deschideți și Photoshop. Pentru a începe să configurați Photoshop, alegeți Editați> Conexiuni la distanță. Veți vedea o fereastră pop-up care permite conexiuni la distanță. Alegeți orice nume și o parolă pentru serviciul la distanță și asigurați-vă că Activați conexiunile la distanță caseta este bifată și apăsați bine.
Acum, reveniți la aplicația Skala Preview de pe Mac. Alege Setări> Setări Photoshopși introduceți aceleași detalii pe care le-ați creat mai sus în Photoshop. Tot ce a mai rămas este să configurați aplicația iOS.
Indiferent dacă aveți un iPad sau iPhone, aplicația "Skala View" este construită pentru a primi capturi de ecran de pe Mac. Continuați și instalați aplicația "Skala View" din magazinul de aplicații și lansați-o.
După lansarea aplicației iOS, faceți clic pe pictograma monitorului din stânga jos și alegeți numele calculatorului dvs. Mac. Asigurați-vă că dispozitivele dvs. se află pe aceeași rețea Wi-Fi și că ar trebui să vă puteți conecta cu ușurință la Mac care rulează Skala Preview.
După ce ați acceptat conexiunea dispozitivului iOS pe calculatorul dvs. Mac, toți pașii de configurare sunt acum completați. Rețineți că există și o aplicație iPad disponibilă care funcționează identic cu aplicația iPhone utilizată în acest tutorial.
Odată ce ați finalizat pașii de configurare de mai sus, folosiți Skala este o briză. Aplicația va trimite automat designul actualizat din fila sau fereastra Photoshop activă pe dispozitivul iOS. Din experiența mea, există doar o mică întârziere în trimiterea de imagini de până la data de pe dispozitivul iOS.
Când deschideți Skala View, imaginea trimisă de Photoshop poate fi prea mare pentru a fi afișată pe ecran. În acest caz, aveți toate convențiile standard de navigare foto iOS cum ar fi ciupirea pentru a mări sau a deplasa pentru a vă deplasa în jurul vizualizării.
Partea de jos a ecranului oferă, de asemenea, o varietate de opțiuni interesante pentru a schimba modul în care este afișată imaginea. Puteți regla luminozitatea ecranului dvs. și puteți alege dintr-o varietate de opțiuni de distribuire. Dând clic pe săgeata de pe bara de instrumente, aveți și opțiunea de a exporta imagini în biblioteca camerei sau de a le distribui prin e-mail sau tweet.
Dând clic pe pictograma ochelari are câteva opțiuni excelente pentru a simula diferitele tipuri de orbire colorată. Rularea prin capturile de ecran cu acest lucru vă va ajuta să vă vizualizați interfața pentru cei cu deficiențe de vedere și aceasta este o modalitate excelentă de a asigura accesibilitatea.
O alternativă este să plasați imagini în fereastra aplicației Skala Preview Mac. Cu această setare, Photoshop nu este obligat să vă vadă designul mobil pe un client iOS.
În acest tutorial, v-am arătat cum să automatizați procesul de trimitere a documentelor Photoshop în iOS. Indiferent dacă încercați să proiectați aplicații iOS sau să testați site-uri web mobile, folosiți o aplicație precum Skala este un ajutor imens pentru fluxul de lucru al proiectului. Puterea de a trimite automat capturi de ecran ale dezvoltării dvs. vă poate ajuta să vizualizați designul pe dispozitivele mobile.
Accentsconagua