Accentsconagua
Share
La inceputul acestui an, Sketch 49 a fost lansat, si impreuna cu acesta unele caracteristici de prototipare anticipate de mult timp. În mersul de astăzi, voi trece peste tot ce trebuie să știți despre prototipuri în Sketch, de la comenzile rapide trebuie să știți, până la obținerea de feedback și colaborarea cu echipa dvs. pe modele și prototipuri.
Odată cu lansarea funcțiilor de prototipare, au apărut patru pictograme noi în bara de instrumente a lui Sketch. Poate cel mai important este hotspot care, atunci când este selectat, vă va permite să abandonați un hotspot interactiv pe tabloul de bord. Următorul este Legătura cu o placă de desen care vă permite să conectați și să conectați un hotspot la o placă grafică de destinație sau la o țintă. Afișați prototipul pictograma vă permite să activați și să dezactivați interfața de tip prototip galben / portocaliu în schiță. Acest lucru este minunat dacă proiectați încă și nu doriți să vedeți toate legăturile și punctele fierbinți din aplicație. În cele din urmă este previzualizare pictograma care permite deschiderea unei ferestre de previzualizare pentru a vă putea folosi prototipul chiar acolo în Sketch. Vom vorbi despre asta într-un mod mai detaliat mai târziu.
Firește, Sketch a implementat câteva comenzi rapide de la tastatură cu lansarea caracteristicilor prototipului. Personal, îmi place să folosesc comenzi rapide - sper că le veți găsi și ele utile!
Pentru a înțelege bine cum funcționează atât hotspoturile, cât și legăturile, să analizăm proprietățile acestora în Inspector Tab. Dacă faceți clic pe orice element, veți observa o filă mică pentru Prototyping cu un simbol plus (+) în dreapta (exact la fel ca și cu Umplere, Frontiere și Umbre). Dacă faceți clic pe +, acesta va transforma elementul într-un hotspot și vă va lăsa automat să adăugați și o legătură pentru acel hotspot. Dacă faceți clic pe elemnt, veți pierde hotspot-ul. Dar dacă adăugați un link, veți avea apoi acces la proprietăți prototip pentru acel hotspot.
Proprietățile prototipului sunt relativ ușor, deoarece prototipul Sketch nu a devenit încă prea complicat sau extins.
Primul este Ţintă scapă jos. Acesta este locul în care hotspot-ul leagă și unde atingeți hotspot-ul vă va duce în continuare. Valoarea prestabilită este ceea ce ați selectat deja, dar în acest moment puteți:
Ultimul lucru pe care trebuie să-l cunoașteți despre proprietăți în inspector este Animații. Acest lucru dictează tranziția care are loc atunci când se face clic pe hotspot. Aveți mai multe opțiuni aici:
Hotspoturile pot fi create în unul din două moduri. Puteți crea manual un dreptunghi pe o tablă de artă, în același mod în care trageți manual un dreptunghi sau un strat de text. Alternativ, puteți selecta un anumit strat sau element. Orice element de design poate fi transformat într-un hotspot, inclusiv simboluri!
Un hotspot în acțiuneAtunci când vine vorba de simboluri în mod specific, un hotspot poate fi plasat interior un simbol, în loc să folosească o instanță de simbol ca un hotspot. Dacă aveți un hotspot în interiorul unui simbol, acesta va fi repetat cu fiecare instanță de simbol, dar o puteți suprascrie ca orice altă proprietate a simbolului, cum ar fi schimbarea unei imagini, a unei pictograme sau a unui text. Puteți, de asemenea, să înlocuiți complet hotspot-ul, eliminându-l efectiv dintr-un simbol. În acest fel veți reuși să folosiți simbolurile până când vacile se vor întoarce acasă fără să vă faceți griji cu privire la hotspoturile inutile.
Un mic detaliu minunat pe care Sketch-ul îl include cu prototipul este o pictogramă în straturi listă. Acesta este același concept cu care se întâmplă simboluri și Categorii exportabile. Prezența unei pictograme Hotspot în rândul straturilor face ca experiența de prototipare să fie mai ușor de înțeles.
Această caracteristică este utilă în special pentru paginile mai lungi pentru modelele mobile! Schița permite automat derularea pentru tablouri de artă mai lungi. În exemplul video de mai jos veți vedea vizualizarea de articol a interfeței UI pe care o folosesc pentru acest ghid. Nu trebuie să vă faceți griji că ați setat ceva pentru a obține pagini de derulare.
A Punctul de start este tabloul de bord implicit din care începe prototipul. În mod implicit, nu există unul, ceea ce înseamnă că dacă alegeți să vă previzualizați prototipul, acesta se va deschide pe tabloul de bord care a fost selectat la momentul previzualizării.
Definirea unui punct de pornire este mult mai utilă odată ce sunteți pregătit să îl împărțiți cu cineva. Pentru a selecta una, navigați la tabloul de arhivă dorit și deschideți-l previzualizare. În partea de sus a ferestrei de previzualizare, selectați micul Steag icon. De fiecare dată când previzualizați prototipul de acum încolo, acesta va începe de la acel startboard artboard.
Deselectați pictograma Flag (transformând din nou gri) o va elimina ca punct de plecare, dar puteți avea mai mult de un punct de pornire. Selectarea pictogramei de pictogramă pe un alt tablou de bord nu îl va elimina de la alte persoane!
"Probabil că doriți să definiți un punct de pornire chiar la începutul unui flux, dar puteți defini mai multe puncte de pornire - o caracteristică care va fi foarte utilă atunci când construiți prototipuri mai complexe care conțin mai multe Artboards sau dacă doriți doar ca ceilalți să vizualizeze o anumită parte a prototipului dvs. "- Documente Sketch
În prezent, vă puteți examina prototipul în Sketch cu ajutorul previzualizare caracteristică. Am discutat despre asta o dată deja. O fereastră va apărea peste aplicația Sketch și puteți face clic în jur și asigurați-vă că ați configurat lucrurile în mod corect.
Există o altă modalitate de a vă examina prototipul. Dacă lucrați în mod special cu modele de dispozitive mobile, îl puteți utiliza în Sketch Mirror. Atât pe iPhone, cât și pe iPad, puteți conecta dispozitivul la Sketch. Puteți examina prototipul mai nativ și într-un cadru adecvat. Hotspoturile vor fi automat, interactive și toate.
Nici Sketch Mirror, nici fereastra de previzualizare, nu fac decât să vă împărtășiți prototipurile cu alte persoane. Deci, dacă sunteți în căutarea de a trimite în jurul valorii de la echipa dvs., sau pentru a rula un test rapid de utilizare, trebuie să faceți acest lucru prin Sketch Cloud. Un prototip poate fi vizualizat și utilizat prin Sketch Cloud de oricine are o legătură. Nu puteți exporta un prototip, cum ar fi orice alt design sau element din cadrul aplicației.
Încărcați prototipul implicit când încărcați documentul curent în Sketch Cloud. Este pur și simplu exportat cu documentul.
Dacă ați definit un punct de pornire, prototipul va fi plasat sub propria sa secțiune de prototip în documentele din Sketch Cloud. Acesta este singurul pas suplimentar pe care trebuie să-l faceți pentru a vă asigura că prototipul dvs. este ușor accesibil prin intermediul Sketch Cloud. Odată ce faceți clic pe prototipul dvs., va începe, firește, la punctul de start și va fi interactiv, toate gata pentru a merge!
Distribuiți legătura cu prototipul pentru ca oricine să îl acceseze și să-l folosească.
Pentru a ajuta la colaborare, puteți să lăsați utilizatorii să lase comentarii cu privire la prototipul dvs. (dacă aveți comentarii activate în Sketch Cloud). Ei vor putea să vă lase comentarii pe plăcile de artă individuale din cadrul prototipului.
Pentru mai mult ajutor, aruncăm o privire la șabloanele prototypice ale lui Sketch.
Este sub Fișier> Nou de la șablon> Șablon de prototip și are o grămadă de note laterale care explică caracteristicile.
Noua facilitate de prototipare Sketch este rudimentară (de exemplu, are doar patru proprietăți de animație). Cu toate acestea, ar trebui să facă prototipuri rapide mult mai ușor. Nu mai trebuie să exportați desenele și apoi să le importați într-un instrument extern cum ar fi UXPin sau chiar Marvel.
Cred că poate îmbunătăți fluxul de lucru pentru designerii care nu au nevoie de ceva fantezist sau puternic. Ar trebui să se potrivească fără probleme cu fluxurile lor de lucru; mai ales dacă utilizează deja Sketch Cloud. Dacă aveți nevoie să rapid și rapid a pus ceva împreună pentru a arăta fluxul de utilizatori de desene sau modele, acest lucru va face cu siguranta truc. Aceasta va ajuta echipa dvs. să efectueze și un test inițial de debit sau de utilizare. În acest moment, nu cred că se schimbă viața, dar cu siguranță mă pot vedea folosind prototipurile Sketch-ului în partajarea cu design-ul UI-urilor clienților pentru viitoarele proiecte.
Ați folosit deja funcția de creare a prototipurilor Sketch? Ce crezi despre? Cum se încadrează în fluxul dvs. de lucru? Distribuiți-ne cu noi un link către un prototip pe care l-ați exportat în Sketch Cloud, astfel încât să putem arăta și noi!
