Origami: brezplačno »Photoshop« za interaktivno oblikovanje ustvarjalcev Facebook papirja

<

Mnogi so že cenili, kako živahen in dinamičen je vmesnik z novo aplikacijo iOS iOS Facebook. Za oblikovanje vse te animacije, statične postavitve slik niso dovolj. Zato so razvijalci Facebooka ustvarili prvo takšno orodje za razvoj interaktivnega oblikovanja - in ga delili s svetom. Brezplačno.

Čeprav je po funkcionalnosti še vedno nedokončana nedotaknjena zemlja, kar zadeva interaktivnost, se je aplikacija Facebook Paper dejansko brez pretiravanja izkazala za interaktivni izdelek nove generacije. Tukaj je status trak postal trak kartic, na katerem so ne le besedilni bloki postavljeni elegantno in udobno, temveč tudi fotografije, video posnetki in povezave do zunanjih spletnih virov. In glavni način za interakcijo z vsemi temi premišljenimi raznolikostmi so senzorične geste in nagibanje naprave iz ene strani na drugo. Zadnje v papirju so namenjene ogledu širokih fotografij, ki se ne prilegajo na zaslon iPhone, ne da bi se povečale na črne črte zgoraj in spodaj.

Papir je del nove pobude, ki jo je nedavno objavil Mark Zuckerberg. Njegovo bistvo je predstaviti ogromno socialno mrežo v obliki niza neodvisnih aplikacij, ki bodo Facebooku, ne da bi uporabnikom ponudile korensko Facebook storitev, omogočile tekmovanje z novimi družbenimi mediji in novičarskimi projekti.

Toda če je knjiga postala predmet razgretih razprav med množicami, in Zuckerbergova nova pobuda se bolj zanima za poslovne analitike in tehno-strokovnjake, le nekaj ljudi pozna Origami kot odstotek.

Ko so ustvarili to orodje, so razvijalci Facebooka bistveno poenostavili in pospešili proces oblikovanja programskih vmesnikov, vključno z njihovo "živo" komponento - interaktivnostjo. In za Origami ne zahteva ene vrstice programske kode.

//vimeo.com/85421325

»Pred uporabo Origamija smo razvili oblikovanje v Photoshopu - to so bili statični statični posnetki. V tej obliki smo jih pokazali vodstvu in drug drugemu, «pravi Brandon Wokin, oblikovalec izdelkov Facebook. "Mislim, da se je ta pristop pri delu odrazil na naših izdelkih."

V primerjavi s Photoshopom je Origami popoln kot papir v primerjavi s standardno aplikacijo Facebook.

Origami je oblikovalcem omogočil, da ustvarijo enega najbolj zapletenih animiranih elementov Paper, ki ni bil nikoli povezan s Facebook vmesnikom, razkritje knjižice za prenos povezav do novic. Pomembno je omeniti, da ta animacija ni predlog iz Origamija - res je interaktivna, vedno pritrjena na prst, medtem ko tridimenzionalni sistem osvetlitve doda globino sliki. Ni slabo za majhen del aplikacije, ki je nastal v samo uri in pol.

Origami je večinoma ideja Wakina in njegovega prijatelja, oblikovalca Drew Hamlin. Njegovo oblikovanje se je začelo pred devetimi meseci, kot del dela na papirju. Ker je projekt postal bolj zapleten, se je v Origami pojavilo več možnosti. V bistvu je bila vsaka Paper animacija najprej zasnovana v Origamiju, nato pa so jo programerji Facebooka izvedli v sami aplikaciji.

Origami v akciji: tako izgleda interaktivni prototip papirja - v obliki med seboj povezanih blokov v oknu Quartz Composer.

Vendar Origami ni nastal iz nič. Pravzaprav je to posebna razširitev za Quartz Composer, Appleovo brezplačno aplikacijo, ki se tradicionalno uporablja za ustvarjanje preprostih animacij. Problem je v tem, da Quartz Composer nikoli ni nameraval razviti interaktivnega oblikovanja, zato je Facebookova ekipa postopoma ustvarila svoje dodatke in modifikacije.

Izvedenih je bilo veliko praktičnih sprememb, kot so ustvarjanje vzorcev, zaradi katerih je Quartz začel govoriti v jeziku slikovnih pik, kar je za oblikovalce veliko jasnejše. Prav tako so razvijalci poskušali narediti sam izdelek ni tako zastrašujoče in bolj priročno.

»Na splošno smo porabili veliko časa in truda, da smo terminologijo in organizacijo naredili bolj priročno in prijazno, tako da tudi učenci nimajo občutka za nekaj zapletenega in preveč tehničnega, « pravi Wakin. Odličen primer tega, kar so naredili, je tlakovalni sistem, za katerega sta določeni samo dve točki in vse ostalo se izračuna samodejno. Priročna stvar za hitro animacijo premikajočih se predmetov po zaslonu. V Quartz Composerju se to imenuje linearna interpolacija. Na Facebooku se to imenuje prehod - kar pomeni, da bo oblikovalec uporabil ta učinek za krmarjenje med zasloni. Zanimivo je, da izraz "prehod" razvijalci zmeden za tri tedne, vendar so prepričani, da ta čas ni bil zapravljen.

Facebook je trdno prepričan, da se Origami lahko uporablja tudi v učnem procesu pri usposabljanju mladih oblikovalcev, tako da se najprej naučijo razmišljati v kategorijah interaktivnega in ne statičnega oblikovanja. Da, in oblikovalci na Facebooku so zdaj obvezno obvladani s strani Quartz Composer in Origami.

Skeptiki bodo morda spraševali, ali je bilo vredno Facebooku dati takšno orodje vsakomur! Navsezadnje je to poslovna zadeva. Če bo Origami dejansko postal naslednji korak v razvoju hitrih razvojnih orodij za vmesnike, bi bilo smiselno, da podjetje zapre Origami za notranjo uporabo in tako zagotovi konkurenčno prednost za Twitter in druge aplikacije ter platforme za družabne medije?

»Popolnoma sem prepričan, da če boste uporabili delovno orodje kot konkurenčno prednost, boste sčasoma izgubili, « je dejal Hamlin. "Želimo, da bi bila zasnova Facebooka kul, vendar ne želimo, da bi jo dosegli le s hladilnimi orodji." Bolje je, da je dizajn odličen na račun reševanja prvovrstnih nalog in zaradi zaupanja, da je vaše delo najboljše na svetu. «

Prenesi Origami

<

Priljubljene Objave