Načelo "sjeckanja": 9 stvari za koje ste mislili da to ne možete učiniti

Princip je prešao od novog djeteta na bloku do gotovog alata za animaciju teškog prototipiranja. Vjerujemo da je ključ njegovog uspjeha to što govori istim jezikom kao što to rade dizajneri. Vrlo je sličan Sketch-u, Keynote-u i After Effects-u, što ga čini odmah poznatim prilikom prvog otvaranja.

Je li teško naučiti koristiti Principle? Ne baš. Ako znate kako rade pogonitelji, komponente i vremenska traka animacije, onda znate Načelo. Oni su osnovni alati, a s njima možete stvoriti gotovo sve u relativno kratkom vremenu.

Ponekad ga kritiziraju zbog nedostatka značajki. Korisnici traže značajke koje ne mogu pronaći. Ali često se ispostavi da postoji rješenje kreativnim korištenjem tih osnova. Neki ga zovu "sjeckanje", ali nemojmo zaboraviti da koristimo alat za izradu prototipa, a ne programski alat. Sve dok korisnik vašeg prototipa stekne solidno iskustvo, zapravo nije važno koliko je to šaljivo.

Facebook zajednica Principa objavila je izvrsne primjere toga, a i sami smo napravili nekoliko „hakiranja“. Pogledajte:

3D

3D se ne podržava, ali definitivno ga možete lažno upotrijebiti pametnim upravljačkim programima kako je to pokazao André Goncalves.

napisao André Gonçalves

Animirani organski oblici

Oblici u načelu temelje se na pravokutnicima sa zaobljenim uglovima. Iako to u najboljem slučaju djeluje u redu, može biti teško postići animaciju s organskim osjećajem prema njemu. U ovom primjeru Skica je korištena za stvaranje organskih oblika. Promjenom ovih u Načelu, upravljačkim programima, možete simulirati jello efekt.

autor Hike One | PRD

Pozadina zamućenja na vrhu videozapisa

Princip službeno ne podržava zamućenje pozadine niti bilo kakvo zamućenje u vezi s tim. Međutim, moguće je stvoriti taj efekt. Sve što trebate učiniti je napraviti zamagljen duplikat slike / videozapisa. U Principleu tada stavite zamagljenu verziju medija unutar maske i stavljate je na vrh originala.

autor Hike One | PRD

Pomicanje ruba

Pomicanje ivica nije službeni događaj u Principu. Međutim, na rub umetničke ploče možete postaviti nevidljivu traku (širine oko 10 px). Dovoljno je mali da ne bi ometao druge interaktivne elemente na stranici. Upotrijebite ovaj element za pokretanje stranica koje treba prevesti i dodajte DragEnd događaj da biste animirali na drugi zaslon.

autor Hike One | PRD

Ograniči sloj koji se povlači

Na primjer, kada kreirate klizač, ne želite da vaš pročistač prelazi izvan stvarnog klizača. Popraviti ove vozače dobro dolazi. Jednostavno dodajte nevidljivi sloj na vrh gumba. Ovaj nevidljivi sloj pokreće ručicu zajedno s njom do točke gdje stiže do kraja klizača kako su ga odredili vozači.

autor Carl BI

Stvorite TV doživljaj s velikim zaslonom

Nažalost, još uvijek nema podrške za ključne događaje u tisku. To otežava stvaranje prototipa za TV korisničko sučelje. Laka povratna zamjena je stvaranje daljinskog zaslona i postavljanje pored prototipa. Ako želite testirati svoj prototip na stvarnom televizoru, jednostavno otvorite prototip na iPadu i AirPlay ga postavite na Apple TV. Sada se naslonite i koristite iPad kao daljinac dok gledate prototip na TV-u. Naravno, korisničko sučelje bit će vidljivo i na vašem iPadu dok je daljinski vidljiv na velikom ekranu. Na njih ćete zaboraviti brže nego što možda mislite.

autor Hike One | PRD

Događaj dvostrukog klika

Dvoklik nije službeni događaj u Principu, ali zapravo je lako stvoriti ga sami, što je pokazao Daniel Hooper. Budući da je to dvostruki klik po mjeri, možete čak i podesiti brzinu.

Daniel Hooper

Napravite kružni utovarivač

Ljudi me često pitaju je li moguće stvoriti animaciju staza u Principu. Na pitanje o čemu se radi, obično objašnjavaju da žele stvoriti kružni utovarivač. Iako animacije staza nisu podržane, kreiranje kružnog utovarivača je vrlo jednostavno. Kieran Black je to dokazao.

autor Kieran Black

Pomičite se na temelju događaja

Vozači su izvrstan način za dodavanje animacija na temelju pomicanja u vaš dizajn. Ponekad, međutim, možda želite da animacija animira samo jedan način. Kao u slučaju: kad se pomičete prema dolje, element se pomiče, ali kad se pomaknete prema gore, element se ne vraća natrag. Nemoguće je postići s vozačima. Zaobilazno rješenje može biti stvaranje pune komponente krvarenja s animiranim elementom iznutra. Pokrenite animaciju lebdjenjem unutar događaja. To funkcionira u većini slučajeva jer će miš tijekom pomicanja miša iznad miša držati komponentu. Očito samo na radnoj površini.

autor Hike One | PRD

Valovite tinte

Podele s tintom, koje se koriste u Googleovom dizajnu materijala, potvrđuju korisnikov unos odmah šireći prema van od točke dodira. Nažalost, Principle ne može prepoznati koji dio gumba ste pritisnuli. Ovaj efekt možete krivotvoriti tako da unutar gumba stavite više komponenti s osipanjem. Dodirni događaj dolje unutar komponente pokreće varanje koji je najbliži vašem dodirnom ulazu. Upotrijebite dodir gore na gumbu (grupi) za prijelaz na ciljano područje ploče.

autor Hike One | PRD

Članak Jimmy Goedhart, dizajnerski voditelj u Hike One-u