Origami: nemokamas „Photoshop“ interaktyviam dizainui iš „Facebook“ popieriaus kūrėjų

Daugelis jau įvertino, kaip gyva ir dinamiška sąsaja su nauja „iOS iOS“ programa „Facebook“. Norėdami sukurti visą šią animaciją, nepakanka statinio vaizdo išdėstymo. Štai kodėl „Facebook“ kūrėjai sukūrė pirmąją savo interaktyvaus dizaino kūrimo priemonę ir dalinosi jais su pasauliu. Nemokamai.

Nors funkcionalumo požiūriu vis dar yra neapdorotos neapdorotos žemės, kalbant apie interaktyvumą, „Facebook“ popieriaus programa iš tikrųjų pasirodė be pernelyg didelio interaktyvaus naujos kartos produkto. Čia statuso juosta tapo kortelių juosta, ant kurios stilingai ir patogiai dedami ne tik teksto blokai, bet ir nuotraukos, vaizdo įrašai ir nuorodos į išorinius žiniatinklio išteklius. Ir pagrindinis būdas sąveikauti su visa ši permąstyta įvairovė yra jutimo gestai ir prietaiso pakreipimas iš vienos pusės į kitą. Paskutiniai, esantys „Paper“, skirti plačioms nuotraukoms peržiūrėti, kurios netelpa į „iPhone“ ekraną, nesumažindamos virš juodos juostos virš ir žemiau.

Popierius yra naujos iniciatyvos, kurią neseniai paskelbė Mark Zuckerberg, dalis. Jos esmė - pateikti didžiulį socialinį tinklą, kuris sudarytų nepriklausomų programų rinkinį, kuris leis „Facebook“, nesuteikdamas vartotojams root „Facebook“ paslaugos, konkuruoti su naujomis socialinėmis žiniasklaidos priemonėmis ir naujienų projektais.

Bet jei „Paper“ tapo karštų diskusijų tarp masių objektu, o nauja Zuckerbergo iniciatyva buvo labiau suinteresuota verslo analitikais ir techno-ekspertais, labai nedaug žmonių žino apie „Origami“ projektą, procentais.

Sukūrę šią priemonę, „Facebook“ kūrėjai labai supaprastino ir pagreitino programinės įrangos sąsajų kūrimo procesą, įskaitant jų „gyvąjį“ komponentą - interaktyvumą. Ir Origami nereikalauja vienos eilutės programos kodo.

//vimeo.com/85421325

„Prieš naudodami„ Origami “, mes sukūrėme„ Photoshop “dizainą - tai buvo statiniai, surinkti vienas po kito. Šioje formoje mes parodėme juos vadovybei ir vieni kitiems “, - sako„ Brandon Wokin “, „ Facebook “produkto dizaineris. „Manau, kad šis požiūris atspindi mūsų gaminių darbą.“

Palyginti su „Photoshop“, „Origami“ yra toks pat puikus, kaip „Paper“, palyginti su standartine „Facebook“ programa.

„Origami“ leido dizaineriams sukurti vieną sudėtingiausių animuotų „Paper“ elementų, kurie niekada nebuvo susiję su „Facebook“ sąsaja, bukleto atskleidimą, kad būtų galima atsisiųsti nuorodas į naujienas. Svarbu pažymėti, kad ši animacija nėra „Origami“ šablonas - tai tikrai interaktyvi, visada prijungta prie piršto, o trimatis apšvietimo sistema prideda gylį nuotraukai. Ne blogai už nedidelę programos dalį, kuri buvo sukurta per pusantros valandos.

Daugeliu atvejų Origami yra Wakin ir jo bičiulio, dizainerio Drew Hamlin, protas. Jo kūrimas prasidėjo prieš devynis mėnesius, kaip dalis darbo su „Paper“. Kadangi projektas tapo sudėtingesnis, „Origami“ atsirado daugiau galimybių. Iš esmės kiekviena popieriaus animacija pirmą kartą buvo sukurta „Origami“, o „Facebook“ programuotojai ją įgyvendino pačioje paraiškoje.

„Origami“ veiksmai: tarsi atrodo, kaip „Paper“ interaktyvus dizaino prototipas - sujungtų blokų forma Kvarco kompozitoriaus lange.

Tačiau „Origami“ nebuvo sukurta nuo nulio. Tiesą sakant, tai yra ypatingas „Quartz Composer“ pratęsimas, „Apple“ nemokama programa, kuri tradiciškai buvo naudojama paprastoms animacijoms kurti. Problema yra ta, kad kvarco kompozitorius niekada nesiekė sukurti interaktyvaus dizaino, todėl „Facebook“ komanda palaipsniui sukūrė savo priedus ir pakeitimus.

Padaryta daug praktinių pakeitimų, pvz., Sukuriant modelius, dėl kurių kvarcas pradėjo kalbėti taškų, kurie yra daug aiškesni dizaineriams, kalba. Be to, kūrėjai bandė padaryti produktą pats ne taip bauginantis ir patogesnis.

„Apskritai, mes praleidome daug laiko ir pastangų, kad terminija ir organizacija taptų patogesni ir draugiškesni, kad net ir studentai neturėtų prasmės kažką sudėtingo ir pernelyg techninio, “ sako Ukin. Puikus pavyzdys, ką jie padarė, yra grindinio sistema, kuriai yra nustatyti tik du taškai, o visa kita apskaičiuojama automatiškai. Patogus dalykas, leidžiantis greitai animuoti judančius objektus aplink ekraną. Kvarco kompozitoriuje tai vadinama linijine interpoliacija. „Facebook“ tai vadinama perėjimu - tai reiškia, kad dizaineris naudos šį efektą naršydamas tarp ekranų. Įdomu tai, kad terminas „perėjimas“ trijų savaičių nesuprantamas, tačiau jie yra įsitikinę, kad šis laikas nebuvo švaistomas.

„Facebook“ tvirtai tiki, kad „Origami“ taip pat gali būti naudojamas mokymosi procese mokant jaunus dizainerius, kad jie iš pradžių išmoktų galvoti interaktyvių, o ne statinių dizainų kategorijose. Taip, ir „Facebook“ dizaineriai dabar yra privalomi „Quartz Composer“ ir „Origami“.

Skeptikai gali paklausti, ar „Facebook“ buvo verta tokį įrankį suteikti visiems! Galų gale, tai yra verslo verslas. Jei „Origami“ iš tiesų yra kitas žingsnis kuriant greitąsias sąsajų kūrimo priemones, ar įmonėms būtų naudinga uždaryti „Origami“ vidaus reikmėms, taip užtikrinant „Twitter“ ir kitų programų bei socialinės žiniasklaidos platformų konkurencinį pranašumą?

„Esu visiškai įsitikinęs, kad jei darbo įrankis bus laikomas konkurenciniu pranašumu, jūs galiausiai neteksite“, - sakė Hamlin. „Mes norime, kad„ Facebook “dizainas būtų kietas, tačiau nenorime, kad jis būtų pasiektas tik su šaldytuvais.“ Geriau leisti dizainui puikiai išspręsti pirmos klasės užduotis ir dėl pasitikėjimo, kad jūsų darbas yra geriausias pasaulyje. “

Atsisiųsti Origami

<

Populiarios Temos