Origami: een gratis "Photoshop" om interactief design - MacRadar

Velen zijn in staat om te evalueren hoe levendige en dynamische interface van de nieuwe Facebook iOS-applicatie. Om dit hele animatie, statische beelden, opmaak genoeg. Dat is de reden waarom de Facebook-ontwikkelaars hebben creëerde een eerste in zijn soort hulpmiddel voor het ontwikkelen van interactief design - en te delen met de wereld. Gratis.

Hoewel in termen van functionaliteit is nog maagd nepahannoe, aan de zijde van de interactiviteit Paper applicatie feysbuchnoe in feite, zo bleek, zonder overdrijving, een nieuwe generatie van interactieve product. Hier statussen tape omgezet in een strip kaarten, die stijlvol en comfortabel zijn niet alleen tekstblokken, maar ook foto's en video's en links naar externe bronnen op het web. En de belangrijkste manier om te communiceren met al deze variëteit geherinterpreteerd - touch gebaren en uw apparaat te kantelen van de ene naar de andere kant. Laatste in Paper ontworpen voor brede bekijken van foto's die niet passen op het scherm zonder te zoomen ayfon zwarte balken boven en onder.

Papier is onderdeel van een nieuw initiatief, onlangs geuit door Mark Tsukkerbergom. De essentie - om een ​​enorme sociale netwerk te presenteren als een set van stand-alone applicaties die het mogelijk maken "Facebook" niet het aanbieden van gebruikers de wortel dienst Facebook, om te concurreren met de nieuwe sociale media en nieuws projecten.

Maar als de Paper was het onderwerp van verhitte discussies onder de massa's, en een nieuw initiatief Tsukkerberga geïnteresseerd in meer business analisten en TechnoExpert, iets over de Origami project, als een percentage, weten precies paar te noemen.

Door het creëren van deze tool, hebben Facebook ontwikkelaars aanzienlijk vereenvoudigd en versneld het proces van software-interface design, met inbegrip van "live" component - interactiviteit. En voor Origami geen enkele regel code nodig.

http://vimeo.com/85421325

"Voor het gebruik van Origami Wij ontwerpen in" Photoshop "- het was een pak van statische, die achter andere foto's. Als zodanig, we liet ze de leiding en met elkaar, - zegt ontwerper Facebook Brandon Uokin producten. - Ik denk dat deze aanpak komt tot uiting in het werk en op onze producten ".

In vergelijking met Photoshop, Origami is zo perfect als het papier, als het wordt vergeleken met de standaard Facebook-applicatie.

Origami heeft toegestaan ​​ontwerpers om een ​​van de moeilijkste geanimeerde elementen Paper, die nooit in verband gebracht met de Facebook-interface - Disclosure boekje te downloaden links naar het nieuws. Het is belangrijk op te merken dat de animatie is niet een patroon van Origami - het echt interactief, altijd gebonden aan uw vinger, terwijl de drie-dimensionale verlichtingssysteem voegt een foto diepte. Niet slecht voor een klein fragment van de applicatie, die werd opgericht in slechts een half uur.

Voor het grootste deel Origami - het geesteskind Uokina en zijn vriend, ontwerper Drew Hamlin. De oprichting ervan begon negen maanden geleden, net als een deel van het werk op het papier. Zodra het project steeds complexer, meer opties verschijnen in Origami. In essentie is elke animatie Papier eerst ontworpen in Origami, en pas daarna Facebook programmeurs om het uit te voeren in de toepassing.

Echter, Origami werd gemaakt vanuit het niets. In feite is het een speciale extensie voor Quartz Composer, een gratis Apple applicatie die van oudsher gebruikt om een ​​eenvoudige animatie te maken. Het probleem is dat Quartz Composer nooit voor de ontwikkeling van interactieve ontwerp was bedoeld, dus het Facebook-team geleidelijk creëerden hun eigen add-ons en wijzigingen.

Het werd gemaakt vele praktische veranderingen, zoals het maken van patronen waarmee Quartz begon in de taal van de pixels te spreken, voor ontwerpers veel duidelijker. Ook hebben de ontwikkelaars geprobeerd om het product zelf minder intimiderend en gemakkelijker te maken.

"Eigenlijk hebben we besteed veel tijd en moeite om de terminologie te maken en het organiseren van meer handige en vriendelijk, zodat zelfs de studenten niet is er een gevoel van iets verwarrend en te technisch, - zegt Uokin. Een uitstekend voorbeeld van wat ze hebben gedaan - die de weg vrijmaakt systeem dat is ingesteld om alleen twee punten, en de rest wordt automatisch berekend. Handig ding voor een korte animatie van bewegende objecten op het scherm. In de taal van Quartz Composer het heet lineaire interpolatie. In Facebook wordt ook wel de overgang - wat impliceert dat dit effect zal de ontwerper gebruiken om door de schermen te navigeren. Het is interessant dat meer dan de term "overgang" designers pijnigde hun hersenen gedurende drie weken, maar ze zijn ervan overtuigd dat de tijd was goed besteed.

De Facebook zijn ervan overtuigd, Origami, die ook in de opleiding proces kan worden gebruikt ter voorbereiding jonge ontwerpers, zodat ze oorspronkelijk geleerd te denken in termen van interactieve in plaats van statische ontwerpen. Ja, en ontwerpers in de meeste Facebook is nu een verplichte meester Quartz Composer en Origami.

Sceptici zouden kunnen vragen of Facebook de moeite waard om deze tool om alle nieuwkomers? Het is immers de business van het bedrijfsleven. Als de Origami echt te zijn de volgende stap in de ontwikkeling betekent snelle ontwikkeling van interfaces, of het bedrijf de moeite waard was dicht bij de Origami intern gebruik, waardoor een competitief voordeel in termen van Twitter en andere sociale toepassingen en platforms Media?

"Ik ben er absoluut zeker van dat als je als een concurrentievoordeel wordt gehouden met werkende hulpmiddelen, uiteindelijk zul je verliezen - zei Hamlin. - We willen Facebook ontwerp was koel, maar niet willen dat dit alleen worden bereikt door middel van een koele tool. Beter te laten de ontwerp zal anders als gevolg van de first-class oplossingen en taken dankzij het vertrouwen dat uw werk is de beste in de wereld. "

downloaden Origami