{"id":65223,"date":"2014-04-30T10:50:52","date_gmt":"2014-04-30T08:50:52","guid":{"rendered":"http:\/\/www.iphone-ticker.de\/?p=65223"},"modified":"2014-04-30T12:56:04","modified_gmt":"2014-04-30T10:56:04","slug":"elegante-animationen-fuer-alle-facebooks-pop-wird-open-source","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/elegante-animationen-fuer-alle-facebooks-pop-wird-open-source-65223\/","title":{"rendered":"Elegante Animationen f\u00fcr alle: Facebooks „Pop“ wird Open-Source"},"content":{"rendered":"

Facebooks neue Paper-Applikation<\/a>, die bislang nur in den USA erh\u00e4ltliche Anwendung, mit der das soziale Netzwerk den Nachrichten-Konsum am iPhone attraktiver gestalten wollte, erhielt viel Beifall. Lob gab es dabei vor allem f\u00fcr die eleganten Animationen. <\/p>\n

\"animate\"<\/a><\/p>\n

Mit neuen Gesten, neuen \u00dcberg\u00e4ngen und neuen UI-Metaphern konnte die Facebook-App nach ihrem Erststart zwar nicht mehr ganz so intuitiv wie ihr Vorg\u00e4nger bedient werden, die u.a. von Brian Lovin detailliert analysierten Animationen vereinfachten die Interaktion mit der Anwendung nach einer kurzen Eingew\u00f6hnungsphase jedoch deutlich. <\/p>\n

Solltet ihr Paper noch nicht in Aktion gesehen haben, k\u00f6nnt ihr die Animationen in dem Artikel Paper Design Details<\/a> begutachten, solltet die 130MB gro\u00dfe Webseite jedoch nicht unbedingt von unterwegs aufrufen. <\/p>\n

Verantwortlich f\u00fcr die weichen \u00dcberg\u00e4nge, die papiergleichen Falt-Animationen und die dreidimensionale Darstellung der Texte ist die animation engine „Pop“. Ein Werkzeug, das Facebook jetzt<\/a> allen interessierten Entwickler zur Verf\u00fcgung stellt und f\u00fcr die Integration in eigene App Store-Projekte anbietet<\/a>. <\/p>\n

Today we\u2019re open-sourcing Pop, the animation engine behind the application\u2019s smooth animations and transitions. Using dynamic instead of traditional static animations, Pop drives the scrolling, bouncing, and unfolding effects that bring Paper to life.<\/p><\/blockquote>\n

Pop ist ein Resultat der Facebook-\u00dcbernahme des Design-Studios „Push Pop Press“ vor drei Jahren. Den Quellcode zum Einbau in eure App k\u00f6nnt ihr auf Github abrufen<\/a>. <\/p>\n

Im Vorfeld bietet sich ein Blick die Pr\u00e4sentation „Building Paper<\/a>“ an. Das 90 Minuten lange Youtube-Video erkl\u00e4rt Motivation und Umsetzung der Paper-App, deren Deutschland-Start noch im laufenden Jahr erwartet wird. <\/p>\n