Découvrir le design responsive

Créer des maquettes responsives

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez les outils pour prototyper le design responsive lors des différentes étapes de la conception de site web.

Transcription

Dans votre flux de production pour créer des designs responsive, il y a une étape qu'il ne faut absolument pas zapper, c'est celle de la création de maquettes. Vous devez à tout moment avoir une idée très précise de la façon dont les contenus vont être répartis sur les différents écrans en fonction des points de rupture. Vous allez donc demander à vos créatifs, ou si vous le faites vous-même, vous allez vous le demander à vous-même, de réaliser des maquettes. Et plus tôt vous réaliserez des maquettes, plus tôt vous prototyperez, et plus efficace sera votre flux de production. Vous allez pouvoir travailler avec des outils, dans un premier temps, comme Mockingbird, qui vont vous permettre de créer des maquettes filaires. Il s'agit de maquettes de structures, où vous allez mettre en place uniquement des éléments comme vous voyez sur cette page, qui se mettent en place à partir d'un menu latéral où vous allez choisir les différents éléments. Et vous allez donc réaliser des maquettes pour les différents écrans sur lesquels vous avez à travailler. Vous pouvez vous connecter sur Mockingbird et vous pouvez tester cet outil gratuitement de manière Il y a bien entendu d'autres outils qui vont vous permettre de créer des maquettes filaires. Vous pouvez également vous reporter aux formations de notre catalogue sur le prototypage. Et puis aujourd'hui, une fois que les maquettes filaires ont été créées et une fois que vous avez avancé dans votre projet, vous allez pouvoir passer à ce que l'on appelle des maquettes fonctionnelles. Vous pouvez travailler pour ces maquettes fonctionnelles avec un outil comme Adobe Experience Design qui, à l'heure où nous réalisons cette formation, est encore en bêta version, ou vous pouvez également travailler avec un outil comme Figma qui va vous permettre en ligne de créer des maquettes qui sont très proches des maquettes filaires mais qui vont être fonctionnelles, c'est-à-dire que vous allez pouvoir relier différents éléments entre eux, et simuler des clics ou des interactions notamment de toucher sur les périphériques mobiles. Et ces maquettes sont très intéressantes à mettre en place. Alors Figma est un module qui est freemium, donc il y a une version gratuite que vous allez pouvoir également tester pour voir quel est l'outil qui correspond le mieux En tout état de cause, il va falloir systématiquement qu'à chaque étape de votre production vous ayez une idée très précise de la façon dont les contenus sont répartis, et vous n'allez pouvoir avoir cette idée qu'à l'aide de maquettes. Pensez donc à toujours intégrer la création et la validation de maquettes responsive dans votre flux de production. à votre protocole de travail.

Découvrir le design responsive

Abordez les principes du design responsive. Comprenez la problématique des écrans haute densité, analysez les grilles fluides, explorez les outils de prototypage, etc.

Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :6 sept. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !