Origami: zdarma "Photoshop" pro interaktivní design od tvůrců Facebooku Paper

<

Mnozí ocenili, jak živé a dynamické je rozhraní s novou aplikací iOS iOS Facebook. Chcete-li navrhnout celou tuto animaci, statické rozložení obrázků nestačí. To je důvod, proč vývojáři Facebooku vytvořili první svého druhu nástroj pro vývoj interaktivního designu - a sdíleli jej se světem. Zdarma.

Ačkoli z pohledu funkčnosti stále existuje nepřekonaná panenská půda, pokud jde o interaktivitu, aplikace Facebook Paper skutečně prokázala bez nadsázky interaktivní produkt nové generace. Zde se stávající páska stala páskou karet, na které jsou stylově a pohodlně umístěny nejen textové bloky, ale i fotografie, videa a odkazy na externí webové zdroje. A hlavní způsob interakce s touto různorodou retuší je smyslové gesta a naklánění přístroje ze strany na stranu. Poslední v aplikaci Papír jsou určeny pro prohlížení širokoúhlých snímků, které se nevejdou na obrazovku iPhone, aniž by se měnila na černé lišty nad a pod.

Dokument je součástí nové iniciativy, kterou nedávno oznámil Mark Zuckerberg. Její podstatou je představit obrovskou společenskou síť ve formě souboru nezávislých aplikací, které umožní společnosti Facebook, aniž by uživatelům nabízel uživatelskou službu Facebook, soutěžit s novými sociálními médii a novinkami.

Pokud se však společnost Paper stala předmětem hromadných diskusí mezi masami a nová iniciativa Zuckerberga se více zajímala o obchodní analytiky a techno-odborníky, velmi málo lidí o projektu Origami vědělo v procentech.

Po vytvoření tohoto nástroje vývojáři Facebook značně zjednodušili a urychlili proces navrhování softwarových rozhraní, včetně jejich "živé" složky - interaktivity. A pro Origami nevyžaduje jediný řádek programového kódu.

//vimeo.com/85421325

"Předtím, než jsme použili Origami, vyvinuli jsme design ve Photoshopu - to byly svazky statických, uspořádaných jeden po druhém. V této podobě jsme je ukázali manažerům a sobě navzájem, "říká Brandon Wokin, produktový produkt společnosti Facebook. "Myslím, že tento přístup v práci se odráží na našich produktech."

Ve srovnání s Photoshopem je Origami stejně dokonalý jako papír ve srovnání se standardní aplikací Facebook.

Origami umožnilo návrhářům vytvořit jeden z nejkomplexnějších animovaných prvků papíru, který nikdy nebyl spojen s rozhraním Facebook, zveřejnění brožury o stažení odkazů na zprávy. Je důležité si uvědomit, že tato animace není šablona od Origami - je to opravdu interaktivní, vždy přiložená k prstu, zatímco trojrozměrný osvětlovací systém přidává do obrazu hloubku. Není to špatné pro malý kus aplikace, která byla vytvořena za hodinu a půl.

Z větší části je Origami duchovním dcerou Wakina a jeho kamaráda, designéra Drew Hamlin. Jeho tvorba začala před devíti měsíci, právě jako součást práce na papíře. Jak se projekt stal složitějším, více možností se objevilo v Origami. V podstatě byla každá animace papíru poprvé navržena v Origami a programátoři Facebook ji implementovali do samotné aplikace.

Origami v akci: jak vypadá interaktivní prototyp papírového papíru - ve formě propojených bloků v okně Quartz Composer.

Původ Origami však nebyl vytvořen od začátku. Ve skutečnosti je to speciální rozšíření pro Quartz Composer, volnou aplikaci Apple, která se tradičně používá k vytváření jednoduchých animací. Problém je v tom, že Quartz Composer nikdy nechtěl rozvíjet interaktivní design, takže tým Facebook postupně vytvořil své doplňky a úpravy.

Bylo provedeno mnoho praktických změn, jako je vytvoření vzoru, díky němuž Quartz začal hovořit v jazyce pixelů, což je pro návrháře mnohem jasnější. Také vývojáři se snažili, aby výrobek sám není tak děsivé a pohodlnější.

"Obecně jsme strávili spoustu času a úsilí, abychom terminologii a organizaci učinili pohodlnější a přátelštější, takže ani studenti nemají pocit, že jsou něco složitého a příliš technického, " říká Ukin. Vynikajícím příkladem toho, co udělali, je dlažba, pro kterou jsou nastaveny pouze dva body a vše ostatní se vypočítává automaticky. Šikovná věc pro rychlou animaci pohyblivých objektů kolem obrazovky. V Quartz Composeru se to nazývá lineární interpolace. Na Facebooku se to nazývá přechod - což znamená, že návrhář použije tento efekt pro navigaci mezi obrazovkami. Je zajímavé, že termín "přechod" vývojáři zmátl po dobu tří týdnů, ale jsou přesvědčeni, že tentokrát nebylo zbytečné.

Facebook pevně věří, že Origami může být také využit ve výuce při výcviku mladých návrhářů, aby se zpočátku učil uvažovat o kategoriích interaktivního, spíše než statického návrhu. Ano, a designéři na Facebooku jsou nyní povinně zvládnutí Quartz Composer a Origami.

Skeptici se mohou zeptat, zda Facebook stojí za to, že by vám někdo dal takový nástroj! Koneckonců, toto je koneckonců podnikání. Je-li Origami ve skutečnosti dalším krokem ve vývoji nástrojů rychlého rozvoje rozhraní, bylo by vhodné, aby firmy uzavřely Origami pro interní použití, čímž zajistí konkurenční výhodu pro Twitter a další aplikace a platformy sociálních médií?

"Jsem si zcela jist, že pokud bude pracovní nástroj považován za konkurenční výhodu, nakonec ztratíte, " řekl Hamlin. "Chceme, aby byl návrh na Facebooku v pohodě, ale nechceme, aby to bylo dosaženo pouze pomocí chladnějších nástrojů." Je lepší nechat design být vynikající na úkor řešení prvotřídních úkolů a důvěry, že vaše práce je nejlepší na světě. "

Stáhnout Origami

<

Populární Příspěvky