Origami: slobodný "Photoshop" do interaktívneho dizajnu - MacRadar

Mnohé z nich sú schopní posúdiť, ako živé a dynamické rozhranie novej Facebook iOS aplikácií. Navrhnúť celý tento animáciu statických obrázkov, rozvrhnutie dosť. To je dôvod, prečo vývojári Facebook vytvorili prvý svojho druhu nástroj pre vývoj interaktívnej dizajnu - a zdieľať ich s celým svetom. Zadarmo.

Hoci z hľadiska funkčnosti je stále panna nepahannoe, na strane interaktivity Aplikácia feysbuchnoe papier V skutočnosti sa ukázalo, bez preháňania, novú generáciu interaktívneho produktu. Tu stavy pásku premieňa prúžku karty, ktoré sú štýlovo a komfortne nielen bloky textu, ale aj obrázky a videá a odkazy na externé webové zdroje. A hlavný spôsob, ako pracovať so všetkými typmi tejto odrody reinterpreted - touch gestá a nakláňanie prístroja zo strany na stranu. Najnovšia kniha určená pre širokú prezeranie fotografií, ktoré sa nezmestia na obrazovku, bez zoomovanie ayfon do čierne pruhy hore a dole.

Papier je súčasťou novej iniciatívy, nedávno vyjadril Mark Tsukkerbergom. Jeho podstatou - prezentovať obrovský sociálne siete ako súbor samostatných aplikácií, ktoré umožňujú "Facebook" neponúkajú používateľom koreňovej službu Facebook, súťažiť s novými sociálnych médií a novinky projekty.

Ale ak knihu bol predmetom búrlivej diskusie medzi masy, a nová iniciatíva Tsukkerberga záujem väčšie obchodné analytici a TechnoExpert, niečo o projekte Origami, v percentách, presne vedieť, málo.

Vytvorením tohto nástroja vývojári Facebook výrazne zjednodušila a urýchlila proces dizajnu softvér rozhrania, vrátane "live" komponentov - interaktivitu. A Origami nevyžaduje jediný riadok kódu.

http://vimeo.com/85421325

"Pred použitím Origami Navrhujeme v" Photoshop "- to bol balíček rušený, usporiadaných za sebou obrázkami. Ako taký, sme im ukázal vedenie a medzi sebou navzájom, - hovorí, že značkové výrobky Facebook Brandon Uokin. - Myslím si, že tento prístup sa odráža v práci i na naše produkty. "

V porovnaní s Photoshop, Origami je tak dokonalé, ako je to s papierom, ak je v porovnaní so štandardnou aplikácie na Facebooku.

Origami umožnilo návrhárom vytvárať jeden z najťažších animovaných prvkov papier, ktorý nebol nikdy v súvislosti s rozhraním Facebook - sprístupnenie brožúrky na stiahnutie odkazy na novinky. Je dôležité si uvedomiť, že animácia nie je vzor Origami - to naozaj interactive, vždy viazaná na prste, zatiaľ čo trojrozmerný systém osvetlenia pridáva obrázok hĺbka. Nie je to zlé pre malý fragment aplikácia, ktorá bola vytvorená v iba pol hodiny.

Z veľkej časti Origami - duchovným Uokina a jeho priateľ, dizajnér Drew Hamlin. Jeho tvorba začala pred deviatimi mesiacmi, rovnako ako súčasť práce na knihe. Akonáhle projekt sa stáva zložitejšie, viac možností sa objaví v Origami. V podstate každá animácie Paper bol prvýkrát navrhnutý v Origami, a až potom Facebook programátori, aby ho v žiadosti.

Avšak, Origami bol vytvorený od nuly. V skutočnosti je to špeciálny rozšírenie pre Quartz Composer, voľný Apple aplikácia, ktorá sa tradične používa na vytvorenie jednoduché animácie. Problém je v tom, že Quartz Composer nebol nikdy určený pre rozvoj interaktívneho dizajnu, takže tím Facebook postupne vytvoril svoj vlastný Add-ons a modifikácie.

To bolo vyrobené mnoho praktických zmien, ako je vytváranie vzorov, ktorými Quartz začal hovoriť jazykom pixelov, pre dizajnérov oveľa jasnejšie. Tiež, vývojári sa snažili, aby sa výrobok samotný menej zastrašujúce a pohodlnejšie.

"V skutočnosti sme strávili veľa času a úsilia, aby terminológia a organizovanie pohodlnejšie a priateľský, takže aj študenti nie sú tam je pocit niečoho mätúce a príliš technické, - hovorí Uokin. Výborným príkladom toho, čo urobili - dláždi pásmový systém, ktorý je nastavený na iba dva body, a zvyšok sa automaticky počíta. Šikovná vec pre rýchlu animáciu sa pohybujúcich objektov na obrazovke. V reči Quartz Composer sa nazýva lineárna interpolácia. V Facebook sa tiež nazýva prechod - čo znamená, že tento efekt projektant bude používať k navigácii medzi jednotlivými obrazovkami. Je zaujímavé, že po dobu trvania "prechodové" návrhári lámali hlavu po dobu troch týždňov, ale oni sú presvedčení, že čas bol dobre strávený čas.

The Facebook Pevne veríme, Origami, ktoré môžu byť tiež použité v tréningovom procese v rámci prípravy mladí dizajnéri, takže sa pôvodne naučili myslieť, pokiaľ ide o interaktívny skôr než statická dizajnu. Áno, a návrhári v tých Facebook je teraz povinný master Quartz Composer a Origami.

Skeptici sa môžu pýtať, či Facebook si zaslúži tento nástroj ku všetkým prichádzajúcim? To znamená, že po tom všetkom, obchodné podnikanie. Ak Origami je v skutočnosti, že je ďalším krokom vo vývoji znamená rýchly vývoj rozhraní, či spoločnosť stálo blízko k Origami vnútorné použitie, čím poskytuje konkurenčnú výhodu, pokiaľ ide o Twitteru a ďalších spoločenských aplikácií a platforiem Media?

"Som si absolútne istý, že ak ako konkurenčná výhoda je prevzatý z pracovných nástrojov, nakoniec stratíte - povedal Hamlin. - Chceme Facebook dizajn bol v pohode, ale nechcem, aby to bolo dosiahnuté iba prostredníctvom chladnom nástroja. Lepšie nechať dizajn sa bude líšiť vďaka prvotriedne riešenie a vďaka úlohy, ktoré majú istotu, že vaša práca je najlepší na svete. "

stiahnuť Origami