Adobe XD : Conception et prototypage d'applications pour les débutants | Matt Ward | Skillshare
Menu
Recherche

Vitesse de lecture


  • 0.5x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 2x

Adobe XD : Conception et prototypage d'applications pour les débutants

teacher avatar Matt Ward, Product Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Intro

      0:35

    • 2.

      Configuration et inscrivez les écrans 2

      20:31

    • 3.

      Onboarding des écrans

      17:36

    • 4.

      Icônes et navigation en dessous

      13:27

    • 5.

      Écrits principaux : Flux d'actualités / profil

      37:33

    • 6.

      Créer le prototype

      20:00

    • 7.

      Partager le prototype

      2:03

    • 8.

      Outro

      0:26

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

1 813

apprenants

5

projets

À propos de ce cours

Dans ce cours, nous allons créer une application News à partir de rien. Nous allons aborder les principes d'Adobe XD et apprendre à travailler avec des images, créer des icônes, des boutons et des prototypes. Je vais également partager un plugin que j'utiliserai dans mon travail au quotidien qui DOUBLES ma vitesse de conception, donc ce cours sera utile pour n'importe quel niveau pour n'importe quel niveau de work Regardez ci-dessous pour quelques exemples de ce que nous allons créer.

J'ai joint les fichiers que j'ai utilisés dans le projet de cours, n'hésitez pas à utiliser ces fichiers ou simplement vos propres images.

Splash et inscrivez :

5513000fa

.

Onboarding :

Flux d'informations et navigation inférieur :

Rencontrez votre enseignant·e

Teacher Profile Image

Matt Ward

Product Designer

Enseignant·e
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Intro: Hey, les gars, aujourd'hui va passer par Adobe X'd. Il va concevoir et prototyper notre toute première application. Donc, cela est destiné aux débutants, mais aussi vous montrer quelque chose comme les processus de flux de travail rapides éclair et les plug-ins que j'utilise au jour le jour. Mais le rendre rapide et précieux pour tous ceux qui veulent regarder de sorte que notre sortie ressemblera à quelque chose comme ça. Donc, nous faisons un prototype de 10 à 12 écrans avec une très haute fidélité, et je vais concevoir chaque pièce en cours de route. J' espère que vous pourrez trouver des informations utiles, alors commençons. 2. Configuration et inscrivez les écrans 2: ne prenez aucun avis quand commencer que nous avons des tailles d'appareil semble arrêter et parce qu' il va faire un mobile sur, nous allons cliquer ici. OK, donc une note rapide sur la taille des fichiers, vous remarquerez que la première décision que vous devez prendre un Adobe X'd est la taille de fichier à concevoir. Je vais encourager tout le monde quand tu viens de commencer, spécialement conçu pour l'appareil que tu as là. En fait, je pense que c'est jusqu'à 24 000 appareils Android maintenant. Et environ 27 Ah appareils IOS. Donc, vous vraiment au moins quand vous commencez, ne vous inquiétez pas d'essayer de concevoir pour tous les différents types d'appareils. Encourager tout le monde. Il suffit de tirer l'appareil que vous avez. Um, ça va être génial d'utiliser ça comme référence pour commencer à voir l'échelle et la taille des choses et vous serez capable de jouer avec les choses à l'écran. Et vous pouvez en fait tirer Adobe X'd et utiliser un aperçu en direct, ce que je super recommande. Ça va juste vous familiariser beaucoup plus avec l'échelle des boutons et les grandes choses que vous faites sur l'écran sont en fait parce que croyez-moi, c'est beaucoup différent sur un moniteur que sur l'écran de votre téléphone. Alors tout le monde, s'il vous plaît vérifier si vous pouvez. C' est super utile quand je l'encourage pour ce prototype et pour celui-ci sera parti. Je trouve Xar donc la première chose que vous remarquerez. Vous voyez, nous avons ce tableau d'art au milieu de la page. C' est la taille de l'écran de notre téléphone, et il est également nommé juste la taille générique trouvée en haut. Ce que nous pouvons faire est de double-cliquer dessus et de le nommer. Splash, vous remarquez à gauche. Nous obtenons ce nom pour mettre à jour sur notre tableau d'art. Donc, ce sera là où tout ce que nous dessinons à l'écran apparaît dans la gauche. Nous avons tout notre dessin à nous, puis à droite. Nous avons tous notre panneau de paramètres, donc chaque option que nous avons à modifier va apparaître chaque année. Donc, titre d'exemple, tout comme l'aéroport et nous avons des options morts au tableau d'art ici, c'est juste, et nous allons vraiment faire l'apparition. Donc, le fond noir. La prochaine chose que nous allons faire est de créer une icône pour l'écran de démarrage, donc nous allons saisir un cercle et nous allons faire glisser un cercle pour dessiner un cercle. Mais vous remarquez que lorsque vous avez glissé pour le dessiner, il se transforme en un ovale, et il ira de quelle façon vous déplacez le curseur. Mais si vous maintenez un décalage dans une échelle uniformément et si vous vieux décalage dans Ault, il sera mis à l'échelle à partir du milieu. C' est un raccourci rapide que j'aime beaucoup utiliser, vous décalez tout avec presque toutes les formes que je crée. Et puis à droite là-haut, vous remarquerez le centre d'alignement dans les outils horizontaux de ligne. Donc, ce sont aussi des choses rapides à utiliser lorsque vous avez besoin d'obtenir des choses sur le port d'art et assurer qu'elles sont centrées et en fait feront un peu plus grand. Donc je vais tenir le changement d'option à nouveau, et nous avons des gars qui viennent. Il peut aussi être utile qui rendent cela un peu plus grand à ce sujet il y en a un, et nous allons le déplacer juste là. Donc ça va être le logo d'un écran de démarrage. Ce qu'un écran de démarrage fait, c'est qu'il offre essentiellement un espace réservé pour donner à l'application le temps de charger . Ils ne sont pas toujours nécessaires, mais c'est bon d'en avoir un, car si l'Europe n'a pas besoin de temps pour le charger quand il est téléchargé et que vous n'en avez pas, suffit de montrer à l'utilisateur un écran noir, ce qui n'est pas idéal. Donc, le premier à affaiblir capture est le rectangle partout à gauche. Et on va faire une corne pour le milieu de notre icône parce qu'on fait des nouvelles et ça va être comme un bullhorn, sorte de rendre hommage à la vieille école comme des garçons de journaux hurlant sur le côté du bien. Donc, une fois que nous avons dessiné le rectangle, nous pouvons voir des hommes que vous avez remarqué que la droite a rempli une bordure. Mais ce que nous pouvons aussi faire ici est de double-cliquer sur le rectangle et de partager ces points comestibles dans les coins. Et ce que nous pouvons faire, c'est saisir ces deux points. J' ai donc été sélectionné le 1er 1 et maintenez un décalage de pression. C' est comme le 2e 1 et on va le faire descendre. Je retourne au sommet, ramène celui-là aussi. Je vais faire la même chose avec le repérer à droite et fondamentalement, ce que je fais est juste d'obtenir un peu plus de forme comme, oh, bullhorn forme pour notre logo que je vais sélectionner hors de ça pour le sélectionner et puis glissez-le vers le haut. En fait, ce qu'on va faire avec ça c'est éteindre la frontière et faire le Phil Black. Je vais double-cliquer une fois de plus parce que nous voulons que cette fin soit un peu plus petite qu' elle ne l'est. Alors quoi ? Il est comme ça. Donc il y avait commencé à obtenir un peu de forme de bullhorn ce qui va vraiment savoir ? Ensuite, mettez un bloc ici pour la poignée. Donc, on va reprendre le rectangle. Faites glisser un minimum, et déposez ça à travers et nous le déplacerons vers le haut. Donc c'est à peu près qu'une poignée serait. On va aussi éteindre la bordure et ensuite rendre le manteau noir. Donc je vais frapper, changer et sélectionner ces deux, et nous allons venir ici à nos outils de combinaison de chemin pour qu'on puisse soit sélectionner cet orteil, ajouter, ajouter, soustraire l'intersexe, exclure chaque tour que nous utiliserons adhérer. Donc, ce qu' il fait, c'est qu'il crée une forme sur les deux et nous pouvons nommer le maïs, et c'est toujours une bonne pratique de nommer les choses comme vous allez parce que quand vous arrivez à, genre, genre, 100 planches d'art pourraient être jolies déroutant. Et en fait, je vais tweeter ça juste une seconde. Donc, j'ai juste double-cliqué dessus pour revenir afin que je puisse éditer ces points. En fait, je vais en parler un peu, et ensuite je vais retourner aux pieds cet outil d'alignement du haut, non ? Et assurez-vous que ces deux air sont centrés. Je vais frapper, changer, sélectionner les deux, puis commander G. et ça va créer un groupe à partir de ces deux-là. Et on peut nommer le logo du groupe, la secte du diable, juste pour s'assurer qu'il est centré juste là. Tu as remarqué que ce guide est venu au milieu de toi ? Si vous tirez autour de n'importe quelle forme, généralement de Dieu va commencer à venir pour vous aider à centrer les choses. Ensuite, nous passerons à cet outil de texte juste ici. Zone de glisser-déposer minimale pour un texte. Le nom de notre application de nouvelles va être extra pour qu'on puisse le mettre en évidence et on changera polices blanches de Miss. Très bien. En fait, je vais aller en gras dans environ 35. Peut-être que oui En ce moment, le texte est un texte de zone. Donc, cela signifie essentiellement que cela va continuer à fonctionner, mais seulement montrer la zone spécifique. Mais si nous le changeons pour pointer du texte ici, il correspondra toujours à la quantité de texte. Et la raison pour laquelle cela est utile est que vous pouvez réellement le mettre à l'échelle comme ceci. Donc, si vous essayez de vous déplacer rapidement et que vous ne voulez pas taper exactement comme des points de police, il est utile, comme, utiliser ce texte de point pour vraiment déterminer où vous voulez une position choses. Ok, donc c'est à peu près juste. Je vais les faire glisser jusqu'à ce qu'ils soient tous les deux hors du centre de la page. Ok, donc c'est un écran de démarrage. On n'aura pas juste ce fond noir. On va avoir une image dedans. Alors laissez-moi tirer sur une image, et j'inclurai cette image pour tout le monde, mais c'est juste une image de journal ah aléatoire que j'ai eue sur Splash. Mais n'hésitez pas à utiliser le même ou un autre, si vous le souhaitez. Donc, vous avez remarqué quand j'apporte l'image dedans automatiquement recadrée au tableau d'art qui est une belle fonctionnalité. Et bien sûr, nous obtenons nos points de montage sur les côtés et la même chose. Je vais tenir l'option, déplacer et mettre à l'échelle cela vers le bas afin qu'il descende uniformément que je vais frapper commande shift crochet gauche . Et ce que ça va faire, c'est que ça va l'envoyer jusqu'au bas du panneau de calque et tu pourrais faire la même chose ici, mais juste le faire glisser. Donc, si on le fait glisser au-dessus de ça, c'est fondamentalement la même chose. Mais c'est assez rapide. Utilisez le raccourci clavier ici. En fait, je viens de remarquer que leur cercle a une bordure dessus, donc je vais double-cliquer dessus. Ok, Nous avons notre fond d'image, mais vous remarquerez que le texte est presque impossible à voir. Donc on va avoir une superposition sur cette image, donc je vais frapper, je suis sur le clavier pour tirer un rectangle et en dessiner un sur toute la longueur de notre planche. Je vais éteindre la frontière et ensuite on la rendra noire. M. Spot traînerait ce sabre et je ferai passer le A environ 70. Peut-être qu'on va essayer. Et ce qu'on peut faire, c'est juste glisser ça sous notre logo. Et on y va. Notre texte est beaucoup plus visible maintenant, et je vais juste nommer espoir. Donc, ce qui s'est passé il est accidentellement drogué dans le groupe sur le panneau de couche, La zone. Maintenant, c'est hors du groupe que nous pouvons nommer cette superposition. Ok, donc il y a notre écran de démarrage, et la prochaine chose que nous pouvons faire est de copier et de coller ça et de créer un écran de connexion. Nous pouvons double-cliquer pour nommer saisir les deux et déplacer vers le haut. Donc, ce que nous allons dio, c'est créer des entrées pour e-mail dans un mot de passe pour qu'on puisse attraper notre outil de ligne ici et que vous remarquez une fois que vous commencez à dessiner des lignes, c'est bizarre de décider où elles s'arrêteront pour que vous puissiez entrer et activer la grille, et il met une grille par défaut. C' est un peu pour Néron. J' aime généralement le faire sortir un peu et ces quelque chose autour comme, 24 et puis nous pouvons juste faire que la valeur par défaut et l'utiliser dans d'autres endroits aussi. Donc je vais faire glisser cette ligne jusqu'à ce qu'elle atteigne ce bord, et ensuite on peut l'éteindre une seconde. C' est assez difficile de vous voir, donc nous allons rendre la ligne blanche et faire la taille à aussi. Et donc nous avons besoin d'une année de SMS pour laisser les gens maintenant qu'ils doivent entrer leur email. Donc je vais juste copier et coller ce texte ici. Je préfère copier et coller du texte, puis juste changé les paramètres ici, plutôt que de dessiner n'importe quelle zone de texte. Parce que je déteste dessiner de nouvelles zones de texte, je pense qu'il est beaucoup plus facile de copier et coller f sur. C' est aussi plus rapide, mais à chacun leur propre. Alors quoi ? Cet e-mail là. Ensuite, je vais attraper ces deux en tenant le quart de travail. Je vais le copier et le coller pour qu'on ait une autre version juste là. Ensuite, nous allons renommer ce mot de passe sur une note rapide pour zoomer et arrière en maintenant la commande et en utilisant la molette de défilement. Et c'est comme ça que je fais un zoom avant et arrière. Enseignez le point de souris et j'utilise la barre d'espace pour obtenir l'outil panoramique à venir. Si la famille de quelqu'un aimerait boutique de photos. Cela fonctionne assez de la même manière. Mais si jamais tu me vois voler autour du tableau d'art, il y a des outils que j'utilise. Donc, nous allons également copier et coller le mot de passe jamais. Parce que si nous avons une entrée de mot de passe, nous devons avoir ah, oublié l'entrée de mot de passe. Simple. Faites glisser ça pour qu'il ne tombe pas. J' avais une question, Mark, et on va écrire une ligne en sélectionnant ça ici. Je vais le rendre un peu plus petit. descendre à 14 avec elle parce que nous avons tous maintenant qui aura probablement besoin de cela à un moment donné si était vraiment un haut parce que je ne peux pas garder une trace de mes mots de passe sans raison. Donc la prochaine chose que nous allons faire est de créer notre bouton de connexion, glisser une forme de rectangle, rendre cela un peu plus petit, et nous allons en fait attraper cet outil de rayon juste ici. Donc, ces petits points ou pour le rayon et nous pouvons saisir cette extrémité et arrondir ces coins , vous pouvez également tenir l'option et juste saisir un rayon. Mais pour celui-ci, nous allons saisir les deux et arrondir les coins uniformément les boutons un peu gros. Et c'est le point pour vous où j'encourage tout le monde. Teoh s'habituer à prévisualiser et commencer à comprendre à quel point les éléments vous je vous crée bras. C' est également très utile et pourquoi je suggère aux gens de concevoir pour l'appareil que vous avez parce que vous pouvez obtenir un aperçu de l'appareil apparaît, et cela vous aide à comprendre les choses que vous construisez et à les voir à l'échelle parce qu'il ne change vraiment quand vous l'obtenez sur l'appareil. Donc, nous allons faire glisser cela un peu, éteindre la bordure, et comme il s'agit d'un bouton, mettra une ombre portée dessus et le point matériel io. Donc, c'est comme les normes Google US, mais beaucoup de bon matériel. Beaucoup de grille de matériel, je suppose. Ils ont créé un site web pour vraiment expliquer pourquoi le vin, quand utiliser les ombres portées et j'encourage tout le monde. Jetez un coup d'oeil, mais les boutons courts de longue histoire sont sur un service de levage et soulever la surface. Avoir des ombres en dessous. Mettez toujours une ombre sur un bouton ou une surface au-dessus d'une autre surface. C' est ce qui est le t o d r des ombres portées. Ne les utilisez pas Stylistiquement, ombres portées sont destinées à transmettre, hum, fonctionnalités. Donc, on peut vraiment changer ça. Il utilisera un vert pour cela, juste à propos de leur apparence. Très bien. Et si vous avez une couleur que vous allez utiliser fréquemment, vous pouvez appuyer sur ce bouton pour enregistrer la couleur. C' est très utile. Donc nous avons besoin de notre bouton pour avoir du texte. Donc je vais prendre l'outil de texte et y dessiner. Alors je vais le centrer, et ce sera notre connexion. Mais maintenant faire cela audacieux et fera 18. J' ai besoin de le mettre en évidence, et je vais en fait basculer vers le texte de pointe à nouveau. Et au centre. Pas ça. Rends-le un peu plus grand. D' accord. J' ai menti. Je vais en prévisualiser ça et voir à quoi ça ressemble. Il a l'air un peu Voir qui semble un peu oeufs de télévision allaient vraiment revenir en arrière. J' aurais dû aller avec un instinct. Resté avec 18 ans. Je vais faire ce bouton juste un peu. Certains le sont aussi. Donc, je vais sélectionner les deux, en fait, en fait, copier et coller à nouveau parce que le bouton de connexion est pour les utilisateurs existants. Mais nous avons besoin d'un bouton de connexion pour les nouveaux utilisateurs. On va faire de ça une frontière. Éteignez le remplissage. Nous utilisons le même changement vert que pour. Et puis ça dira, Signer, ça changera la couleur de ce texte en vert, et on pourra mieux les sélectionner. Et puis tu commandes G pour grouper ? Et nous pouvons nommer cette inscription, faire la même chose avec cette communauté dans un groupe bouton Neymar à nouveau. Bon, maintenant qu'on a notre écran de connexion, on a besoin d'un écran d'inscription. Donc, ce que nous pouvons faire est de sélectionner ceci. On va monter un peu ça. On va prendre des petits pois, les côtoyer. Eh bien, supprimez le mot de passe oublié. Je vais copier et coller ceci et avoir une autre ligne pour entrer le mot de passe. de Tu viensdeconfirmer le mot de passe, Jack. Donc, et nous n'avons pas vraiment besoin de notre bouton d'inscription ici. Nous avons juste besoin d'un bouton de connexion ou de créer un compte. En fait, je vais revenir en arrière et re nommer cela de manière appropriée. Là, on va renommer notre conseil. Créez également un compte. Ok, donc on y va maintenant, avoir son écran de démarrage ou l'écran de connexion et notre écran de création de compte. Donc, la prochaine chose sera de passer à vous est de créer sont sur les écrans d'embarquement 3. Onboarding des écrans: Ok, donc maintenant que nous avons des écrans de signature créés, nous pouvons réellement créer nos écrans d'embarquement. Donc, ce que je vais faire est juste copier et coller cela, allez-y et renommer l'embarquement que je vais réellement supprimer tout de ce sont Bryant. Et je vais revenir en arrière et ajuster la couleur d'apparence pour être une Grady linéaire ici parce que nous n'avons plus notre image comme toile de fond. Et puis vous voyez, je reçois ceci, comme la ligne qui vient qui me permet, comme, éditer et repositionner le radiant sur Deacon, Sélectionner à chaque extrémité et créer une couleur si vous le souhaitez. Vous pouvez également sélectionner sur la ligne et créer une nouvelle couleur au milieu. D' habitude, j'aime garder les choses simples, simples, et ne garder que deux points sur le New York Radiance. Donc nous construisons le haut ici et voulons vraiment que ce soit comme un noir, mais avec, genre, un peu de tente Leah. Rien de trop fou. Avoir raison à ce sujet est probablement très bien. Et je l'ai ajouté pour sauver cette couleur et vraiment vouloir en bas pour être noir. Vas-y encore ici. En fait, c'est juste un cheveu. Bon, donc sur l'écran d'embarquement, nous voulons accueillir notre invité, notre nouvel invité pour établir leur compte. Donc, une copie et coller ce texte super, en fait va retourner la migration et puis aussi aimer utiliser leur grille de failles. Nous sommes donc sur la note par défaut que nous avons créée plus tôt. Et nous voulons souhaiter la bienvenue à nos nouveaux utilisateurs pour rendre cela audacieux. Et on ira à environ 24 heures avec ça. Peut-être un peu plus 28 x cinq Copier et coller. Ce Tim a changé le texte de la zone. Donc la première chose que nous allons vouloir qu'ils fassent est de sélectionner des sujets qui les intéressent pour leurs nouvelles. Donc nous pouvons leur donner des instructions ici et ça. Ajuster ce texte à environ 16 pendant notre grand off peut réellement changer cela un peu. Donc maintenant ce qu'il nous faut coller près. Le petit indus. Maintenant, ce dont nous avons besoin, c'est de vous avoir pour que les gens puissent choisir des sujets qui les intéressent . Ce que nous allons faire est de créer un petit sélecteur pour que nous puissions dessiner un rectangle. Il apportera effectivement le rayon et autour des coins. Éteignez le portier. On va en faire un gris foncé. Je peux ajuster la taille juste un peu, et ensuite on peut créer un cercle. Je suis un vieux changement d'option à l'échelle à partir du milieu. Je sélectionne l'USVI pour revenir à la sélection à apparaître. J' ai bu la soupe ici. Oui, ici dans le Phil off Rendre le portier blanc. Et avec décide de, Je veux dire une copie et coller cette zone double eso un double clic là pour sélectionner tout et nous allons faire votre sujet. Can est un espace réservé. On va en faire 16 et ensuite passer en gras. Une chose à noter, je vais en fait apporter ces textes de zone en deux sur l'endroit où le texte pourrait s'adapter. On va faire ce cercle un peu plus petit, maintenant le changement d'option. Faites glisser ça sur un cheveu. Et ce faisant pour tenir compte de plus d'espace parce que nous allons avoir des sujets qui sont probablement plus de cinq lettres. Peut-être juste un peu. D' accord. Et un, les raisons ici. J' ai choisi d'utiliser la zone Texas parce qu'on va utiliser le branchement dans cette étape pour qu'on puisse sélectionner l'utilisation et je garde le quart de travail. C' est comme plusieurs choses commandent ji, le groupe qu'on peut nommer ce sélecteur, et ensuite je vais frapper la grille de répétition ici en haut, non ? Et si vous remarquerez que nous obtenons ces petites poignées qui arrivent et que nous pouvons en fait simplement glisser et créer des copies de cet élément de groupe, c'est en fait l'un de mes outils préférés dans Adobe X'd. L' une des raisons pour lesquelles je l'aime tellement est que c'est un gain de temps comique de genre, l'alternative à cela est juste copier et coller chacun et finit par prendre beaucoup de temps. Mais le faire de cette façon est tellement plus facile de répliquer ces que vous Io menthes. Et puisque ceux-ci sont au-dessus de nos services d'arrière-plan ou quelque chose, nous voulons l'utiliser interagir avec, nous pouvons effectivement double-cliquer dans et à une ombre, une ombre portée. Donc, une chose à noter pour vous est que l'ombre portée s'applique réellement à tous ces autres. Donc, si nous éditons quelque chose dans une grille de répétition, cela s'applique à tout le reste, qui est une fonctionnalité super sympa de celui-ci, et je vais en fait m'assurer que ce texte est un peu mieux centré. On y va. Maintenant que nous avons nos grains entiers sélectionnés, nous pouvons en fait aller au panneau plug in en bas à gauche. On va en fait ajouter une prise dans cette fiche appelée répéteur. Maintenant, ce plug in est la seule raison pour laquelle je n'utilise pas la dernière version d'Adobe X'd. Il y a un bug mineur avec cela qui ne fonctionne pas si bien dans les nouvelles versions. Hum, et je vais te montrer pourquoi je dirige littéralement un vieux programme pour utiliser ce branchement. Donc, nous obtenons notre élément de grille de répétition juste ici en haut à gauche, et nous obtenons les noms de chaque élément à l'intérieur. Et nous savons que nous voulons sélectionner le sujet, qui est juste ici. Et ce que les répéteurs nous permettant de faire, c'est cela nous donne toutes ces options pour les espaces réservés. Fondamentalement, vous pourriez obtenir des textes pour des formes. Vous pouvez obtenir des images, mais pour celui-ci, nous avons besoin de sujets pour nos fausses nouvelles. Donc, nous allons vraiment regarder une arène commerciale, sélectionner le produit ici, et donc nous pouvons appliquer le fromage et dans des immunités étroites dans toute notre grille de répétition, nous avons maintenant ces produits pré-peuplés et certains d'entre eux sont coupés ici, et ce que nous pouvons faire est en fait d'entrer et de modifier ce texte un peu juste pour nous assurer que tout va bien . Changez cela à 14 et ajustez ceux-ci qu'ils sont à nouveau centrés. En fait, je vais rendre ce cercle un peu plus petit aussi. Déplacement de l'option de moulage. Faites glisser cela un peu vers le bas et vous remarquerez que vous pouvez éditer n'importe quelle instance dans une répétition cred et change les autres. Donc je n'ai pas besoin d'avoir l'impression que vous utilisez le haut à gauche sur le temps, mais leurs invités et ensuite nous avons quelques sujets aléatoires et nous avons eu le clavier à répéter trois fois. Pour quelque raison que ce soit, je ne sais pas pourquoi je vais aller dans et sélectionner et vous revenir à notre texte. Et nous allons essayer le produit à partir de plusieurs fois, demander à l'appliquer. On y va. Maintenant, nous avons le clavier seulement deux fois. Pourtant, je suppose que ça va devoir être lourdement condamné à une amende. La personne est vraiment intéressée par les claviers qui passent par ça à l'embarquement. Alors on y va. Nous avons maintenant notre sélecteur de sujet, et nous aurons également besoin d'un bouton suivant pour que quelqu'un puisse aller ensuite après qu'il ait sélectionné les sujets dans lesquels il s'intéresse. Donc quand un double clic ici et en fait va rendre ce gris et ici, on a un compte-gouttes, et je vais avoir compte-gouttes, la même couleur grise que les boutons de sélection, et ça va être dans le prochain. Et parce que nous voulons que quelqu'un sélectionne les sujets avant qu'ils continuent, je vais en fait rendre ce bouton inactif. Donc tu enlèves l'ombre portée, et je vais ramener cette prochaine capacité de texte à environ 45. Je vais apporter ces éléments, le déplacer un peu vers le haut, parce que nous devrons rendre compte d'avoir un bouton de saut en bas. C' est une chose que vous pouvez faire est que vous ne pouvez jamais simplement piéger les utilisateurs, les appliquer, orteils. Ah, continuez sur et sur l'embarquement. Ce serait horrible. Donc, nous allons donner à quelqu'un la possibilité de sauter s'il ne voulait pas vous dans les sujets qui l'intéressent et espacera juste un peu. Moi, ce juge Menge. D' accord. D' accord. Maintenant, nous pouvons passer à notre prochain écran d'embarquement. Vous remarquez que j'ai automatiquement nommé sur la combustion Dash un qui est très bien. C' est vraiment un nom décent pour ça. Ok, donc la prochaine chose que nous pouvons faire c'est que nous voulons activer la localisation. La raison pour laquelle nous faisons cela est de donner aux gens des informations pertinentes à leur ville ou à leur ville ou où qu'ils vivent. Donc, nous pouvons renommer cet emplacement de l'écran. Excusez-moi pendant que je me bats, je me suis battu à dire aujourd'hui. Donc, nous voulons savoir si notre utilisateur aimerait recevoir des nouvelles locales et une des raisons pour lesquelles il est bon d'avoir Ceci est comme une étape de non-embarquement. Si vous avez besoin d'autorisations, il est préférable d'expliquer pourquoi vous avez besoin de ces autorisations si vous essayez simplement aléatoirement de demander à quelqu'un de l'emplacement et qu'il ne comprend pas pourquoi il ne se sentira pas enclin à vous le donner . Et donc je vais en fait copier et coller ça et expliquer vraiment pourquoi on voudrait services de localisation. Et c'est parce que nous donnons rapidement des nouvelles pertinentes. Je vais en fait jouer avec cette taille de police est un peu ici, faire des italiques pour celui-ci et régulier pour celui-ci et en fait je ne veux pas que cette virgule soit si bien, en fait faire que des attaques pour vous et vraiment juste faire ça ajouter l'accent sur rapide et pertinent est et donnera à l'utilisateur un peu plus d'une explication de la raison pour laquelle ils demandaient des services de localisation. Ok, donc faites glisser ça vers le bas pour que vous puissiez le voir et encore, comme je l'ai dit, il est toujours préférable de demander et d'expliquer pourquoi vous auriez besoin de quelque chose comme un service de localisation au lieu de simplement apparaître au hasard. Mais au milieu aura aussi besoin de quelque chose pour aller ici aussi. Donc, ce n'est pas un écran vide avec du texte et quelque chose qui est un peu plus descriptif super banane rapide petit diagramme. Donc Dieu l'outil du cercle. Et je vais en fait tenir le décalage d'option pour faire glisser ça, éteindre l'eau, et puis je vais double-cliquer et j'y ai les mêmes points d'édition que nous avons eu sur le rectangle avant. Mais je vais juste traîner ça vers le bas. Et si vous double-cliquez, vous remarquerez qu'il l'amène à un point qui est assez utile à savoir, selon le type d'icône que vous aimez faire. Et puis je suis opprimé. E pense que c'est un autre cercle. On va le laisser tomber en plein milieu de tout ça. Je vais en fait sélectionner les deux avec décalage, puis appuyer, soustraire et ils étaient invités qu'on a, Ah, icône de localisation. Et je nommerai ça en haut à gauche et je réduirai ça un peu. Nous allons également ajouter une sorte de cercles autour de vous rendre visuellement un peu plus intéressant et peu meilleure explication Ce qui se passe sur la page. Donc copiez et collez cela à nouveau. Et j'utilise shift une option pour les mettre à l'échelle uniformément Copier et coller à nouveau. On y va. En fait, quand je t'ai fait ça, c'est juste une petite taille. Et je vais aussi aller ici pour déchaîner. Je veux que l'un d'eux soit une ligne de tiret, donc je vais entrer 5 ici. En fait, ça nous donne une jolie ligne de tableau de bord ici pour vous. Vous remarquez que vous allez juste le cap et le tableau de bord et bien sûr, taille de la ligne. Mais en fait, comme cinq ans, je pense que ça a l'air plutôt bon à l'écran. Je vais mettre quelques petits cercles autour de ça aussi, et je ferai ce Phil et je veux qu'ils soient les mêmes. Fais paître les lignes. Je suis en fait un outil Pipette Est. Entrez et sélectionnez cela et enregistrez la couleur qu'il va faire est de copier et coller quelques de ces autour afin qu'ils puissent remplir un peu la ligne, peut-être pour mettre un peu l'accent que, comme, comme, nous obtenons des données de localisation de autour de nos utilisateurs créant un petit système solaire pour des données autour pourrait rendre cela un peu plus petit, en fait, que je vais venir. Je vais tenir le quart de travail et sélectionner tout ça. En fait, je vais grouper donc commander g au groupe, et je vais centrer ça. Oh, c'était un peu trop loin. Considérez cela et nous allons mettre à l'échelle un peu un soma gonflé. Maintenez l'option et déplacez l'échelle vers le haut. Ok, ça a l'air juste et ces boutons sont actifs. Nous n'avons pas à avoir le plus facile de faire quelque chose d'abord. Certains du diable cliquent dans les changements de retour en vert pour ressembler à nouveau. On va changer ceci pour activer l'emplacement, assurer que les capacités sont retournées, et ensuite on gardera toujours l'option de saut ici. Mais puis, une fois qu'il a dit comme ça, vous obtiendrez, comme l'approbation de l'emplacement de demande IOS natif à venir, et donc pour l'étape suivante va effectivement commencer à créer l'écran d'accueil. Et comme les écrans principaux de son haut 4. Icônes et navigation en dessous: Maintenant que nous avons nos propres écrans d'embarquement, nous pouvons passer à la création de notre page d'accueil. Maintenant que nous avons nos propres écrans d'embarquement, Et encore une fois, je copierai et collerai ce tableau d'art, et nous le renommerons à la maison. Nous allons supprimer ces boutons dans cette icône, et nous allons nommer cette maison pourrait mener cela aussi. En fait, je vais rendre ça un peu plus grand. Allumez-le à droite. Mais tu as raison à ce sujet. Je vais en faire 40. Maintenant que nous avons notre page d'accueil, nous allons créer notre navigation en bas. Suivant. C' est une minute. Dessinez une année rectangulaire jusqu'à juste ici. Et c'est aussi là qu'il est utile d'utiliser votre aperçu. On sait et on comprend quelle taille cela doit être. Et gardez juste à l'esprit que l'iPhone axon xar nous avons cette ligne en bas pour faire face à cela. Vas-y. Donc je vais faire ce gris aussi éteindre la frontière. Essaie ce gris. En fait, je ne suis pas fou de ça. On va essayer ça juste là, et je pourrais sauver cet engouement. Will. Donc, ce que nous devons faire est que nous avons besoin de créer quatre icônes pour quatre parties principales qui. Nous aurons donc une maison, une vidéo pour découvrir une section de profil. Donc, ce que j'aime à dio est en fait juste dessiner carré et un décalage de moulage pour s'assurer que c'est même carré et l'espacer. Nous avons donc assez d'espace pour accueillir des objets dans notre fond maintenant. Alors, au milieu de cette colonne, éteignez la bordure. Vous pouvez utiliser une grille de répétition ici. Hum, ça peut accélérer ça un peu pour tes quatre choses et puis t'assurer de créer Isabel là où on devait être, et tu devrais peut-être jouer avec ça un peu, et ensuite on pourra déjouer la grille de groupe. Oui, c'est à propos de l'endroit où nous voulons que nos icônes soient. Je vais en fait dio est de sélectionner tout ça. Déverrouillez-les. Et puis c'est ce que nous allons utiliser pour un guide pour créer nos icônes. Donc, le 1er 1 nous avons besoin de dio est de créer notre écran d'accueil calme. Donc en fait utilisé l'outil rectangle ici et nous allons le dessiner à nouveau dans la forme que nous allons obtenir la taille sur la pluie et je vais double-cliquer et je vais créer un point juste au milieu de ce rectangle que nous allons faire est en fait traîné que vers le haut. Et puis nous avons l'icône de la maison ici qui est joli centre et va réellement bouger que jamais juste un peu l'entendre. En outre, lorsque nous sélectionnons, il semble au centre. Alors notre maison doit avoir une porte. Donc nous allons aussi dessiner un rectangle ici, assurer que centré, devenir un peu plus petit. Je vais sélectionner ces deux et frapper ce syndicat pour apparaître. Eh bien, c'était en fait le mauvais outil. Je vais soustraire les deux à propos de l'dans que quelque chose ne va pas ici pendant une seconde. Ok, donc maintenant nous avons notre icône de la maison, et nous pouvons en fait éteindre la frontière et nous la rendrons noire juste pour que vous puissiez la voir. Je vais cliquer dessus, le déverrouiller. Je vais en fait le rendre génial pour qu'on puisse voir derrière un peu mieux que tu déverrouilles pour l'utiliser à nouveau. OK, donc partout où l'icône de la maison a fait. Et la prochaine chose que nous pouvons compter sur vous est là vidéo ICOM Alors commencez à retirer un autre rectangle. Je vais en fait centrer ça sur l'écran et pour celui-ci parce qu'on fait comme une icône de cadre vidéo. Je ne vais pas aller jusqu'au sommet. Et on pourra changer ça plus tard. Quand nous réduisons ces icônes pour le rendre un peu plus uniforme, nous pourrions saisir ce bouton triangle ici, en fait dessiner un triangle tenant l'évasion de changement, un petit triangle. Nous devons supprimer leur Nous pouvons faire pivoter ce triangle de sorte que l'outil de rotation arrive quand vous avez un droit ici et vous pouvez juste maintenir le décalage qui va le faire pivoter par accrochage, ce qui est assez utile. Centre civil. C' est bien, en fait, la même chose ici. Nous allons soustraire les deux formes. On va éteindre la frontière. Donc, là, nous avons une vidéo rectangle ICOM donc la prochaine chose que nous pouvons faire est de créer ou découvrir icône. Donc, nous allons prendre ce cercle dans le décalage de l'option de fin. Je vais créer un rectangle ici en fait, à propos de ce que vous utilisez va écrire. Mange ce 45 degrés. Faites de cela la poignée de remorquage sont comme recherche, icône Découvrir. Et nous allons aussi les ajouter ensemble. On y va. C' est notre icône de découverte qui éteindra la bordure pendant une seconde. En fait, je pense que je veux que celui-là soit une sortie en fait, j'ai super changé d'avis. Quoi ? Je veux que celui-là soit. Eh bien, en fait, utilisez-le. La création d'un groupe de chemins se fait ensemble. Ensuite, le dernier créera un profil comme sur un grand cercle à nouveau. Allons descendre ça juste un peu. Je vais créer un petit corps pour nous. Eh bien, donc nous allons faire glisser un rectangle à travers. Ensuite, je vais faire le changement de commande à droite pour amener ça à l'avant. Et je vais copier ce cercle et le coller ici à droite et ce que nous allons faire, c'est en fait soustraire ces deux formes pour commencer à former le corps, éteindre ce portier. Ensuite, nous pouvons également faire glisser Cela se termine juste un peu. Donc, je suis juste double clic à nouveau pour que je puisse sélectionner le rayon dans la forme de coupe que nous venons de faire. Et je vais double-cliquer. En fait, je vais manger les plus bas. On y va. On va doubler la sélection ici, puis faire glisser ça un peu et l'échelle vers le bas. Donc, nous avons notre petite icône de profil d'utilisateur ici. Et si tu penses à la même chose que je pense, ça a l'air terrible. Donc nous allons vraiment entrer et la taille de la justice un peu de chacun d'entre eux. Et quand ils commencent à évoluer et que vous remarquerez que celui-ci est un chemin qui va évoluer un peu différemment, il n'est pas rempli. Donc, ceux-ci sembleront en fait plus grands quand je commencerai à les réduire. D' accord ? Ceci et l'échelle vers le bas aussi. Ok, donc vous pouvez réellement entrer, sélectionner ces arrière-plans va déverrouiller et puis les supprimer et ce que nous avons besoin de dio nous allons créer du texte pour elle. Mes flingues. Ce ne sera probablement pas une taille 40, mais, tu sais, tu sais, enseigner aux alentours rester à la maison. Et nous aimons aussi ça et peut-être nous prendre comme 12. Nous allons en fait le rendre régulier et va copier et coller cela sur et mettre un sous chaque nom en fait, dans une sélection tous ces et les centrer ainsi. Et puisque nous avons sélectionné ici, ce que nous allons faire, c'est en fait faire ce bol parce que les vidéos non sélectionnées, je vais faire ça maintenant à la place, Ce que nous pouvons faire est de changer ça pour voyager un. En fait, c'est un peu trop petit comme ceux-ci, à la fois nous ferons aussi la même chose pour notre profil. Faites-le trop sûr. Son poids mexicain. Un double clic dans ce triangle est un peu trop grand. Je peux en trouver le bord. C' est ce que je n'existe pas ici il y a. Parfois, c'est plus facile de rester rapide et puis de double-cliquer furieusement comme je le fais Parfois c'était bizarre, hein ? OK, c'est une compétence en ville. Qui sait ce qui s'est passé là-bas ? C' est au-dessus de mon grade de salaire. Et j'ai menti. Je vais en fait changer ces 21 vous 1.5. Jetez un oeil. Quiz prévisualisant le nouveau sur une échelle. Chacun juste un peu. En fait, je vais laisser tomber ça. Juste un cheveu aussi pour qu'on puisse l'éteindre et voir à quoi ça ressemble. D' accord ? Et la prochaine chose que nous pouvons faire, c'est remplir notre menu de nouvelles pour la page d'accueil. 5. Écrits principaux : Flux d'actualités / profil: Donc maintenant que nous avons sur une navigation créée, nous pourrions entrer et commencer à remplir notre page d'accueil avec nos nouvelles histoires afin que nous puissions créer une sorte de carte pour que cela vive sur tourner le grand retour à la maison que nous voulons réellement qu'ils soient. Nous utilisons cette couleur du bas de dans le portier off qui se faufilaient autour de ces juste un peu. D' accord, Jenna. Grande offense. Ouais, ça ressemble et puis sera un aperçu rapide pour juste avoir une idée de comment ? Ok, ça devrait être bon. Donc ça va convenir à quelques articles de nouvelles juste là. Donc, ce dont nous avons besoin, nous avons besoin d'une carte de fond pour toutes les nouvelles Articles étaient de faire de l'ombre sur cela à nouveau. C' est parce qu'il y a quelque chose que ces Ercan choisissent. Il est assis sur le fond. Donc je vais frapper notre tirage au sort. Un autre rectangle ici. Et ce que ça va être, c'est l'image de l'article, et je vais garder l'option ici, qu'on puisse seulement avoir un rayon de coin et faire la même chose. Maintenez l'option là et faites-le s'adapter à l'extérieur de cela. Donc ça va être comme notre espace réservé à l'image, et cette taille semble correcte pour l'instant. Nous pouvons réellement aller de l'avant et créer une autre zone de texte. Et ce serait le détenteur du titre de nos articles. Nous allons essayer avec environ 18 ans et nous irons régulièrement. Nous aurons un audacieux pour voir si nous pouvions obtenir un certain type ici. Ce n'est pas le cas aussi. La page serait d'aligner la même différence là. On a juste besoin d'une copie d'espace réservé pour l'instant. S' était échappé. Soyez pour obtenir le secteur aussi. Je vais faire de ces 18 gènes normaux. Merci, Sali. Peut-être un peu plus petit ici. Je vais faire tomber ça un petit pistolet pour rendre les petites choses un peu plus petites. Vous pouvez aussi nous apporter des images dans un peu. On y va. Donc, ce sera une belle petite taille d'article miniature. Vous avez juste besoin d'un texte d'espace réservé là, voir à quoi il ressemble. Donc, tout truc de clavier aléatoire fonctionne amusant. Je vais copier et coller ça sur ce que nous voulons au fond de ceci est l'endroit et l' heure où il est devenu personnel pour qu'on puisse juste mettre le temps ici, en fait à nouveau votre texte de zone. Je vais en faire 12. On va écrire une ligne que j'expliquerai pourquoi je cliquete bien. Aligner ça en une seconde. Ensuite, sur la pression de l'artisanat p pour l'outil de stylo tracera une ligne rapide ici. Nous ferons ce blanc plus copiez et collez ceci encore et ici. Nous voulons l'emplacement donc nous mettrons l'emplacement. On va faire de ces deux lumières, en fait. Ok, on va faire en sorte que l'emplacement montre Grec dedans. Eh bien, c'est comme ça dans un peu. Ok, donc maintenant nous avons, genre, un espace réservé pour ce qui est rempli. Article ressemblera à ce que je pense que c'est un peu plus grand aussi. On va regrouper tout ça ensemble et on l'appellera carte. Et si tu ne voyais pas ça venir, on va utiliser la grille de répétition et nous traîner jusqu'au bas. Donc, nous obtenons, genre, un flux d'informations complet rempli d'articles, commande de l' Enemy déplace le crochet gauche, et nous allons l'envoyer à l'arrière de cette façon, il est toujours ci-dessous sont à ce sujet maintenant. Et puisque c'est en fait au-dessus, nous allons aussi mettre de l'ombre portée sur ce do négatif 3. Ce que ça va faire est d'incliner l'ombre portée comme on va. Donc, nous allons sélectionner la grille de répétition et nous allons revenir à cette incroyable répétition à nouveau. Et cette fois, nous allons effectivement cliquer sur l'image aussi bien. Et disons que nous allons faire de la ville pour qu'on puisse les mélanger. Mais vraiment n'importe quel coup de ville est bien, mais nous voulons que la qualité soit un soutien élevé. Juste cela, en optimisant vous appliquerez. Ok, donc une fois que nous aurons fourni nos images, ça prendra une seconde parce qu'il doit télécharger chacune de ces images. On peut y aller et on peut aussi y mettre un titre. Hum, on va essayer. Nous pouvons dio Il n'y en a pas un parfait pour les titres d'articles génériques. Vous pouvez cliquer autour et voir si quelque chose fonctionne. Fonctionne mieux, mais juste pour avoir quelque chose qui est un peu plus vieux va coller avec le commerce et faire le nom du produit, parce que généralement vous obtenez comme un nom multi-mots, alors appliquez-le là aussi. Ici, en bas, à gauche à leur texte temporel. Nous pouvons aussi mettre une date et une heure aussi, donc nous allons choisir le montant et bien, en fait, vous avez coutume. Donc, vous obtenez quelques exemples de différentes choses personnalisées que vous pouvez faire. Vous entendez ce qui va réellement dio est cette collecte h Donc nous allons obtenir une heure juste là et puis nous allons aussi dio un air api Donc nous montrons une heure et puis le P m ou A M temps après appliquera également ce Bayer Et en plus de cela, nous avons notre texte de localisation Nous pouvons aller ici à votre adresse, puis cliquez sur. Pourriez-vous demander à la ville ainsi que des indices ? Et maintenant, quand on regarde Oops ! Quand nous regardons en arrière ici, nous avons rempli la grille de répétition avec, comme, notre article épais titres. Certains d'entre eux étaient assez bizarres, donc certaines des heures AM et PM ne sont pas apparues. Je vais vraiment y retourner et voir si on peut éditer ça. Et je vais aussi voir si nous obtenons un titre plus long pour un produit. On peut essayer la société, et, comme une phrase qui serait probablement une bonne. Ou êtes-vous une entreprise ? Nous appliquons cela et puis de cette façon, cela va nous donner juste un peu plus de temps à la ligne de tête, peut-être catchphrase. Et puis il possède le temps de double chèque dans le temps, nous pouvons en fait à Stephen temps normal. Toujours l'article de temps a été posté aussi. Ok, pour qu'on puisse ouvrir ça, voir à quoi ça ressemble. Ok, je vais changer ça juste un peu. Je pense à cette école à propos de la grille de répétition car nous pouvons réellement aller de l'avant et juste le faire glisser et faire une page à base de plantes de défilement. Donc, si nous cliquons sur le tableau d'art et faites glisser ce bas ici sera en fait capable de faire défiler la page aussi bien. Et le truc, c'est que, si vous le remarquez. Donc, si nous faisons la page si loin, un aperçu rapide et que nous scolaire le bas jamais vraiment écoles avec elle, et nous ne voulons pas ça. Alors quoi, on va dio il a un prédateur en fait. as eu ? Et nous allons sélectionner tous ces éléments ici, et j'ai apporté un clave et sera la position fixe lors du défilement. Et maintenant, si nous revenons à un aperçu, avoir un beau, beau long défilement de sa page. Ok, donc maintenant ce sont des pages d'accueil, aucune. Nous pouvons aller à côté de notre page vidéo. Suivant sur la liste. Retournez à l'onglet de conception sur copiera et collez ce super. On appelle ça une vidéo, donc je vais en fait qu'il n'est qu'une seule carte de ce berceau en groupe, et on va supprimer ce glucide du bas. Je vais supprimer les images ici aussi. Eh bien, en fait, on gardera ce texte, mais je le ferai. Dommages que je vais non graissés c'est. Eh bien, on va sortir de la fiche et du menu pour voir un peu. Qu' est-ce qui se passe ? Nous allons conduire ce titre en bas parce que nous voulons que nos écrans vidéo aient beaucoup plus d'espace. Simple. Sélectionnez l'heure sur le lieu et mettez ce titre de directeur chaque année. Et on va traîner ça. Donc, il a un peu plus de place. On va appuyer sur sont et dessiner un autre rectangle. Et ce sera comme notre fenêtre de prévisualisation vidéo. Nous allons essayer de rendre cette taille un peu plus réaliste. On va nous traîner vers le bas. Non, voici l'option, Ault. Quoi que vous vouliez l'appeler et faites glisser le rayon vers le bas jusqu'à ce qu'il corresponde, éteignez l'eau et encore. Je vais jouer avec ça un peu jusqu'à ce que ça ressemble à une vraie vidéo pour toi. Ok, donc on va Grieb tout ça ensemble. Eh bien, juste nom de la vidéo et puis vous avez deviné que ça marche. Je dois répéter. Bien. Ensuite, je vais passer commande à gauche, et on va envoyer ça à l'arrière. Juste si à propos d'un clave est sur le dessus. Ok, donc maintenant avec cette grille de répétition sélectionnée, on peut aller les plébéiens et répéteur rapide. C' était étrange, mais je suppose qu'il voulait juste me jeter. m'a jeté sur mon bureau. Ok, pour qu'on puisse sélectionner notre image ici. Et nous allons juste Teoh, peut-être la caméra Stephen, prendre du matériel de caméra. Les images optimiseront les images. D' accord, Sweet. Nous pouvons appliquer cela. C' est le téléchargement de dommages. Donc ça pourrait prendre une seconde et ensuite pour le titre reviendrait à vous. Faisons juste le nom du produit ici, puisque nous avons des caméras et le temps et la ville est toujours le même. Mais si nous voulions de nouvelles informations, nous pourrions entrer et refaire cette fois-ci pour appliquer de nouveaux temps. Nous pouvons également appliquer la ville. Ok, donc maintenant nous avons notre page remplie avec leurs fenêtres de prévisualisation vidéo. Le seul problème, c'est que ce n'est pas trop évident. Ces vidéos de l'air, parce qu'il n'y a pas comme l'icône de l'argile ou le bouton au milieu de cette sorte que nous pouvons réellement faire est de revenir en arrière et avoir que dans la répétition cred. Donc, si nous double-cliquons et puis commençons à dessiner la forme ainsi en détresse e pour mettre un cercle jusqu' à dessiner une icône de cercle juste là, Il sait qu'il apparaît sur le reste de la grille de répétition sélectionnée, éteignez la bordure. Et ce que nous allons faire, c'est juste créer une icône de jeu. Nous rendons cela plus petit, nous doublerons rapidement et nous obtiendrons cet outil triangle. Je n'ai pas mémorisé le raccourci pour cela parce que cette assez nouvelle, je suis sûr qu'il y a une autre paperasse ce et centrer cela dans notre sujet de cercle. En fait, je vais baisser un peu la capacité. Ok, donc maintenant on a de jolies icônes de jeu et au milieu d'une vidéo. Et si nous voulons plus de vidéos pour prototyper un écran de défilement, nous pouvons distraire cela, et vous pouvez revenir à répéter er, obtenir plus d'images pour cela. Nous allons jeter un oeil à ce que ça ressemble. Ça a l'air bien. Jusqu' à présent, je vais vraiment les rapprocher un peu, vous laisser éloigner. Le titre de cette page est aussi maintenant vidéo. Nous pouvons ajuster notre fond doivent refléter cela aussi. Nous voulons que notre année de texte soit audacieuse. Celui-ci peut revenir à être régulier, croit alors que nous pouvons créer. C' est Phil, et c'est le triangle devenir vraiment petit parce que nous l'avons ajusté avant est un chemin afin que nous puissions réellement mettre à l'échelle cette sauvegarde. Donc c'est un peu plus d'une taille uniforme. Ça ressemble un peu plus à ça. Ok, c'est la page suivante qu'on peut créer. Y a-t-il une page découverte, et ça va être assez similaire à cette page d'accueil. Donc je vais copier et coller ça. On va le renommer. Découvrez que nous allons emprunter cette icône de recherche dans une copie et collé et la mettre haut dans le haut. droite. Nous pouvons réellement réduire cela juste un peu et faire glisser cette répétition vers le bas parce que nous allons mettre un filtre une option de filtre sur le dessus afin que nous puissions saisir un rectangle qu'il devrait y avoir. Ok, on va arrondir, rendre ce gris sur la frontière. Donc ce que ça va être un petit bouton de filtre décrété filtres pour rechercher des articles de nouvelles quand une ombre portée à nouveau, je vais prendre ce texte ici et le copier et le coller. Donc, nous avons un petit bouton de filtre à nouveau. Nous pouvons prévisualiser cela juste pour nous assurer que la taille est OK. Où est ça ? On va traîner ça maintenant un peu plus. Et parce qu'il s'agit d'une page de découverte, nous pourrions changer les articles ici et encore. Je vais prendre une copie et coller. Ce texte dans les villes sera l'article le plus lu pour une querelle Découverte. En fait, je vais laisser tomber ce son latéral. Montrez ça aux cheveux. Ok, alors passons un aperçu de ça. Oh, donc si vous avez l'intention de nous, nous copions et collons ça du bas. Donc, cela est en fait encore corrigé. Donc, il est toujours sur le dessus de l'habitude d'être peut aller et corriger cela. Vraiment rapide et bâton. Regardez-le encore. D' accord. air bien cette fois. Pour que nous puissions causer ça. Allons de l'avant et mettons à jour ici. On va faire ça trois. En fait, nous ne pouvons pas en faire un remplissage parce que c'est juste tracé chemin. Mais nous pouvons réserver un peu cette année qu'il a sélectionné sondé ici, changer le spectre frontière régulière rendra blanc. Et puis 1,5 comme le reste d'entre eux. D' accord. Donc on peut appeler ça découvert. Ok, donc le dernier sera fait, c'est l'écran de profil. Encore une fois, nous pourrions simplement copier et coller sur l'écran d'accueil. Nous ne rendrons pas celui-ci évolutif, donc nous pouvons simplement le ramener au sommet. Et juste dans Maintenant, vous pouvez sélectionner sur l'un de ces aéroports l juste pour vous assurer que 896 est la hauteur. Donc, vous pouvez revenir à cela et juste vous assurer que c'est le bon type car il est facile perdre un pixel ou à vous en bas. Donc je vais vraiment garder ces articles là pour l'instant. Et nous avons utilisé ceux-ci est comme une section d'article favori afin que nous puissions créer dans les lèvres. C' est un peu comme notre en-tête. Comme la photo de profil. Supprimez ce texte d'accueil. Années de service interrompues, en fait, allez chercher un autre branchement, et si vous faites défiler vers le bas, nous devrions aller trouver votre profil utilisateur. On peut installer ça. Cela va faire pour nous est l'image de remplissage ici. Éteignez la frontière. Ont-ils utilisé Ramage et apparemment nous donner un coup de pied sur le bureau ? Donc, nous avons automatiquement une image à venir pour plus facile ici, ce qui est une fonctionnalité assez cool. Hum, et nous pouvons copier et coller ce voyage, Mlle lu à nouveau le texte. Je méprise juste d'avoir à créer une nouvelle zone de texte. Donc bien, tapez juste un nom aléatoire pour cela. Et puis il pourrait y avoir des informations de profil ou quelque chose sous ça, mais son type ? Elle est membre depuis 1966. On est dans l'ancienne application. Nous étions les premiers, donc nous allons en faire 16. Et les commodités, il est encore léger aussi. Donc, nous obtenons un bon contraste. J' ai heurté celui-là juste pour entendre, ok. Et puis ce que nous allons dio ici est en fait montrer en ligne pour briser ces deux sections, et celles-ci seront blessées, comme les articles les plus appréciés, ou récemment lire copie civile et coller ce texte et puis nous allons changer cela vers le bas Environ 16. Ça devrait être bon. Copiez et collez cette nouvelle fois. Le haricot le coller une fois de plus. Donc il va y avoir trois sections dans ce profil si récemment Lire les likes nous allons vous envoyer ceci et les préférences, et ensuite nous allons écrire une ligne qui à ceci, Assurez-vous que cela est centré. Ensuite, nous allons allumer notre super juste pour vérifier tout ce qu'ils étaient juste. Et ces deux-là ne sont pas sélectionnés en ce moment, donc nous allons réellement faire ce que j'ai aimé et encore une fois ajuster cela légèrement parce que les sections sélectionnées que nous allons mettre en évidence aussi. Donc ça va arriver. Agir est comme une barre d'onglets, et nous vous mettrons à vous. Ok, donc en plus de ça, le profil de la Russie va se lancer comme un menu de débordement, donc ça pourrait être quelque chose comme des paramètres de profil. Tes affaires. Vous pouvez entrer et obtenir, genre, genre, aide pour que les lèvres progressent. Il va traîner un petit cercle sur la frontière. Nous allons réellement utiliser la grille de répétition pour créer. Cette petite icône va glisser vers le bas, puis ajuster la taille créée. En fait, je vais rendre ça un peu plus petit. Peut-être juste là. Nous allons pendant le grand retour pour nous assurer qu'il est au bon endroit. Il est utile de si vous le souhaitez, vous pouvez également apporter comme le natif vous. Je mon arme ici, je peux vous obtenir des raquettes et obtenir Apple IOS, IOS ou Google matériel. Tout ce que vous concevez et peut réellement tirer dans l'en-tête. Eso. Vous avez une idée de jusqu'où vous pourriez aller dans, comme, comme, batterie ou les paramètres WiFi ? Juste une petite note. Pas toujours nécessaire. Mais il peut être bon d'avoir pour référence. Mais maintenant, il doit y avoir un peu d'espace en haut pour que ça aille. Donc nous allons nous renommer profil. Ensuite, nous copions et collons cela, et nous allons juste aller de l'avant et juste donner une subversion pour les goûts. Donc, nous pouvons faire glisser cela dessus, mettre à l'échelle ceci vers le bas et ensuite rendre notre section likes gras aussi. Et nous pouvons changer cela à la lumière. On y va. Alors maintenant elle est récemment rouge et, comme la section toute prête à partir. C' est un autre. Nous avons mis en place notre profil utilisateur. Nous pouvons aller et je juste ce bas clave à nouveau, changer cette 1.5 et puis mettre en évidence le fichier aéroport. Je ne veux pas recommencer, donc je vais juste le supprimer d'ici et le copier et le coller. Vous avez déjà gagné un peu de temps ? Ok, donc nous avons notre page d'accueil ou notre page vidéo découvrir en profil. Donc ça dit Fowler, à ce sujet. Maintenant, l'autre chose et la dernière chose voudra si vous êtes comme une page d'article simulée et tout ce que j'ai fait, c'est peut-être que les aéroports Riches disent qu'ils sont gentils, et même nous pouvons simplement copier et coller cette page d'accueil. Je vais aller de l'avant et supprimer cette grille, en fait. Bien. Supprimer le fond maintenant avoir à vous. Donc, ce serait nous prendre dans une nouvelle page donc nous n'aurons pas besoin de la moitié inférieure, mais il y aura une belle grande image sur le dessus. Comment ? Copiez et collez ce texte, puis créez un espace pour, exemple, un titre de deux pages. Je viens d'avoir une copie et coller ce nom là-bas. Juste pour que nous ayons une idée combien de texte peut aller dans l'espace, puis en dessous aura qui a publié l'article. On peut aussi mettre, comme, peut-être un auteur ou quelque chose, juste un moyen de donner du crédit de façon réaliste ici. Ensuite, nous pouvons copier et coller ici notre temps et notre emplacement. D' accord. Et donc on va vouloir faire ici. C' est en fait le remplir avec du texte pour simuler ça. C' est un article que tu dois faire encore une fois que je me suis échappé accidentellement. Donc un autre branchement qu'on peut utiliser. Il s'appelle en fait ou, euh, Epsom. Donc, fondamentalement, ça va être un texte réservé. Tu peux vendre ça aussi, si tu veux. Je trouve cela assez utile, et je devrai encore une fois dessiner une zone de texte. Donc, cela fait partie de la raison pour laquelle je déteste utiliser une zone de texte dessinée qui préfèrent copier et coller des choses sur. Mais c'est tellement étrange. Ça me jette sur le bureau. Tu vois, juste plus de validation orteil toujours juste du café et de la technologie. Copiez et collez du texte sur. Ne supporte pas les paramètres de texte EC outil d'édition de texte ragoût pour rendre ce régulateur et blanc la taille 16. Donc maintenant, nous allons remplir ceci avec du texte d'espace réservé. Avoir à accepter le texte de réponse. Ok, donc maintenant nous avons beaucoup de texte est un espace réservé. Un article peut réellement glisser-dérouler ici et inclure une autre image. Teoh, peut-être un peu plus petit Tracé ça un peu vers le bas, puis copier-coller pour une deuxième partie de notre article, nous pouvons en fait avoir un sous-titre aussi. Je veux son nom, ce pari. Et donc à la fin de notre article. Nous en fait, je voudrais également mettre une section articles connexes. Nous pouvons rendre ce texte plus petit et il suffit de le copier et de le coller, donc nous devrons le faire glisser vers le bas. Et vous pourriez faire ce défilement plus loin si vous le vouliez. Nous allons juste faire deux articles et a un exemple en bas. Vous pouvez rapidement en afficher un aperçu. Il y a un bon exemple d'article là-bas. Fermez ceci pendant le grand off, et vous pouvez vous sentir libre de jeter quelques images ici pour vous. Ce que j'aime faire orteil rendre un peu plus réaliste, c'est que vous pourriez simplement prendre des images réelles d'un article et juste une sorte de brancher ça. J' ai saisi celui-ci juste quelques images, comme l'immobilier autour d'Atlanta, et vous pouvez remplir certaines de ces informations si vous avez besoin. Et encore une fois, c'est juste un article aléatoire que j'ai essentiellement attrapé sur Internet. Mais nous allons aller de l'avant et lui donner un beau titre qui est plus crédible. Il nous permet également de mettre quelques informations publiées sur l'éditeur puissions nous puissionsregarder qu'une fois la pornographie dans les deux dernières choses à ajouter sera un Baquero et aussi peut-être comme une icône de partage afin que nous puissions tourner un grand dos sur. Et puis je sélectionne p pour l'outil stylo. Je vais dessiner la première ligne en attente, changer, dessiner la seconde. Et puis on y va. Ça pourrait être notre Baquero. Donc je vais en fait faire cette taille trois, qui dans cette caisse hors échelle un peu plus bas. Et puis si vous remarquez que c'est assez difficile de voir que cette flèche blanche sur l'arrière-plan de l'image allait créer un relais. Donc on a frappé notre pour un rectangle, et on va rendre le Phil noir ici. Ensuite, déposez l'opacité vers le bas, puis allez de l'avant et commandez déplacer le crochet gauche et renvoyez cela et assurez-vous que c'est avant. Bon sont le panneau de couche pour vous assurer que tout est en ordre. Donc le chemin est en haut de la carte qu'il était. Assurez-vous que c'est au bon endroit. En fait, réarrangez le départ, s'il vous plaît. On y va. C' est un peu plus crédible. Peut-être qu'un petit membre pourrait 33 a l'air bien. Et maintenant que nous avons notre euro de retour, je peux aussi faire comme une petite icône de partage. Qu' est-ce qu'il était grand dans les lèvres sera dessiné. Trois cercles. On peut faire Skopje et coller ça aussi. Éteignez la frontière. Il va faire ces petits copier et coller ce cercle copier et coller une fois de plus. Ensuite, nous allons vraiment ajuster la taille de ceci un peu et étirer cela. Ensuite, nous allons regrouper tout cela ensemble, le réduire un peu, devons nous assurer d'aller dans éditer cette ligne aussi. Peut-être que deux regards OK, et puis quel genre de mettre dans une taille similaire ? Et j'ai été le grand. Assurez-vous que c'est un bon point. Maintenant, nous avons une icône de dossier et de chaise. Si quelqu'un veut partager son article, d' accord ? Et donc c'est à peu près tout. Pour tous nos écrans. Il y aurait en fait beaucoup plus d'écrans et une application régulière, mais ce genre de couvre une bonne base de terrain. Cela vous donne quelques bases sur la façon de créer plusieurs écrans assez rapidement, en particulier avec l'outil répéteur. Et la prochaine chose que nous pouvons entrer dans est de prototyper ceci et d'ajouter des animations. Si vous vouliez l'utiliser pour, comme une bobine de surbrillance ou quelque chose de cette nature 6. Créer le prototype: Ok, donc maintenant que nous avons tous nos écrans conçus pour vous, nous pouvons aller de l'avant et commencer à créer le prototype sur Weaken. Sélectionnez chaque à ce joli tapé hors du haut, et nous allons commencer avec notre écran de démarrage et une chose à savoir Il n'y a pas vraiment boutons sur l'écran, donc nous allons vraiment vouloir une transition temporelle vers un écran de connexion, et pour ce faire, sélectionnez le tableau d'art et en haut aura cette option de temps. Et maintenant, les options de temps de montage rapide ne sont disponibles que lorsque vous sélectionnez l'ensemble du tableau d'art. Ce n'est pas disponible si vous sélectionnez juste un bouton singulier, mais pour cela, c'est bien. Alors appuyez sur l'heure. Et donc nous voulons sa transition vers notre écran de connexion et environ 0,3 secondes, et la transition est bonne. Connectez-vous, dissoudre. Il est sorti. Aussi, si je le suis, il joue. Voir ça a l'air bien. Donc, c'est vraiment assez rapide, ce qui est en réalité très bien parce que vous ne voudriez jamais éclabousser l'écran pour être là plus longtemps que je devais l'être. Mais juste pour que nous obtenions une meilleure idée de ce à quoi ça ressemble, nous allons aller 0,8 et le regarder. Encore une fois. D' accord ? C' est cette évasion là-bas. Et Alex Good. Jusqu' à présent. Donc la prochaine chose que nous pouvons dio est de connecter notre inscription. Mais depuis ce flux, l'utilisateur n'a pas de compte, va créer un compte afin que nous puissions sélectionner ce bouton et nous obtenons cette poignée sur mon contrat que plus. Et donc ici, nous regardons les déclencheurs actionnent, transition, transition, ce qui est très bien. Dissoudre ces 0,3, tout va bien. Donc, si on regarde ça, c'est comme, inscrivez-vous et puis on arrive à la page suivante, qui a l'air bien. Revenons-en et on minimisera ça pour l'instant. Et donc nous pouvons utiliser ce processus pour vraiment nous connecter. Tous ces écrans vont sélectionner que créer le bouton de compte et aller à notre accueil sur l'écran d'embarquement. Et donc tout va maintenant et rapidement, nous voulons que les gens puissent réellement interagir avec leur écran d'embarquement. Donc, ce que nous allons faire est de créer un autre écran ici pour simuler ce sont ces sujets ou être sélectionnés afin que nous puissions réellement copier et coller cela et passer à l'onglet Zahn et disons que les nouveaux utilisateurs vraiment intéressés par les pantalons ? a l'air marrant, hein ? Donc, ce que nous pouvons réellement faire est de simuler que cela a été sélectionné et si vous remarquez que je l' ai changé et sa propre grille de répétition. Donc je vais annuler que nous allons posséder le groupe de la grille ici. Et de cette façon, nous pouvons éditer chaque sélecteur individuel. Alors allons-y, pantalon. Nous allons tourner ce vert et aussi à dans l'écran de texte. Et juste pour ajouter un peu plus vous je donc il semble qu'il est en fait sélectionné. Va également mettre un cercle au centre. Donc impressionnant il et puis option déplacer pour faire glisser un cercle dans le centre. Et puis nous remplissons aussi cela avec du vert aussi. Et donc puisque certaines choses ici sont effectivement sélectionnées rendront cela mais actif aussi. Donc, nous allons double-cliquer, faire de l'écran et changer le texte un pastie à 100%. Ensuite, je vais sélectionner tous ces tableaux d'art et revenir en arrière. Et donc nous devons nous rappeler de retourner au prototype et de se connecter. Si l'utilisateur sélectionne des pantalons, pourquoi ne pas savoir pourquoi ils sont si intéressés par les pantalons, mais enseigner leur propre transition donc tap. Dissoudre ça, c'est bien. Jetons un coup d'oeil à ça. Donc, si nous allons ici, sélectionnez les pantalons que nous avons, notre sujet est sélectionné, il devient surligné et notre bouton devient actif. Donc c'est bien. Et si nous le voulons, nous pouvons également ajouter un écran de plus et simplement répliquer le même processus. Parce que quelqu'un s'intéresse à plus que des pantalons. Ils s'intéressent aussi au bacon. Oui, toujours bon. Donc, je peux en fait simplement copier et coller cela et je vais dire un rapide et ici coller et j'ai remarqué que j'ai double-cliqué, ce qui en fait l'a ajouté au groupe spécifique. Si vous venez de le copier et de le coller sur le haut, il ne serait pas ajouté à ce groupe. Juste un rapide Newt là-bas. Amenez-le à environ le côté droit de l'espace approprié. Changez ça en vert aussi. Et puis nous retournerons à notre onglet prototype, nous avons traîné. Ensuite, nous pouvons soulager 0.3 que les transitions bien. Et nous pouvons aussi aller n'avait pas connecté à notre emplacement d'activation. En fait, c'est Travis du haut. Donc on va s'inscrire. On va créer un pantalon de compte, bacon, le combo parfait, et ensuite on pourra aller à l'étape de mise en place si près d'ici. Et puis après cela, nous pouvons connecter notre emplacement d'activation, et cela devrait nous conduire à notre page d'accueil. C' est juste un aperçu très rapide, puis nous sommes sur notre page d'accueil évolutive et nous avons nos genoux pieds qui sont à venir. Ok, donc la prochaine chose à faire est de connecter cet onglet inférieur afin que vous puissiez réellement sélectionner ces deux groupes et les regrouper ensemble. Et la raison pour laquelle je regroupe là-dessus parce que je veux pouvoir rapidement sur l' élément entier juste une chose, parce que s'ils n'étaient pas du groupe D D, ils doivent cliquer sur la vidéo ou l'icône pour faire fonctionner la moitié inférieure. Ce que nous voulons dire travaille ensemble. Donc, je vais juste regrouper ces éléments comme je vais et vous remarquerez que c'est, Eh bien, si je les regroupe, ils ne sont plus configurés pour défiler, alors assurez-vous juste que c'est le haut retourné et nous allons y aller et le faire pour chacun d'eux. Il fera glisser chacune de ces lignes jamais sur l'écran correspondant, et ensuite nous pouvons faire la même chose pour le reste de ceux-ci. Et puis nous sommes partagés une position fixe pendant le défilement. Chaque fois que nous le faisons, j' utilise la commande G pour saluer chacun de ces éléments. j' Au fur et à mesure, je vais m'assurer d'avoir une position de choix. Il pourrait être assez fastidieux de se connecter comme un fond ont sur tous les écrans. Souviens-toi juste, il y a, genre, des petits éléments que tu dois te rappeler de faire à chaque fois, et ensuite on arrivera à ce dernier. Eh bien, en fait besoin en même temps. Ok, ça devrait être bon. Et un raccourci rapide. Vous pouvez appuyer sur commande a et voir toutes les lignes serrées de crédit que vous avez créées, et nous pouvons juste jeter un coup d'oeil à travers et nous assurer que tout est connecté et qu'il semble bon. Donc, on va essayer ça. Aperçu. Oui, tout a l'air bien ici. Je suis d'accord sur le saut autour et genre de simulation. Qu' en est-il ? Maintenant serait comme Et si vous vous souvenez, certains de ces éléments sont juste copier et coller dessus. Et si vous le vouliez, vous retournez dans le répéteur et obtenez de nouveaux titres comme des images. Mais ce n'est pas vraiment super nécessaire. Il devrait être clair qu'ils sont différents, mais si vous voulez faire ça, vous pouvez utiliser les mêmes étapes que nous avons déjà faites pour le faire assez facilement. Donc, tout va faire est de connecter cet onglet aime à celui-ci, puis de lire récemment ici. On peut encore photovolter ça. Donc, pour celui-ci, nous allons mettre à jour ces articles juste pour qu'il semble que nous cliquions un autre écran. Mais cela devrait être très rapide pour Dio avec les fiches répétitrices vont revenir dans notre grabber de menu de branchement, Peter, Peter, sélection de votre bord semble bien. Donc appliquez sur et le texte sans sélecteur ici. Non, je suppose que oui. Maintenant, nous avons différents, comme, comme, images de nom de texte d' espace réservé. Donc, si nous entrons dans, aperçu ceci une fois de plus, nous obtenons quelques belles différences, donc cela ressemble en fait à un rappel dans un écran différent. Ok, donc maintenant que Stone va également connecter notre faux article ici aussi, et nous allons le faire avec la page d'accueil, donc je vais en fait emprunter cette image. Je veux dire, un copier-coller. Tiens, fais ça chaque décontracté. Nous allons en fait aller de l'avant et non lu avec ce bon, et je vais remplacer cette copie et l'image collée juste ici va finir Greep tout. En fait, nous allons réduire cette échelle, l' amener à la bonne taille. Je vais envoyer ça au haut de la hiérarchie, à droite, et on y va. Apparu objet. J' ai menti. Nous ne ferons pas ça. Donc ce que j'ai fait là, c'était juste retourner le remplissage et en faire juste une bordure. Ça me ressemble. Si c'est le cas, je ne suis qu'un menteur complet. Ce que Will fait Dio est complètement pas en arrière. Ok, donc on peut vraiment aller plus loin et ce qu'on va faire ensuite déconnecter l'article avec notre faux article page ici. Et pour ce faire, je vais prendre cette image et faire la même image dans le premier article. Il suffit de le copier et de le coller et nous pouvons mettre en colère cette grille et ce que nous allons vouloir M. aussi dans le groupe et ensuite nous allons vouloir récupérer cette forme. Et comme une image a déjà été dedans, nous ne pouvons pas l'utiliser comme un masque. Mais nous pouvons retracer la forme très rapidement. Donc, une presse déjà et tout rectangle haut maintenez le décalage pour le faire glisser à travers, puis le faire correspondre sans forme. Juste là et encore. Je tiens tout pour remonter ce rayon en haut pour l'amener là où on en a besoin. On va supprimer cette ancienne image, puis on va copier et coller cette image ici. Réalisez cette échelle à peu près la bonne taille jusqu'à un peu. Ensuite, nous allons réellement utiliser la commande shift crochet gauche pour envoyer cela à l'arrière, voir ce qui se passe. Nous allons juste prendre ici sur le panneau de couches, en fait, apporter ça en haut. Il y a un rectangle afin de sélectionner des films allant objet et forme Masco. Puis on y va. Donc maintenant, nous avons notre photo de l'article dans cet exemple, et nous pouvons également saisir le titre pour que vous puissiez doubler rapidement ici, copier et puis coller le titre sur notre page d'accueil. Et nous allons aussi changer le nom de la ville pour qu'il corresponde. Alors maintenant, quand nous avons un prototype et sélectionné cette voiture, nous pouvons le faire glisser sur cette page, vérifier dans la fenêtre d'aperçu. On y va. Alors maintenant, nous avons notre article ici. Nous devons connecter ce héros de retour aussi. D' accord. Et donc pour ce prédateur à ce que nous allons réellement dio, c'est utiliser l'onglet d'animation automatique au lieu de juste transition. Et fondamentalement, ce que ça va faire, c'est que cette image va remplir l'espace que cette image occupe. Et la façon dont w x d fait ça. Est-ce parce que cette image est nommée la même chose sur cette page, il sera juste Tween entre les tableaux d'art. Donc vous remarquez comment nous avons fait bouger le texte parce que nous utilisons le même texte. Donc, nous voulons que la même chose se produise avec une image. On jette un coup d'oeil. Voici des images en fait appelées masse Groupe un. Donc, ce que nous pourrions faire est de copier et coller cela jamais et va glisser sur, disposer de la façon ici nous pouvons supprimer cette image, sélectionner Dart Board et puis coller ce que nous pourrions faire pour mettre à l'échelle cela pour qu'il s'adapte. On va doubler l'extrémité rapide, ajuster ce rayon pour aller jusqu'au bout, et on s' assurera qu'il est centré sur la page. Et nous allons également utiliser le support gauche du vaisseau de commande pour renvoyer ça. Faites glisser notre superposition vers l'arrière, assurez-vous qu'elle s'adapte. Alors on s'assied ça aussi. Donc, j'utilise juste le crochet gauche de la commande. Et puis je vais envoyer les choses en arrière 11 place au lieu de la commande shift crochet gauche qui s'étendait vers le bas. Ok, on va le faire plus vite pour ce tableau d'art. Vérifie ça encore une fois. Ok, donc ce qui se passe, c'est qu'on a un bon effet. L' image eux est comme un bel effet, comme remplir l'espace maintenant. Mais en fait, je ne veux pas que le texte saute comme ça. Je veux juste que l'image le fasse. Donc, ce que nous pouvons faire est en fait d'entrer et de renommer ce texte pour être. Le titre est bien et nous aurons besoin du même Atlanta devrait être amusant, et ce temps changera en fait dans le temps. J' ai menti va changer ça en ville double-cliquez sur une ville. Et la raison pour laquelle je change ces noms est que Debbie XY utilise le nom de couche pour décider ce qu'il sort des animates. Donc si j'ai quelque chose qui est Atlanta sur ce tableau, notre conseil et ce tableau d'art, quelque chose s'appelle aussi Atlanta. C' est ce qu'il va animer automatiquement. C' est pourquoi revenir en arrière et changer les noms de King peut améliorer la qualité de l'animation parce parfois vous obtenez des choses que vous ne voulez pas animer. Mais c'est juste parce qu'ils portent le même nom. Donc, un rapide à nouveau. Ok, on y va. Ça a l'air bien. Et si vous remarquerez qu'ils étaient en fait un peu comme certains étaient des problèmes de couche qui se passaient ici comme s'il s'agissait d'une mise à l'échelle. Mais alors les couches ne s'ouvrent pas correctement. Donc, ce que nous pouvons dio et une partie de cela a à voir avec ce que nous ajoutons sur cette page est une superposition et ces icônes. Donc, une façon de contourner cela est en fait mettre ces éléments afin que nous les copiions et les collons sur la page d'accueil afin que nous puissions copier et coller cela. Mais nous allons tourner la capacité à zéro. Donc, si d'ici maintenant. Donc, parce que ces éléments étaient déjà sur la page d'accueil, c'était en fait une animation beaucoup plus propre et que nous n'obtenons pas si bizarre que la distorsion de couche se produise parce que les choses étaient plus tard différemment à l'époque. Donc si vous faites défiler vers le bas, tout va bien, on peut y retourner et on les vérifiera au fil du temps. Ok, donc ça se termine pour une section de prototypage et ce que nous pouvons vraiment vous faire est que nous allons juste prendre ça du haut et nous assurer que tout est comme nous le voulons ou nous inscrire, créer un compte. Ensuite, nous choisirons un pantalon et du bacon. Nous pouvons activer l'emplacement ici. Juste un rapide Maintenant, quand vous appuyez sur ceci, Vous obtenez le natif que vous sortez pour apparaître, donc vous devriez avoir un autre écran de notification. Nous pouvons faire défiler l'article de sélection. C' est l'onglet vidéo. Preuve. Oh, regarde nos jambes dépensées pour cette section. 7. Partager le prototype: Ok, donc une fois que nous aurons fini un prototype, la prochaine chose voudra faire est de partager apparaitre. Donc, si jamais vous entendez que vous pouvez faire partager pour examen ou partager pour le développement, nous allons juste faire partager pour examen dans ce tutoriel, donc il vous donne l'option ici. Quelqu' un avec Lincoln a vu quelqu'un que vous invitez, qui est parti ? Quelqu' un avec un lien ? Vous obtenez un couple de leurs options comme les commentaires autorisés, montrer les mains hot spot, les contrôles de navigation Israël trouver en ce moment et aller et créer un lien. Et parfois, il faut une seconde pour finir. Et puis ici, on peut en avoir une copie, lier pour l'accélérer. Mettez ce lundi pour que nous obtenions sont assez serrés. S' accrocher à venir bien, juste plein écran. Ceci. Nous pouvons effectivement revenir à l'écran de démarrage parce que nous avons un temps, l'animation dessus et il y a des animations apparaîtront également dans le navigateur Web. Donc, si nous cliquons sur la maison, ici nous allons et puis vous pouvez cliquer à travers votre prototype comme vous le feriez en utilisant un sur votre bureau. Et c'est vraiment utile de pouvoir partager votre prototype avec n'importe qui, Um, Um, tout ce qu'ils ont à avoir. C' est comme le WiFi et un navigateur Web, donc c'est très agréable de pouvoir partager de cette façon. Vous pouvez également obtenir des commentaires sur chaque écran si nécessaire. Juste une fonctionnalité rapide et cool pour envoyer cela autour. Et vous pouvez également les ouvrir sur mobile une houle. Donc, si jamais vous voulez l'envoyer à quelqu'un, vous considérez un message texte avec le Sénat , et c'est plutôt cool de le partager de cette façon, et j'encouragerais tout le monde à en afficher un aperçu sur votre téléphone aussi. 8. Outro: Ok, donc ça s'enroule. Une fois que vous obtenez votre prototype ensemble et encore, j'encourage tout le monde à remuer l'aperçu sur son téléphone et à interagir avec lui parce qu' il change vraiment. Ça change le travail. Vous dio vous commencez à le voir dans le contexte de l'appareil et vraiment avoir une idée des choses qui enroule. Mais si quelqu'un veut laisser des commentaires et essayer le projet de classe, s'il vous plaît Dio. Merci, les gars.