Origami: un libre "Photoshop" à la conception interactive - MacRadar
Makradar Ios / / December 22, 2019
Beaucoup sont en mesure d'évaluer la façon dont l'interface vivante et dynamique du nouveau Facebook iOS application. Pour concevoir cette animation tout, des images statiques, assez mises en page. Voilà pourquoi les développeurs de Facebook ont créé un premier outil de son genre pour le développement du design interactif - et la partager avec le monde. Gratuit.
Même si en termes de fonctionnalité est encore vierge nepahannoe, de la part de l'interactivité l'application papier feysbuchnoe en fait, il est apparu, sans exagération, une nouvelle génération de produits interactifs. Statuts de la bande ici transformé en une carte à bande, qui sont élégamment et confortablement non seulement des blocs de texte, mais aussi des photos et des vidéos et des liens vers des ressources web externes. Et la principale façon d'interagir avec toute cette variété réinterprété - gestes tactiles et inclinant votre appareil de côté à l'autre. Les dernières dans le document conçu pour une large visualisation des photos qui ne correspondent pas à l'écran sans zoom ayfon à bandes noires en haut et en bas.
Papier fait partie d'une nouvelle initiative, exprimé récemment par Mark Tsukkerbergom. Son essence - de présenter un vaste réseau social comme un ensemble d'applications autonomes qui permettent « Facebook » ne pas offrir aux utilisateurs le service Facebook racine, de rivaliser avec les nouveaux médias sociaux et des nouvelles projets.
Mais si le document a fait l'objet d'âpres discussions entre les masses et une nouvelle initiative Tsukkerberga intéressé par plus d'analystes d'affaires et TechnoExpert, quelque chose au sujet du projet Origami, en pourcentage, savent exactement quelques-uns.
En créant cet outil, les développeurs de Facebook ont considérablement simplifié et accéléré le processus de conception de l'interface logicielle, y compris le composant « en direct » - l'interactivité. Et pour Origami ne nécessite pas une seule ligne de code.
http://vimeo.com/85421325
« Avant d'utiliser Origami Nous concevons dans » Photoshop « - il était un paquet de statique, disposés les uns derrière les autres images. En tant que tel, nous leur avons montré la direction et l'autre, - dit concepteur Facebook Brandon produits Uokin. - Je pense que cette approche se reflète dans le travail et sur nos produits ".
Par rapport à Photoshop, Origami est aussi parfait qu'il est du papier, si elle est comparée à la norme application Facebook.
Origami a permis aux concepteurs de créer l'un des éléments d'animation le plus dur papier, qui n'a jamais été associée à l'interface Facebook - livret information concernant les liens de téléchargement vers les nouvelles. Il est important de noter que l'animation est pas un modèle d'origami - il vraiment interactif, toujours lié à votre doigt, alors que le système d'éclairage en trois dimensions ajoute une image profondeur. Pas mal pour un petit fragment de l'application, qui a été créé en seulement une demi-heure.
Pour la plupart Origami - l'idée originale Uokina et son ami, designer Drew Hamlin. Sa création a commencé il y a neuf mois, tout comme une partie du travail sur le papier. Dès que le projet devient plus complexe, plus d'options apparaissent dans Origami. En substance, a d'abord été conçu chaque animation papier en origami, et alors seulement les programmeurs Facebook pour mettre en œuvre dans l'application.
Cependant, Origami a été créé à partir de zéro. En fait, il est une extension spéciale pour Quartz Composer, une application d'Apple gratuit qui a traditionnellement été utilisé pour créer une animation simple. Le problème est que Quartz Composer n'a jamais été destiné au développement de la conception interactive, l'équipe Facebook a créé progressivement leurs propres add-ons et des modifications.
Il a fait beaucoup de changements pratiques telles que la création de modèles qui Quartz commencé à parler dans la langue de pixels, pour les concepteurs beaucoup plus claire. De plus, les développeurs ont essayé de rendre le produit lui-même moins intimidant et plus pratique.
« En fait, nous avons passé beaucoup de temps et d'efforts pour rendre la terminologie et l'organisation plus pratique et convivial, de sorte que même les étudiants ne sont pas il y a un sentiment de quelque chose de confusion et trop technique, - dit Uokin. Un excellent exemple de ce qu'ils ont fait - ouvrant la voie à sens unique qui est fixé à seulement deux points, et le reste est calculé automatiquement. chose pratique pour une animation rapide d'objets en mouvement sur l'écran. Dans la langue de Quartz Composer, il est appelé interpolation linéaire. Dans Facebook est également appelé transition - ce qui implique que cet effet le concepteur utilisera pour naviguer à travers les écrans. Il est intéressant de noter que sur la durée des concepteurs de « transition » se creusaient la tête pendant trois semaines, mais ils sont convaincus que le temps a été bien dépensé.
Le Facebook crois fermement, Origami qui peut également être utilisé dans le processus de formation en préparation jeunes créateurs, de sorte qu'ils ont appris à l'origine à penser en termes de contenus interactifs plutôt que statique la conception. Oui, et les concepteurs dans le plus Facebook est maintenant un maître obligatoire Quartz Composer et Origami.
Les sceptiques pourraient demander si la peine Facebook donner cet outil à tous les arrivants? Il est, après tout, les affaires de l'entreprise. Si Origami est vraiment la prochaine étape dans le développement des moyens de développement rapide d'interfaces, si la société était une valeur de près de Origami usage interne, offrant ainsi un avantage concurrentiel en termes de Twitter et d'autres applications sociales et plates-formes Médias?
« Je suis absolument sûr que si un avantage concurrentiel est pris d'outils de travail, vous finirez par perdre - dit Hamlin. - Nous voulons une conception architecturale Facebook était cool, mais ne veulent pas que cela soit atteint que grâce à un outil de cool. Mieux vaut laisser la conception sera différente en raison des solutions de première classe et des tâches grâce à la confiance que votre travail est le meilleur dans le monde. "
télécharger Origami