Origami: en gratis "Photoshop" till interaktiv design - MacRadar

Många har möjlighet att utvärdera hur livlig och dynamiskt gränssnitt för den nya Facebook iOS-program. För att utforma hela denna animation, statiska bilder, layout nog. Det är anledningen till att Facebook utvecklare har skapat en första i sitt slag verktyg för att utveckla interaktiv design - och dela den med resten av världen. Free.

Även när det gäller funktionalitet är fortfarande oskuld nepahannoe, på den del av inter Pappers ansökan feysbuchnoe i själva verket visade det sig, utan överdrift, en ny generation av interaktiv produkt. Här statusvärden band förvandlas till en remsa kort, som är elegant och bekvämt inte bara textblock, men också bilder och videoklipp och länkar till externa webbresurser. Och det huvudsakliga sättet att interagera med allt denna sort omtolkas - touch gester och luta enheten från sida till sida. Senast i papper som är avsett för bred tittar på bilder som inte passar på skärmen utan att zooma ayfon till svarta fält upptill och nedtill.

Papper är en del av ett nytt initiativ, uttryckte nyligen Mark Tsukkerbergom. Dess väsen - att presentera ett stort socialt nätverk som en uppsättning av fristående program som tillåter "Facebook" inte erbjuda användarna roten tjänsten Facebook, för att konkurrera med de nya sociala medier och nyheter projekt.

Men om Paper var föremål för heta diskussioner bland massorna, och ett nytt initiativ Tsukkerberga intresserad av fler affärsanalytiker och TechnoExpert, något om Origami-projektet, i procent, vet exakt fåtal.

Genom att skapa detta verktyg har Facebook utvecklare betydligt förenklat och påskyndat processen av programvara gränssnittsdesign, bland annat "live" komponent - interaktivitet. Och för Origami inte kräver en enda rad kod.

http://vimeo.com/85421325

"Före användningen Origami Vi designar i" Photoshop "- det var en förpackning med statisk, anordnade efter de andra bilderna. Som sådan, visade vi dem ledarskap och med varandra, - säger designer Facebook Brandon Uokin produkter. - Jag tror att detta tillvägagångssätt återspeglas i arbetet och på våra produkter ".

Jämfört med Photoshop, är Origami så perfekt som det är papper, om det jämförs med standarden Facebook-applikation.

Origami har tillåtit designers för att skapa en av de svåraste animerade element papper, som aldrig har associerats med Facebook-gränssnittet - Disclosure häfte för nedladdning länkar till nyheter. Det är viktigt att notera att animeringen är inte ett mönster av Origami - det verkligen interaktiva, alltid bunden till fingret, medan den tredimensionella belysningssystem ger en bild djup. Inte illa för ett litet fragment av ansökan, som skapades på bara en halvtimme.

För det mesta Origami - en skapelse Uokina och hans vän, formgivare Drew Hamlin. Dess skapelse började för nio månader sedan, precis som en del av arbetet med papper. Så snart projektet blir mer komplex, fler alternativ visas i Origami. I huvudsak var varje animation papper först utformas Origami, och först därefter Facebook programmerare att genomföra det i ansökan.

Emellertid Origami skapas från grunden. I själva verket är en speciell förlängning för Quartz Composer, en fri Apple-program som traditionellt har använts för att skapa en enkel animation. Problemet är att Quartz Composer aldrig var avsedd för utveckling av interaktiv design, så Facebook laget gradvis skapat sina egna tillägg och ändringar.

Det gjordes många praktiska förändringar som skapar mönster genom vilka Quartz började tala på det språk pixlar, för designers mycket tydligare. Dessutom har utvecklarna försökt att göra själva produkten mindre skrämmande och bekvämare.

"Egentligen tillbringade vi en hel del tid och ansträngning på att terminologin och organisera mer bekväm och vänlig, så att även eleverna är inte det finns en känsla av något förvirrande och alltför tekniskt, - säger Uokin. Ett utmärkt exempel på vad de har gjort - banar väg system som är inställd på att bara två poäng, och resten beräknas automatiskt. Praktisk sak för en snabb animering av rörliga föremål på skärmen. I språket av Quartz Composer kallas det linjär interpolation. I Facebook kallas också övergång - vilket innebär att denna effekt designern använder för att navigera genom skärmarna. Det är intressant att under begreppet "övergång" designers plågat sina hjärnor i tre veckor, men de är övertygade om att tiden var väl spenderade.

Facebook övertygad, Origami som även kan användas i utbildningsprocessen för att förbereda unga designers, så att de ursprungligen lärt sig att tänka i termer av interaktiva snarare än statiska design. Ja, och designers i de flesta Facebook är nu ett obligatoriskt mästare Quartz Composer och Origami.

Skeptiker kan fråga om Facebook värt att ge detta verktyg för att alla uppstickare? Det är trots allt verksamhet i verksamheten. Om Origami är verkligen att bli nästa steg i utvecklingen innebär en snabb utveckling av gränssnitt, om företaget var värt nära Origami internt bruk, vilket ger en konkurrensfördel när det gäller Twitter och andra sociala program och plattformar Media?

"Jag är helt säker på att om en konkurrensfördel tas arbetsredskap, så småningom kommer du att förlora - sade Hamlin. - Vi vill att Facebook designen var cool, men vill inte att detta ska uppnås enbart genom en cool verktyg. Bättre att låta designen kommer att vara annorlunda på grund av de förstklassiga lösningar och uppgifter tack vare det förtroende som ditt arbete är det bästa i världen. "

nedladdning Origami