5 étapes pour la maîtrise de l'animation web, BLOQ Creative
Il n'a jamais été un temps plus excitant pour l'animation web. Avec les concepteurs d'interface utilisateur et les développeurs d'interaction en plus appel à l'animation pour améliorer leur expérience en ligne, la demande est à la hausse. Et avec de meilleurs outils dans les navigateurs à l'horizon grâce à la nouvelle API d'animation Web, animation web devient une discipline créative essentielle.
01. Mise en route
02. outils d'animation Web
Quels sont les bons outils pour le dessin numérique qui ne cassera pas la banque?
RN: Je recommande Manga Studio et un stylet Bamboo pour tous ceux qui veulent percer dans le dessin numérique. Je suis sûr qu'il ya d'autres produits et combinaisons là-bas, mais ces deux ensemble sont des lignes abordables et d'offrir de belles.
03. contes
Comment puis-je intégrer la narration?
RN: C'est une question avec une longue réponse! Je lance en fait un cours en ligne un mois sur la question.
Je recommande la lecture de livres sur les contes du développement Web à l'extérieur. Fouillez votre bibliothèque locale pour les livres sur le cinéma, l'écriture, l'animation et la bande dessinée, ainsi que ceux qui ont « l'histoire » dans leurs titres et descriptions. Prenez un de ces passe-temps comme un côté, et bientôt vous verrez qu'il forme une boucle de rétroaction avec votre travail plus technique.
Ne manquez pas parler de Rachel Nabor sur le web en mouvement à San Francisco Générer
04. Prototypage
Avez-vous prototyper vos animations dans quelque chose comme After Effects ou Framer premier?
RN: Les animateurs et les concepteurs Web UI que je connais envoient leurs documents aux équipes de développement de petits films de la façon dont ils devraient regarder en action. Ils utilisent souvent les outils dont ils sont le plus à l'aise avec la conception en mouvement: After Effects ou même Flash!
J'ai rencontré d'autres équipes qui envoient un mouvement spécifique et le calendrier des coordonnées pour les développeurs ainsi. Et il y a d'autres qui font une bonne quantité de prototypage interactif dans des outils tels que Framer ou bord Animer.
05. API d'animation Web
Est-ce que l'animation JS dominer l'avenir avec l'arrivée de la nouvelle API d'animation Web?
Il va ouvrir le moteur de rendu du navigateur pour les navigateurs et les développeurs d'extension pour construire de meilleurs outils navigateur pour manipuler des animations, et donner aux développeurs bibliothèque d'animation accès à l'accélération matérielle qui est actuellement disponible que pour l'animation CSS. Prise en charge complète ne peut pas venir assez tôt!
Vous voulez en savoir plus sur l'animation web? Venez pourgénérer San Francisco, où Rachel Nabors parlera du web en mouvement, en regardant la façon dont l'animation aide les gens à interagir avec les écrans tactiles, comment ces mêmes principes sur le Web, où l'animation a été tout ce temps, et où il est going.Book à présent!
Cet article a paru le magazine INNET. numéro 264, abonnez-vous aujourd'hui.