Principe est un outil de conception d'animations et d'interfaces utilisateur interactives pour le Web, les mobiles et les ordinateurs de bureau ; il combine bien les avantages des logiciels de production d'animation tels que Sketch, Keynote, Flash et After Effect, et peut créer rapidement des visuels interactifs. prototypes et effets dynamiques agréables.
L'environnement d'exploitation de ce tutoriel : système macos 10, principe version 5.13, ordinateur Apple MacBook Pro 16.
Principle est un outil permettant de concevoir des interfaces utilisateur animées et interactives pour le web, les mobiles et les ordinateurs de bureau (certaines équipes de conception l'utilisent même pour la réalité virtuelle !). Principe accélère le cycle de développement de la conception en vous permettant d'évaluer rapidement vos idées avant d'investir un temps précieux en ingénierie. Une fois la conception finale décidée, un prototype principal peut communiquer des idées à l'équipe d'ingénierie.
Plutôt que de fournir des fonctionnalités spécifiquement conçues pour proposer des tendances de conception ou des cas d'utilisation de niche, Principle se concentre clairement davantage sur la fourniture d'une boîte à outils de fonctionnalités à usage général qui peuvent être combinées de manière créative pour produire une variété de résultats. Parce qu'il est impossible de couvrir toutes les façons dont ces fonctionnalités peuvent être combinées, ce document se concentre sur l'explication des principes de fonctionnement du principe et laisse le lecteur inventer des applications créatives.
Principe combine bien les avantages des logiciels de production d'effets de mouvement tels que Sketch, Keynote, Flash et After Effect, et peut créer rapidement des prototypes visuels interactifs et des effets dynamiques agréables. En utilisant Principe, vous pouvez obtenir des effets courants tels que des transitions de page, des liens de page, des animations de chargement et des changements d'éléments. Bien sûr, cela a également des limites si cela implique une interaction de données, comme l'effet de répéteur d'Axure, ce n'est pas le meilleur. Outil de restauration.
Avantages du principe
(1) Simple et facile à utiliser
Principe ouvert et nous paierons attention immédiatement Oui, elle est très similaire à l'interface Sketch. Elle comporte également des barres d'outils, des inspecteurs, un Artboard et des listes de calques. Étonnamment, il peut également copier et coller des éléments directement à partir de Sketch, simplement Cmd+C et Cmd+V. De plus, le coût d'apprentissage de Principle est très faible. Vous pouvez créer un prototype interactif sur votre téléphone mobile avec un simple glisser-déposer, ce qui peut prendre moins de 5 minutes. Cela signifie que le coût de maintenance de Principe est également relativement faible. Il faut savoir que nous refusons de faire des prototypes haute fidélité car cela prend trop de temps et est laborieux. Si nous avons ce temps, il vaut mieux écrire des instructions plus interactives. Plus le temps nécessaire à la conception dynamique d'un prototype est court, plus nous pouvons vérifier nos idées à faible coût.
(2) Lien transparent avec Sketch
Dans la barre d'outils Principe, il y a un outil appelé Importer avec une icône en forme de diamant dessus. Il s'agit d'une importation personnalisée pour Sketch Tool, cliquez sur. pour importer les matériaux souhaités depuis Sketch, à condition que Principe et Sketch soient activés en même temps. De plus, n'oubliez pas que lorsque plusieurs calques de Sketch sont importés dans Principe, ils seront automatiquement fusionnés en un seul calque. Par conséquent, vous devez soigneusement vérifier quels calques ne peuvent pas être fusionnés avant l'importation.
De plus, les touches de raccourci de Principe se chevauchent fortement avec celles de Sketch, comme l'ajout du plan de travail A, du rectangle droit R, de l'outil texte T, du groupe Cmd+G... un lien vraiment transparent.
(3) Il peut fournir des paramètres d'effet dynamiques pour le développement
Vous souvenez-vous encore de la description de l'animation que nous avons décrite au chapitre 6 ? Pour obtenir certains effets de courbe qui accélèrent puis décélérent, nous devons fournir à l'ingénieur de développement de quel type de courbe d'animation il s'agit. En prenant iOS comme exemple, si vous utilisez le moteur Core Animation par défaut du système, le principe fournira deux courbes de fonction, EaseOut et EaseIn, et vous pourrez ajuster 4 paramètres correspondants. Pour parler franchement, Principe peut fournir certains des paramètres dynamiques nécessaires au développement.
Pour plus d'articles connexes, veuillez visiter le Site Web PHP chinois ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!