L'atelier complet de conception d'interface utilisateur - Sketch UI/UX

1. Introduction: Si vous voulez devenir designer U R ux, vous êtes à l'endroit parfait. Le cours complet vous apprendra tous les éléments essentiels avec, bien organisé, un tutoriel facile à suivre. Bonjour, mon nom est une éruption cutanée et je suis un designer UX. Ensemble, vous et moi allons apprendre à devenir un concepteur d'interface utilisateur en utilisant le croquis logiciel Le cours a été conçu pour des personnes complètement nouvelles dans votre design UX ou disons design en général. Au début, nous allons apprendre sur les bases du design et vous éléments, puis nous allons apprendre sur la carte de croquis et tous ses secrets cachés ensemble. Ensuite, vous apprendrez à créer un cadre de fil simple. À partir de là, vous apprendrez comment configurer votre guide Stein et comment appliquer vos couleurs de manière appropriée à votre design. Vous allez également en apprendre davantage sur tous les principes hors application mobile et conception Web, puis révéler un redessiné l'Instagram à comme notre premier projet à partir de zéro, et puis nous allons concevoir une finance certains ensemble, et je voudrais partager avec vous toutes les techniques et secrets nécessaires pour concevoir une application de classe mondiale. De plus, vous apprendrez à la fois des micro simples et avancés dans les directions. Nous parlerons également des annotations et de la façon dont vous pouvez créer votre propre portfolio en ligne sans écrire une seule ligne de code. En outre, vous apprendrez sur la modélisation de trois D et la création de scènes de réalité augmentée. Et enfin, vous apprendrez à démarrer votre propre entreprise et à obtenir votre premier client en tant que designer UX. Donc, pendant les scores, nous allons concevoir pour compléter des applications mobiles et un site web pour développer vos compétences en conception et maîtriser tous les outils nécessaires. En outre, vous aurez accès à deux marques New York mange d'une valeur de plus de 3000$, vous pouvez les utiliser dans vos projets commerciaux. J' espère donc que vous êtes prêt à apprendre de nouvelles compétences et à devenir concepteur d'interface utilisateur. Je te vois en classe 2. Introduction à l'UI/UX: Salut, tout le monde. Bienvenue dans le premier chapitre de ces cours Dans cette section, nous allons parler des différences entre vous, I et UX design et de la structure du cours que vous pouvez comprendre comment le cours est organisé afin que vous puissiez le suivre correctement. Et enfin, nous allons parler des outils et des exigences que vous devez connaître pour poursuivre le cours. Donc, sans plus tarder, commençons. Tout d'abord, je vais parler des différences entre vous I et UX design. Bien que les deux éléments soient cruciaux pour un produit et travaillent en étroite collaboration, leurs rôles sont totalement différents. Votre ex design est un domaine plus technique et analytique. Cependant vous je design fait référence à la conception graphique avec des responsabilités plus complexes. Laissez-moi vous donner un exemple. Si vous considérez un produit comme une voiture, le châssis est le code, ce qui lui donne une structure claire. Les autres pièces, telles que les portes, filtre complet, etc., représentent la conception UX, ce qui permet à la voiture de fonctionner correctement. D' autre part, vous idées neuf représente l'apparence de la voiture. C' est des capteurs, etc. En d'autres termes, vous X, qui signifie l'expérience utilisateur, concerne le fonctionnement d'un produit. Et vous, je, qui signifie interface utilisateur, est sur la façon dont un produit devrait ressembler. Donc, en tant que concepteur de produit,vous en tant que concepteur de produit, devez savoir comment ces deux termes fonctionnent ensemble et comment les distinguer. Par exemple, vous devez savoir quelles sont les responsabilités d'un concepteur UX. Et d'un autre côté, quelles sont les responsabilités d'un designer U I ? Comme vous pouvez le voir sur les photos, nous avons deux écrans différents. La gauche nous montre comment le produit doit fonctionner. Par exemple, supposons que vous ayez un écran avec deux boutons et des champs de texte. Ok, le U X nous montre comment ces boutons doivent interagir avec l'utilisateur, et la bonne image est tout au sujet de l'interface utilisateur, et il nous montre comment le produit devrait ressembler. Par exemple, nous avons ici un bouton et un carré. Le concepteur de votre oeil décide de la taille de ce bouton ou de la couleur qui convient à ce carré. Ce sont vos responsabilités de concepteur. Très bien, merci beaucoup d'avoir regardé cette vidéo. Et je te verrai dans la prochaine vidéo 3. Structure du cours: Salut, tout le monde. Dans cette vidéo, on va parler de la structure du cours. En fait, vous pouvez diviser le cours en deux sections principales. La partie théorique et la partie pratique. La partie théorique crée 10% de l'ensemble du cours, et la partie pratique représente 90% du contenu du cours. Donc, au lieu de nous concentrer sur les théories, nous allons nous concentrer sur la pratique des compétences que vous apprenez en travaillant et différents types de projets . Dans la partie théorique, vous découvrirez les bases du design, vos éléments, idées d'affaires chez Centra. Et dans la partie pratique, nous allons concevoir différentes applications mobiles pages de destination. Et aussi, nous allons parler de prototypage de cadrage de fil, trois conception de logo de modélisation D et bien plus encore. Donc, si vous êtes un débutant complet, je vous recommande fortement de regarder d'abord la partie théorique, puis de poursuivre le cours. D' autre part, vous pouvez sauter la partie théorique et sauter dans la création d'un projet. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. Et je te verrai dans la prochaine vidéo. 4. Outils requis: Salut, tout le monde dans cette vidéo, nous allons parler des outils nécessaires pour terminer ce cours. Dans ce cours, nous allons utiliser différents outils de conception graphique pour concevoir ensemble des interfaces utilisateur de classe mondiale . La principale souffrance que nous allons utiliser est appelée sketch, qui n'est disponible que pour Mac OS. Par conséquent, si vous ne disposez pas d'un appareil Mac OS, il se peut que vous ne puissiez pas apprendre les parties pratiques. Les autres outils que vous apprendrez sur notre studio d'invasion et adobe pour la boutique. Nous allons également parler de sites Web utiles tels que dribble être mains, etc. Si vous n'avez aucun des problèmes mentionnés ci-dessus, assurez-vous de les installer avant de commencer le cours. 5. Introduction aux bases de la conception: Salut, tout le monde. Bienvenue dans une autre section du cours. Dans ce chapitre, nous allons parler de mises en page, d' iconographie, iconographie, typographie, couleurs, composition et bien plus encore. Si vous voulez devenir un professionnel et grand, vous êtes designer ux. Vous devez commencer par les bases du design. Maintenant que vous savez l'importance de connaître les bases du design, commençons le chapitre. 6. Mise en page: Salut, tout le monde. Dans cette vidéo, nous allons parler de mises en page dans le design. Quand il s'agit de vous sont design UX. La façon dont nous montrons l'information dans une sieste ou un site Web est si importante. En fait, il n'y a pas de bonne façon spécifique de créer votre propre composition, sorte que vous pouvez facilement créer une mise en page basée sur vos propres besoins, tant qu'elle est cohérente et compréhensible pour les utilisateurs. Comme vous pouvez le voir sur les images à droite, les deux écrans sont bien conçus. Bien que l'espacement soit différent, la composition est absolument claire et cohérente. Vous devez faire attention à la cohérence beaucoup. Lorsque vous concevez une interface utilisateur, quel que soit le type de plates-formes que vous concevez pour les mêmes règles, appliquez-les à toutes. D' accord. Maintenant, regardons ces images comme il peut voir dans l'image de gauche que les sens sont assez cohérents. Par exemple, si vous regardez la distance entre l'image de profil et le haut de l'écran, vous pouvez vous rendre compte que la valeur est de 50 pixels et aussi le D puisque entre la même image de profil et le champ de texte juste en dessous est à nouveau. 50 pixels. Comme vous pouvez le voir, la disposition de cette conception est assez claire. Et la raison en est à cause de la cohérence de l'espacement. Dans les prochaines conférences, nous parlerons également de l'espacement et de l'importance de cela dans la conception. Maintenant, si vous regardez la bonne image, vous pouvez réaliser que le design est également clair. Dans cette mise en page, Cependant, la seule différence est les couleurs et l'espacement. Mais comme vous l'avez peut-être remarqué, l'espacement est à nouveau cohérent. D' accord. Merci beaucoup d'avoir regardé cette vidéo. Je te verrai dans la prochaine vidéo. 7. Arborescence visuelle: Salut, tout le monde dans cette vidéo, on va parler de hiérarchie visuelle. hiérarchie visuelle concerne la façon dont nous regardons les conceptions. Est-ce que ça a l'air ? Étaient. Donc, disons-le d'une autre façon. Nous, en tant que concepteurs, devrions nous mettre dans les chaussures des utilisateurs afin de réaliser comment ils voient nos designs. Le contenu de n'importe quelle mise en page numérique suivra une hiérarchie particulière. Par exemple, les menus se trouvent en haut à gauche ou à droite de l'écran, ou une combinaison de ces en-têtes apparaît au-dessus des bandes du corps. En d'autres termes, hiérarchie est un moyen simple de rester organisé du plus au moins important. N' oubliez pas que les utilisateurs ont défini la hiérarchie de n'importe quelle application ou site Web. L' élément qui attire d'abord l'attention de l'utilisateur se trouve en haut de la hiérarchie. Les spécifications visuelles que le concepteur peut utiliser pour influencer les utilisateurs, compréhension de l'information, notre taille, plus l'élément est grand, plus il attirera l'attention. Donc, si vous êtes familier avec le HTML et quel processus de développement, vous savez peut-être que nous avons six types d'en-têtes de H un à H six. H un est le plus grand en-tête, et H cherche est le plus petit sur. Donc, quand on veut avoir autant d'attention. Nous utiliserons chacun d'eux. Par exemple, supposons que nous voulons attirer l'attention de l'utilisateur sur une section spécifique ou un élément spécifique, donc dans ce cas, nous allons utiliser l'en-tête plus grand. Ou d'un autre côté, parfois nous ne voulons pas attirer autant d'attention sur une section ou un contenu spécifique. Dans ce cas, nous pouvons utiliser l'en-tête plus petit afin que la taille soit si importante. L' article suivant est le collier. Les couleurs vives sont plus perceptibles que les couleurs sourdes. Si vous n'avez pas assez d'informations sur les couleurs, vous n'avez pas à vous inquiéter car dans les prochaines leçons, nous allons couvrir toutes les informations nécessaires sur le choix de la bonne couleur dans votre design. L' élément suivant est l'alignement. Un élément avec un alignement différent des autres attirera plus d'attention. Alors qu'est-ce que ça veut dire ? Supposons que vous avez une mise en page off, disons, quatre vidéos différentes ou quatre photos différentes. Si vous alignez Onley une de ces vidéos ou de ces photos différemment, il attirera plus d'attention sur elle. En fait, dans ce cas, dans ce cas, l'utilisateur peut se rendre compte que quelque chose est différent. L' élément suivant est le contraste. couleurs fortement contrastées attireront l'œil facilement. Le contraste est un sujet très, très important chez vous que je conçois, et nous parlerons du contraste dans les prochaines leçons. Profondément. L' élément suivant est les éléments de proximité, qui sont placés de près les uns les autres, semblent plus liés. Et c'est vrai. Si vous regardez les photos sur le côté droit, vous pouvez voir que nous avons deux écrans différents. Concentrez-vous sur l'écran de gauche. Comme vous pouvez le voir, nous avons deux sections différentes, nouvelles promotions et de nouvelles histoires. Pouvez-vous réaliser que les éléments des deux sections sont rapprochés afin que les utilisateurs puissent facilement comprendre qu'ils sont liés entre eux ? L' ordre du jour est la répétition. styles répétés peuvent indiquer que le contenu est lié. Alors qu'est-ce que ça veut dire ? Regardons les photos sur la droite. Pouvez-vous voir que nous avons quatre carrés à trois cercles, sorte que l'utilisateur peut facilement reconnaître la relation entre ces éléments. Et l'élément suivant est l'espace blanc, qui est un autre terme important dans la conception de leur ux. Plus d'espace entre les éléments attirera plus d'attention sur eux, alors regardons les images sur la droite. Mais cette fois, nous devons faire la distinction entre l'écran de gauche et l'écran de droite Comme vous pouvez le voir dans l'écran de gauche, nous avons assez d'espace. Ou disons, assez d'espace entre nos éléments et nos sections pour que les utilisateurs puissent facilement épouser via l'interface utilisateur. Cependant, sur l'écran de droite, vous pouvez voir que tous les éléments sont très, très proches les uns des autres. Et il n'y a pas assez d'espace blanc entre tous les éléments de ce genre de mise en page. Très bien, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. 8. Bruit visuel: Salut, tout le monde. Dans ces vidéos, vous allez parler de bruit visuel dans le design. Le bruit visuel, comme vous pouvez le deviner à partir de son titre, est tout au sujet d'un écran ou d'une partie d'un produit numérique, qui a tant d'informations et de nombreux éléments dessus. Lorsque vous concevez une APP ou un site Web, vous devez beaucoup faire attention aux détails, car à la fin de la journée, nous voulons concevoir un écran convivial et facile à parcourir. Assurez-vous donc d'éliminer tous les éléments ou informations inutiles de votre écran. Si vous n'êtes pas sûr que votre conception ait un bruit vidéo ou non, il est recommandé de demander les commentaires des utilisateurs. Si vous regardez les images sur le côté droit, vous pouvez voir que nous avons deux écrans différents dans l'écran de gauche. n'y a pas de bruit visuel, et c'est génial en termes de vous que je conçois. D' autre part, dans l'écran de droite, il y a trop de bruit visuel. Comme vous pouvez le voir, il y a tellement de texte en haut, puis quelques éléments, qui pourraient être des vidéos ou des photos que encore quelques vidéos. Et après cela, quelques histoires et vous pouvez reconnaître qu'il n'y a pas assez d'espace blanc entre ces éléments. Merci beaucoup d'avoir regardé cette vidéo. Je te verrai dans la prochaine vidéo. 9. Les icônes: Dans ces vidéos, on va parler d'iconographie dans le design. iconographie est un langage visuel utilisé pour démontrer les aspects, le contenu ou la fonctionnalité. Arkan sont censés être des éléments visuels simples et clairs qui sont reconnaissables immédiatement . Vous n'avez pas à redessiner des icônes bien connues telles que l'icône d'accueil , l'icône de recherche etc. ou, disons, ne pas réinventer la roue. Vous pouvez obtenir l'accès à presque toutes sortes d'icônes sur les sites Web gratuitement ou annonces coûts raisonnables . Mais que se passe-t-il si vous en avez besoin pour concevoir des icônes spécifiquement pour votre projet ? Eh bien, dans ce cas, vous devriez concevoir des icônes, qui sont en harmonie avec votre design et d'autres icônes. Gardez à l'esprit que les icônes doivent être facilement comprises par les utilisateurs, alors assurez-vous de faire preuve de cohérence dans votre conception. 10. Typographie: haut dans ces vidéos, nous allons parler de la typographie. Qu' est-ce que la typographie ? La typographie transforme le langage en élément visuel décoré. typographie est l'une des parties les plus importantes de vous sont la conception UX, donc il vaut la peine de votre temps pour en apprendre plus à ce sujet. Lorsque vous concevez une application ou un site Web, limitez le nombre de polices et de tailles que vous utilisez afin de simplifier votre conception. Démarrer B deux fonds au plus, un pour les en-têtes et l'autre pour les organes. Vous pouvez utiliser des fonds gratuits ou payés dans vos projets, mais je recommande fortement d'utiliser des fonds gratuits. Si vous souhaitez utiliser des fonds payés, vérifiez attentivement la licence. Vous devez informer vos clients qu'ils doivent payer un supplément pour utiliser les fonds payés. Maintenant, si vous regardez le côté droit de l'écran, vous pouvez voir que je classe la base de la typographie pour vous. Vérifions ça. Pas à pas. En haut. Nous avons des propriétés. Chaque ligne de texte d'un programme a une ligne de base. Comme vous pouvez le voir, il est indiqué ici avec la ligne bleue, et aussi il a l'espacement des lettres que vous pouvez modifier dans votre conception hors cours. Il y a plus de propriétés liées à la typographie, cependant, pour continuer les scores T, il suffit de connaître ces deux propriétés. Maintenant, nous allons nous concentrer sur la comparaison de l'espacement des lettres sur la gauche, vous pouvez voir que nous avons l'espacement par défaut. Mais à droite, j'ai modifié l'espacement de ces lettres. Selon le type de projet sur lequel vous travaillez, vous pouvez modifier l'espacement des lettres comme vous le souhaitez. Parlons maintenant du poids de chaque fonds. La plupart des fonds ont au moins trois poids différents, mais certains d'entre eux en ont plus. Par exemple, le fonds peut avoir six façons différentes. Comme vous pouvez le voir sur votre écran, nous avons ici de bout léger, gras et dernier mais pas le moindre, déclassification des polices. Comme vous pouvez le voir, nous avons deux classifications différentes pour les fonds. Le serif, qui est celui de gauche sur l'image, et le Sable Saref, qui est le bon. La photo. Alors, quelle est la différence ? Bien sûr, vous pouvez faire la distinction entre eux, mais laissez-moi vous expliquer afin de mémoriser la règle de serif et sans serif. En fait, fonds de Sarah ont une sorte de ligne à plat au sommet d'eux et aussi au fond d'eux. Ou tu peux dire qu'ils ont des pieds. D' un autre côté, fonds sensoriels n'ont pas ce genre de lignes. Sables en anglais et en français signifie sans si sans serif signifie sans serif. En tant que concepteur, vous êtes responsable de choisir la meilleure vague de fonds et aussi les meilleures classifications en fonction du type de projet sur lequel vous travaillez. Merci beaucoup d'avoir regardé cette vidéo. Je te verrai dans la prochaine vidéo. 11. Contraste de couleurs: Bonjour, tout le monde. Dans cette vidéo, nous allons parler du contraste des couleurs, qui est un sujet très important quand il s'agit de vous que j'ai conçu. Appliquer efficacement les couleurs est une compétence que tous ceux qui le travaillent, compositions visuelles doivent avoir de sorte que vous, en tant que votre concepteur de savoir comment utiliser les couleurs dans vos projets. En ce qui concerne l'application des couleurs, la lisibilité et la lisibilité sont les facteurs clés. Les chercheurs ont montré que les couleurs vives permettent suffisamment de contraste, contribue à augmenter la lisibilité et la lisibilité. S' il vous plaît prendre en considération que trop de contraste de couleur nous rend difficile à lire. Je recommande fortement aux concepteurs de créer un niveau de contraste de viande et pour mettre en évidence les éléments, ils peuvent utiliser des couleurs de contraste élevé. Vous pouvez également utiliser des sites Web pour vous fournir un rapport lorsque vous comparez deux couleurs pour voir s'il y a suffisamment de contraste ou non. Si vous regardez les exemples sous la droite, nous avons six couleurs différentes. Comme vous pouvez le voir, les 4 premiers sont acceptables et ont assez de contraste, mais les autres ne sont pas lisibles. Donc, quand nous concevons une interface utilisateur, nous devons beaucoup faire attention aux appelants parce que parfois vous en tant que concepteur, je veux être aussi créatif que possible. Cependant, la créativité doit venir après la lisibilité et la lisibilité 12. Pallete: Salut, Ron. Dans cette leçon, on va parler de palette de couleurs. Créer un jeu de couleurs pour un produit peut sembler une tâche difficile, surtout si vous êtes un débutant. Cependant, en réalité, ce n'est pas aussi compliqué que de nombreux designers le pensent. Quel est le schéma de couleurs que vous êtes ? Le schéma de couleurs est un mélange de couleurs utilisé dans votre interface utilisateur. Presque chaque schéma de couleurs contient les groupes de couleurs qui tombent. Couleurs primaires, couleurs secondaires, couleurs d'accentuation, neutres, couleurs sémantiques. Quelles sont les couleurs primaires et secondaires ? Les couleurs primaires et secondaires sont les couleurs de base de votre interface utilisateur. Les couleurs, qui sont utilisées le plus fréquemment dans votre vous je conçois, sont appelées couleurs primaires. La plupart des concepteurs choisissent généralement les couleurs de marque comme couleurs primaires. En fait, il est recommandé de ne pas avoir plus de trois couleurs primaires. Facultativement. Vous pouvez utiliser des appelants secondaires afin de distinguer vos produits et de vous rendre plus intéressant. Je conçois bien, mais comment choisir les couleurs correctement Lorsque vous travaillez avec des couleurs, vous ne devriez pas créer une combinaison de couleurs aléatoires parce que le résultat ne serait pas celui que vous attendez. Afin de comprendre comment travailler avec les couleurs. abord, vous devez savoir ce que la couleur va faciliter et comment cela fonctionne. Voici des combinaisons de couleurs importantes que vous devez connaître gratuitement, qui sont deux couleurs qui sont sur les côtés opposés de la couleur avec, et le suivant est monochromatique, qui sont trois nuances, tons et des adolescents de une couleur à base. Et le dernier est analogue, qui sont trois couleurs qui sont côte à côte sur la roue de couleur. Si vous regardez le côté droit de l'image, vous pouvez voir que nous avons une couleur sera ici. Comme vous pouvez le voir, nous avons monochromatique. Par exemple, si vous regardez le rouge, nous avons trois nuances différentes ou, disons des dizaines d'une couleur à base, et nous avons aussi complémentaire. Par exemple, ici, nous avons le violet et le jaune, qui sont sur les côtés opposés de la couleur avec, sorte que la combinaison de ces couleurs est grande 13. Espacer: Salut, tout le monde. Bienvenue à une autre leçon de ces cours dans cette vidéo, nous allons parler de l'espacement dans le design. La cohérence joue un rôle clé en vous. Je conçois. Donc, lorsque vous concevez, vous devez tout mesurer et le garder cohérent. En tant que concepteur, l'espacement est à vous de décider. Mais une fois qu'il l'a dit, vous devez utiliser les mêmes motifs d'espacement dans vos conceptions. Par exemple, si vous avez dit que l'espacement entre l'en-tête et le corps prend huit pixels, vous devez toujours utiliser le même espacement tout au long de votre projet. Comme vous pouvez le voir, tout l'espacement a été mesuré avec précision et rend le design clair. Par exemple, si vous regardez l'image, vous pouvez voir que nous avons 50 cellules de pointe du haut au nouveau titre des images, puis huit pixels de nouvelles images au sous-titre supérieur et continue. Donc, afin de garder votre conception claire, assurez-vous d'utiliser des modèles d'espacement cohérents dans l'ensemble de votre projet. 14. La composition: Salut, tout le monde. Dans ces vidéos, on va parler de composition en design. Quel est le ratio d'or ? Le rapport d'or est une proportion mathématique entre les éléments de différentes tailles, ce qui est considéré comme la proportion la plus esthétique pour les yeux humains. Le rapport d'or est égal à 1 à 1,618 et il est généralement illustré avec des coquillages en forme de pieux. Ce nombre a été utilisé pour créer des proportions pour l'architecture, la peinture , la photographie , le design, etc. Mais comment utiliser le rapport d'or dans votre conception ? Si vous avez un écran avec le avec 1200 pixels éteints, vous devez le diviser par 1,618 et le résultat sera 741.6. Et maintenant, nous pouvons dire 1200 chansons de choix moins 741 équivaut à 459. Donc, nous avons deux sections avec le jusqu'à 741 pixels et 459 pixels. Comme vous pouvez le voir sur le côté droit de la projection ici, nous avons une capture d'écran sur le site médium . Pouvez-vous voir comment il a été conçu en fonction du ratio d'or afin qu'il puisse attirer l' attention de l'utilisateur au bon endroit au bon moment ? 15. Guide de conception: dans cette vidéo, nous allons parler du Guide de conception. Qu' est-ce qu'un guide de conception ? Un guide de conception est un système qui peut vous aider à maintenir la cohérence de votre conception. Il peut également accélérer votre processus de conception. Les exemples que vous recherchez ne sont que quelques composants qui peuvent être utilisés dans votre guide de conception . Il y a beaucoup de choses qui peuvent être incluses dans vos guides de conception tels que les éléments, topographie, iconographie, dimensionnement et l'espacement. Tampon de couleur. C' est etcetera, donc avoir un type de design vous rend la vie beaucoup, beaucoup plus facile. 16. Fonts cohérents: Salut, tout le monde , dans cette leçon, on va parler de fonds en design. En tant que concepteur, vous travaillez toujours avec différentes polices, vous devez donc savoir comment les utiliser correctement. Comme il a été mentionné dans la section typographie, il est recommandé de travailler avec deux fonds différents tout au plus pour garder vos yeux simples. Que ce soit les meilleurs fonds pour vous, j'ai conçu San Francisco numéro un. Il est préférable pour les sites Web modernes et plus par lapse numéro deux sens ouvert. Il est préférable pour les sites Web et les rechutes mobiles. Concert numéro trois. Il est préférable pour les sites Web minimaux et APS mobile numéro quatre Proxima Nova. Il est idéal pour les sites Web modernes centrés sur le contenu et les APS mobiles et enfin, roboto. Il est préférable pour les sites Web modernes et les cartes mobiles ainsi. 17. Couleurs cohérentes: Hé, tout le monde, dans ces vidéos, on va parler de couleurs. Appliquer des couleurs à vos éléments oculaires est l'une des parties les plus cruciales du processus de conception U. Y. Vous souvenez-vous de ce qui jouait un rôle clé dans votre œil en concevant votre bonne consistance, vous devez donc garder vos couleurs cohérentes aussi. Par exemple, si vous appliquez Blue deux titres sur une page, vous devez appliquer la même couleur deux titres sur d'autres pages ou, si nous appliquons, le bouton Lire pour acheter. Vous devez utiliser la même couleur pour tout autre fond d'achat sur d'autres pages. C' est pourquoi nous avons besoin d'un guide de conception et le bon style. Si vous regardez l'image sur votre droite, vous pouvez voir que nous avons utilisé une couleur noire spécifique pour les titres, et nous utilisons une couleur spécifique pour nos bas, etc. Il est donc important de garder vos couleurs cohérentes 18. Icônes cohérentes: Bonjour, tout le monde. Dans cette vidéo, on va parler d'icônes dans le design. Vous pouvez penser que travailler avec des icônes est une partie facile de la conception U. I. Cependant, si vous ne faites pas attention aux détails, vous ne serez pas approprié. Résultat vos quelques points importants dont vous avez besoin pour prendre soin. Numéro un. Testez l'évolutivité. Vérifiez si vous êtes des icônes peuvent toujours être reconnues à de petites tailles telles que 15 pixels par 15. Numéro deux correctement dimensionné là. La taille cible louée pour les objets à écran tactile est de 7 à 10 millimètres. N' oubliez pas également d'ajouter un remplissage entre les icônes pour empêcher les robinets corrects. Numéro trois Cohérence interne. Utilisez le même jeu de couleurs pour toutes les icônes et les mêmes attributs de style tels que la taille des bordures. Numéro quatre. Alignement parfait. Toujours essayer d'avoir un alignement parfait dans une escroquerie. Ah, des graffitis. Mais parfois, parce que vous avez des icônes de différentes tailles, vous devez les équilibrer par vous-même. Si vous regardez l'image sur votre droite, vous pouvez voir que nous avons deux groupes différents hors icônes dans le groupe de gauche. Vous pouvez voir que nous avons une iconographie cohérente parce que nous utilisons uniquement des icônes de contour. Mais d'un autre côté, nous avons une iconographie incohérente parce que nous utilisons à la fois des icônes de contour et des icônes solides , ce qui n'est pas vrai commandé. 19. Éléments UI cohérents cohérents: Salut, tout le monde. Dans ces vidéos, on va parler de la cohérence de vos éléments. Une des choses que vous travaillez toujours Cinquième, pendant que vous concevez une interface utilisateur est au élément. Quels sont les éléments de l'UE ? Bas, cartes, cartes, champs de texte, curseurs, dialogues, graphiques, étapes, tableaux, tableaux, contrôles de sélection, menus, collation bars, etcetera. Comme il concède l'image. Je n'ai choisi que certains d'entre eux pour vous parce que je ne pouvais certainement pas les mettre tous ici. Cependant, vous en apprendrez presque tous dans le chapitre U Elements. 20. Ressources de police: Hey, tout le monde dans ces vidéos que nous allons parler de la ressource de police choisit parfois les bons fonds pour votre projet pourrait être délicat et fastidieux. Donc, dans ces parties, vous allez savoir à propos de la meilleure ressource en ligne est d'obtenir vos fonds facilement. Le premier site est appelé Google Fonts, qui est si célèbre et vous pouvez y trouver des fonds gratuits. Le deuxième site est appelé mes téléphones et vous confiné polices gratuites et payantes, ter et dernier mais pas le moindre, vous pouvez consulter le site des fonds Adibi que vous pouvez trouver foncier payé. Si vous avez des difficultés à réparer les fonds, vous pouvez également utiliser le type off ou la paire amusante. 21. Ressources de couleur: Salut, tout le monde , dans cette leçon, on va parler de collier. La ressource est maintenant. Il est temps de chercher nos couleurs afin de les utiliser dans nos projets. La plupart du temps. Trouver de bonnes couleurs est un difficile a pour vous, je concepteurs, surtout si vous êtes un débutant. Voici une ressource absolument utile est pour trouver des couleurs. Numéro un collier hante numéro deux couleur Adobe, ce qui est si utile par la façon numéro trois je ne sais pas comment le prononcer, mais je pense que ce sont des refroidisseurs ou des colliers. Numéro quatre Web Grady INS, qui est un autre bon site Web pour trouver Grady INT. Si vous les cherchez, assurez-vous de passer suffisamment de temps à trouver la meilleure palette de couleurs possible pour vos projets. 22. Ressources d'icônes: Hé, tout le monde, dans ces vidéos, on va parler de Icône Resource est pour votre projet de design. Comme mentionné précédemment, iconographie est une partie essentielle du processus de conception U. I, et il est si important de savoir où vous pouvez trouver des icônes engageantes et standard. Voici une ressource utile est pour trouver les icônes numéro un icône plate, mais vous pouvez trouver l'icône payante ou gratuite, monsieur. Numéro deux, je peux la trouver, qui est un autre bon site pour trouver des icônes et enfin, nucléaire, qui est une application, et il rassemble toutes les icônes pour vous en un seul endroit. Rappelez-vous que vous devriez utiliser les icônes, qui sont faciles à reconnaître par les utilisateurs. Prenez donc votre temps et consultez toutes les icônes disponibles que vous pouvez utiliser dans votre projet. 23. Introduction à l'ébauche: Salut, tout le monde dans cette vidéo, on va parler de croquis Qu'est-ce que la capture ? Scroquis ? Le Professional Vector Editor, qui est conçu pour ceux qui veulent transformer leurs idées en produits incroyables. Comme je l'ai mentionné précédemment, les esquisses ne conviennent pas aux graphiques raster. C' est un éditeur vectoriel, qui est développé pour la conception US UX, et c'est vraiment bon à cet effet. Si vous voulez l'essayer, vous pouvez obtenir un essai, allergique de celui-ci, puis l'achat d'une licence d'un an par les paroisses et obtenir vous obtiendrez toutes les mises à jour jusqu'à la fin de votre abonnement. Donc, si vous êtes un fan d'Adobe pour la boutique, je dois vous dire que ce n'est pas un bon logiciel pour vous êtes la conception UX. Cependant, il est utile pour éditer vos images afin de les utiliser dans vos projets. 24. Exigences d'ébauche: Salut, tout le monde. Dans cette vidéo, nous allons parler des exigences en matière de croquis. Si vous souhaitez utiliser Cage comme orteil conçu, vous devez accéder à au moins un des appareils Mac OS. Il ne doit pas nécessairement être la dernière ou la plus grande version, mais il doit être capable d'avoir Macron's High Sierra ou une Michaela plus récente. Si vous voulez vous assurer que vous pouvez mettre à jour vos macros de temps en temps, il est recommandé de garder votre Mac OS à jour pour retarder cette version. Que vous soyez sûr de votre système d'exploitation ou non, je vous recommande d'obtenir l'essai de 30 jours s'aggraver avant d'acheter une licence. Ainsi, vous pouvez être sûr à 100% que tout fonctionne parfaitement. Si vous travaillez avec des documents plus complexes impliquant plusieurs pages et des centaines de tableaux d'art , un Mac puissant améliorera certainement les performances 25. Ébaucher un environnement: Salut, Ron. Dans ces vidéos, on va parler d'environnements de croquis. Croquis. L' interface est conçue minimalement à droite en haut. Vous pouvez trouver la barre d'outils qui contient tous les outils et actions importants qui souscrivent le spectre concédant qui vous permet de modifier les propriétés du calque sélectionné. La liste des calques est la douleur sur le côté gauche, et elle répertorie tous les pores et calques d'art de votre document. Enfin et non des moindres, la toile est au milieu où vous verrez sur vos dessins. Ainsi, comme vous pouvez le voir, nous pouvons diviser une interface d'esquisse en quatre sections principales. Barre d'outils qui contient tous les outils essentiels dont vous avez besoin. Liste des calques, au moins toutes les couches et inspecteur de notre carte qui vous permet de personnaliser les propriétés de vos calques et enfin, canevas qui affiche toutes vos œuvres d'art en un seul endroit. 26. Les bases de couches: Bonjour, tout le monde. Dans cette vidéo, nous allons parler des bases des calques le plus tard contient tous les calques de la page en cours. , nous avons En tant que concepteurs, nous avonstravaillé avec des couches tout le temps, et il est si important de savoir comment elles fonctionnent. Comme vous pouvez le voir, vous pouvez insérer autant de pages que vous le souhaitez à l'aide du bouton plus en haut . Chaque fois que vous ajoutez un élément à votre tableau d'art, il apparaît sous la forme d'un calque dans la liste des calques, peu importe ce qu'il s'agit. Par exemple, le titre de cette liste de calques est un calque de texte et vous pouvez le reconnaître à partir de son icône unique pour masquer un calque sur lequel vous pouvez pointer la souris . C' est une couche spécifique, et puis je ne peux pas apparaître immédiatement. En cliquant dessus, vous pouvez masquer le calque et sage versa pour renommer un calque. Nous devrions crier dans son nom, et vous pouvez le changer facilement. L' une des choses les plus importantes au sujet des couches est la façon dont nous les organisons. J' ai envoyé tant de designers qui ne se soucient pas de bien organiser leurs couches, et ce n'est pas bon du tout. Voici pourquoi, lorsque vous collaborez avec une équipe de designers. La façon dont vous gérez vos couches est importante, car s'il s'agit entièrement d'autres membres de l'équipe ne peuvent pas comprendre la hiérarchie de votre projet . Et pour modifier quoi que ce soit, ils doivent passer beaucoup de temps. Assurez-vous donc de nommer vos couches une fois qu'elles ont été créées et de les garder aussi organisées que possible. L' autre point important est l'ordre de placer les couches dans la couche tôt de sorte que la couche en haut avec apparaissent au-dessus des autres couches de votre planche de cul. 27. Barre d'outils: Salut, tout le monde. Dans ces vidéos, on va parler d'outil plus. La barre d'outils de l'esquisse contient tous les outils dont vous avez besoin pour créer votre incroyable design . Lorsque vous installez l'esquisse sur votre ordinateur, il y a une barre d'outils par défaut, mais la bonne nouvelle est que vous pouvez facilement la personnaliser comme vous le souhaitez pour personnaliser la barre d'outils Vous pouvez faire un clic droit dessus et choisir personnaliser la barre d'outils parmi les options. . Jetons donc un coup d'oeil à la guerre des outils et voyons ce que nos outils par défaut sont à droite sur votre gauche . Vous pouvez voir le menu contextuel Insertion, qui vous permet de dessiner un nouveau calque. Les données appliqueront une image aléatoire aux lecteurs de forme ou au contenu de texte aux calques de texte. Crée un symbole vous permet de convertir la attente ou le groupe sélectionné en symbole. Nous parlerons des symboles dans les futures leçons. Les boutons de zoom vous permettent de voir plus ou moins votre document, en fonction du niveau de zoom. Les boutons de groupe, puis de groupe, vous permettent d'organiser vos listes de calques, ce qui est si utile pour les cinq prochains Martin, qui sont des contrôles d'édition, vous permet de modifier et de manipuler la forme sélectionnée. Un masque et une échelle deviennent également actifs lorsque la forme est sélectionnée, et ces pierres vous permettent de découper les calques sur des formes et de les redimensionner respectivement. Le fond aplati permet d'appliquer des transformations et d'aplatir une forme à une seule couche et de réinitialiser son origine. Les icônes de configuration suivantes sont les opérations booléennes, qui sont utilisées pour combiner des formes. Nous en parlerons dans les prochaines leçons. Ensuite, nous avons le menu de vue, qui vous permet d'afficher et de masquer des aides visuelles qui peuvent être utilisées de travail sauvage et des projets complexes . Par exemple, il peut montrer des grains, des mises , des règles etc. Le bouton de prévisualisation est pour Previ dans votre arche dans une nouvelle fenêtre sur IOS Devices ou Web. L' icône Cloud permet de partager votre design avec vos amis, clients ou collègues via le cloud d'esquisse. Enfin, le bas d'exportation que vous exportez vos actifs. Alternativement, vous pouvez utiliser des cartes courtes pour choisir le bon orteil, et cela peut vraiment vous aider à accélérer votre processus de conception. Vous trouverez une liste des raccourcis les plus importants à la fin de ce module. 28. Les formes: Salut, tout le monde. Dans ces vidéos, on va parler de formes. Les formes sont le type de calques le plus courant dans votre conception. Il existe une grande diversité de formes par défaut fournies avec des esquisses telles que des étoiles, des rectangles, oles couchées, etc. Pour ajouter une nouvelle honte à votre tableau d'art, choisissez un outil de forme dans le menu contextuel Insertion, puis forme, cliquez et faites glisser n'importe où dans le canevas pour insérer votre forme pendant que vous faites glisser pour insérer l'esquisse de forme. la forme insérée deviendra. Vous pouvez également trouver plus de détails sur vos formes dans l'inspecteur, et vous pouvez modifier les variables en fonction de chacune. Certaines formes disposent d'options supplémentaires, telles que la possibilité d'ajouter plus de signes à un polygone autour des coins. 29. Éditer des formes: Salut, tout le monde dans la vidéo, et on va parler de l'édition de formes. Parfois, vous devez ajouter. Il se forme de la manière que vous voulez, et c'est une chose très simple à faire. Sketch vous permet de modifier facilement et facilement les modifications. Tout d'abord, que les chaussures rectangle du menu public insérer. Deuxièmement, nous devons le dessiner sur la toile, et après cela, nous pouvons double-cliquer dessus ou appuyer sur la touche Entrée pour commencer l'édition. Une fois que nous sommes dans Edit Moon, nous verrons un point de cercle dans chacun des coins. Maintenant, nous allons cliquer et faire glisser sur l'un de ces points pour changer leur position, et nous allons voir comment la forme change. Nous pouvons également ajouter des points supplémentaires à la forme en survolant le tracé entre deux points et en cliquant pour insérer. Pour supprimer un point, cliquez sur. La sélection a impressionné la touche d'espace arrière de votre clavier. Le chemin entre les points peut apparaître sous forme de lignes de force ou de soucis. Cela dépend du type de point qui les relie. Si vous double-cliquez et nommez sur un rectangle, le type de point changera immédiatement pour créer un soin de chemin en faisant cela. Vous verrez deux poignées de chaque côté du point qui contrôlent le caractère hors du chemin. Ceux-ci sont appelés points de contrôle remis afin de comprendre comment ils fonctionnent. Pensez-y comme s'ils tiraient le chemin vers eux-mêmes. Il y a un bon raccourci pour changer le type de point et à ses numéros de course entre 1 4 sur votre clavier. 30. les opérations booléennes: Salut, tout le monde. Dans ces vidéos, on va parler d'opérations booléennes. Parfois, vous recherchez une forme qui n'existe pas dans une esquisse. Dans ce cas, vous devez créer votre propre forme. Bien que vous puissiez créer une forme en utilisant l'orteil vectoriel, il est beaucoup plus facile de créer une forme en combinant des formes basiques ensemble. Par exemple, pensez à un nuage qui est autour du rectangle combiné avec un cercle. Tu n'en as pas parlé avant ? Il y a d'innombrables formes que nous pouvons décomposer en formes basiques. Maintenant quoi ? Voyez comment fonctionnent les opérations booléennes ? Nous avons quatre opérations booléennes différentes. syndicat numéro un. Le résultat est un vecteur qui est la somme des deux vecteurs. Numéro de zones à soustraire. Le résultat est un vecteur dans lequel la zone hors de la forme supérieure est supprimée de celle qui se croise sous le numéro trois. Le résultat est un vecteur composé des parties où les rasages d'origine se chevauchent et, enfin , différence. C' est l'inverse d'une opération Intersect 31. Texte: Salut, tout le monde. Dans cette vidéo, nous allons parler du texte que vous pouvez ajouter des prises en choisissant le textile dans le menu d'insertion de la barre d'outils ou appuyez sur T. Ensuite, le pointeur se transforme en texte en icône d'outil, et enfin, vous pouvez cliquer n'importe où dans le canevas pour insérer votre calque de texte. À ce stade, comme vous pouvez le voir ici, un nouveau calque de texte sera inséré avec le type de texte déjà sélectionné, prêt à être remplacé. Si vous voulez créer une zone de texte, vous pouvez cliquer et boire, puis vous aurez un manuel de taille fixe. Donc, dans ce cas, lorsque le texte se met à mentir pour tenir à l'intérieur de la boîte, il va créer une nouvelle ligne. Contrairement au texte normal, ce qui augmente son avec deux pieds le contenu. Lorsque vous sélectionnez les réservoirs et cliquez sur l'élément du menu texte, l'esquisse limitait un certain nombre d'options disponibles. Vous pouvez changer le temps face à Tallis yeux audacieux ou sur leur ligne, votre couche fiscale et bien plus encore. Pour des modifications plus complexes. Vous pouvez également utiliser la ligne de base Karen Ligature à Central 32. Inspecteur de texte: Salut, tout le monde. Dans cette vidéo, on va parler de l'inspecteur fiscal l'un des premiers. Sélectionnez le texte. Vous remarquerez que l'inspecteur a changé pour vous montrer toutes les propriétés qui s'appliquent au texte en dehors de ce qui a été mentionné précédemment peuvent également modifier la plupart d'entre eux, y compris la police de caractères, l'alignement de la taille , etc. section Inspecteur droit. Toutefois, si vous souhaitez utiliser des puces, vous devez utiliser le menu des réservoirs en haut de la page. L' une des choses les plus importantes auxquelles vous devez faire attention lorsque vous travaillez avec des réservoirs est la valeur de ligne qui ajuste fondamentalement le cœur de la ligne. Si vous n'êtes pas sûr de la hauteur de votre ligne, ne vous inquiétez pas. Il y a une bonne formule que vous pouvez utiliser afin d'obtenir une hauteur de ligne appropriée. La formule est amusante. La taille multiplie par 1,5. Par exemple, si la taille de la police est de 20 points, alors la valeur de la ligne doit être de 30 car 20 multiplier par 1,5 Is ik sur 2 30 33. Style texte: Salut, tout le monde. Dans cette vidéo, nous allons parler du textile lorsque vous travaillez sur un projet complexe qui contient beaucoup de couches fiscales, beaucoup de ces couches contiendraient les mêmes propriétés de prise. Ainsi, un croquis vous permet de créer un textile et d'appliquer à ces couches de réservoirs. Vous pouvez vous demander, quel est l'intérêt d'utiliser les styles de chars ? Laisse-moi te l'expliquer avec un exemple. Supposons que vous travaillez sur un site Web depuis un mois et que vous avez utilisé un financement spécifique de votre projet. Ensuite, vous auriez reçu un appel téléphonique de vos clients, et il ou elle vous demanderait de changer les fonds de All Buddy, grâce à autre chose. Donc, dans ce cas, si vous avez utilisé un textile pour votre corps de texte, vous pouvez le mettre à jour une fois, et les modifications s'appliqueraient tout au long du projet. N' est-ce pas joli ? Cool ? C' est génial. Donc, afin de créer un nouveau textile, nous pouvons facilement cliquer sur le texte qui lit Pas de spectre indien textile et choisir créer de nouveaux textiles parmi les nombreux. Et chaque fois que nous allons utiliser ce temps de texte, nous pouvons aller à la section d'apparence de l'inspecteur et changer l'orteil sans textile. Nos calques de texte côté 34. Images et bitmaps: Bonjour, tout le monde. Ces vidéos. On va parler d'images et battre les cartes comme des croquis. Un éditeur vectoriel. Vous vous demandez peut-être comment modifier vos images sans sauter entre les différents outils de conception. Eh bien, il n'y a rien à craindre parce que l'esquisse vous permet d'utiliser les fonctionnalités d'édition de carte de rythme les plus courantes pour vous rendre la vie encore plus facile de commencer à éditer votre image, vous devez la sélectionner en double-cliquant dessus. L' inspecteur vous montrera aux outils de sélection. Tout d'abord, vous devez sélectionner une zone sur le campus, puis pointer l'outil que vous voulez. Ici, nous avons deux morceaux différents Sélection, qui sélectionne une zone de rectangle sur l'image et la baguette magique. Avec cet outil, vous pouvez cliquer et boire n'importe où sur l'image pour sélectionner une zone. Une fois que vous avez sélectionné une zone de votre image, vous pouvez soit copier la sélection et l'utiliser pour une nouvelle couche de carte de temps ou utiliser l'une des options de l'inspecteur,par exemple, par exemple, ici nous avons inverser le rognage et la sensation, mais en utilisant inverser la zone qui n'a pas été sélectionné sera sélectionné maintenant et veut Ursa ou en utilisant la culture. Il recadre, la couche orteil Onley inclure la zone sélectionnée et en utilisant sentir qu'il vous permet de sentir la zone de sélection avec des couleurs, et après cela, nous avons besoin de cliquer sur finition édition, et c'est tout. 35. Styling : remplissages: Tout le monde dans cette vidéo dont on va parler pense que l'un des problèmes les plus importants est l'inspecteur. Ici. Vous pouvez trouver une variété d'options et d'outils qui vous permettront d'appliquer des effets tels que ombres changent la couleur d'un calque, etc. Dans ces parties, nous allons apprendre à utiliser les sensations dans votre design pour l'utiliser. Se sent devrait crier sur le bouton d'ajout. Dans le titre de la section Champ, vous pouvez appliquer différentes couches d'orteil de champs, y compris Grady Ins de couleur unie, une sensation d'image. En outre, vous pouvez ajouter autant de champs que vous le souhaitez à votre calque, qui sera empilé les uns sur les autres de bas en haut. Les options de querelle de gauche à droite sont linéaires, Grady int radial, Grady int int, angulaire Grady int et, enfin, champ d'image. Dans les prochaines leçons, nous allons plonger dans chacun d'eux spécifiquement 36. Styler : les frontières: Bonjour, Ruin. Dans cette vidéo, on va parler de frontières. Tous les calques de l'esquisse peuvent contenir autant de bordures que vous le souhaitez, à l'exception des voisins de texte. Vous pouvez modifier leurs couleurs d'épaisseur, etcetera, tout comme les sensations. Pour ajouter une bordure à votre calque, vous devez cliquer sur le bouton Ajouter dans le titre de la section de bordure. Non seulement vous pouvez personnaliser leur apparence telles que les couleurs, épaisseur, etc., mais vous pouvez également choisir comment ils doivent être positionnés. La position de la bordure peut être modifiée sur des formes fermées en étant placée à l' intérieur ou à l'extérieur des formes Contour. En outre, certaines options de bordure que vous pouvez utiliser, telles que les extrémités et les jointures, vous permettent de contrôler la fin de la bordure et la façon dont elle doit joindre les points de jointure. Vous pouvez également utiliser les pointes de flèche, mais en utilisant les options de début et de fin et les nines de tiret pour utiliser les options de tiret et d'écart. 37. Styler : ombres: Salut, tout le monde. Dans ces vidéos, on va parler d'ombres. De nos jours, vous pouvez voir des ombres dans presque tous les types de design. Cependant, il est si important de savoir comment utiliser les ombres de manière appropriée. Il existe deux types d'ombres dans l'ombre d'esquisse et l'ombre intérieure. Ils se comportent à peu près de la même manière. La seule différence est que l'ombre se propage à l'extérieur du rasage, il s'applique à, Cependant, dans son ombre va jeter à l'intérieur de la forme. Vous pouvez ajuster les ombres comme vous le souhaitez, en changeant leur valeur ex et pourquoi et en modifiant également le Blair et la quantité de diffusion. Sans oublier que vous pouvez changer la couleur des ombres. Fais ce que tu veux. J' aimerais vous donner quelques conseils sur l'utilisation des ombres. Tout d'abord, gardez la capacité de vos ombres aussi bas que possible parce que sinon cela ne semble pas correct, et cela semble tellement exagéré. Deuxièmement, n' utilisez pas d'ombres sombres pour la couleur des objets. Essayez d'utiliser le collier d'objets comme collier d'ombre et de diminuer sa capacité. Parce que dans le monde réel, par exemple, une pomme rouge n'a pas d'ombre sombre. Il a une légère ombre rouge. Vous apprenez à utiliser correctement les ombres dans les futures leçons 38. Styling : flous: Salut, tout le monde dans ces vidéos, nous allons parler de Blair en général, il y a quatre sortes d'effets Blair que vous pouvez appliquer deux couches dans un croquis. Nous pouvons choisir entre eux en cliquant sur la section titre dans l'Inspecteur et en choisissant le menu déroulant numéro un assembleur de gaz. C' est un type de Blair commun qui sera exactement Blair dans toutes les directions. Flou de mouvement numéro deux. Il blâme une couche Onley dans une direction, et il donne à l'utilisateur l'illusion de mouvement numéro trois zoom Flou. Il blâme à partir d'un point spécifique, et enfin, le flou de fond. Il met en lumière tout contenu qui apparaît derrière un calque. Contrairement à d'autres types de Migron de Blair, Blair vous demande de modifier la capacité de vos champs afin de voir les défauts. 39. Styling : Gradients: Bonjour, tout le monde dans cette vidéo, on va parler de classe. Les auberges Ian's Great sont si populaires de nos jours parce qu'elles aident les designers à attirer l' attention des utilisateurs . Comme je l'ai mentionné dans la section sur le terrain, vous pouvez utiliser trois types différents d'éclat, radio linéaire et grade angulaire. Chez Ian. Cependant, le Grady Int le plus commun est l'int Grady linéaire, et vous pouvez trouver ce genre de radieux dans près de 90% des conceptions d'une manière ou d'une autre. Une chose importante à propos de l'éclat que vous devez savoir est que vous ne pouvez pas combiner de couleurs aléatoires pour faire un Grady INT. Par exemple, vous pouvez utiliser des couleurs analogues de la volonté de couleur afin de créer un bon éclat. Alternativement, vous pouvez vous inspirer par la nature. Par exemple, il est possible d'obtenir vos couleurs à partir de la photo d'un paysage. Pour ce faire, vous pouvez utiliser des outils en ligne pour accélérer le processus. Je vais vous donner quelques conseils sur l'utilisation de l'éclat numéro un. N' utilisez pas Grady ins dans votre numéro de conception pour vérifier le contraste de votre contenu parce que parfois vous utilisez un grand et beau int Grady. Cependant, il n'y a pas assez de contraste entre votre contenu et vos éléments, alors assurez-vous de vérifier deux fois vos éléments et aussi vos couleurs de contenu afin de voir si votre contenu est lisible ou non. 40. Styliser : style calque partagé: Salut, tout le monde. Dans ces vidéos, nous allons parler du côté des couches partagées. Vous pouvez créer un appliquer un calque côté orteil n'importe quel calque tout comme les temps de texte. Il peut vous aider à enregistrer un ensemble d'éléments stylistiques, qui peuvent les réutiliser sur n'importe lequel de vos calques dans le projet sur lequel vous travaillez, tout comme la taille du texte, taille des calques vous permet de conserver l'apparence de vos calques, fois cohérentes et à jour. Si vous apportez des modifications à leur apparence pour créer un côté calque, cliquez sur le texte qui ne lit aucun style de calque dans l'Inspecteur et choisissez. Créer la pierre de couche à partir de la plupart. Ensuite, vous devez choisir un nom spécifique, et c'est tout. Vous pouvez également ajouter un site de couches récent de style de couche et vous détacher des mises à jour de style de couche côté couche sur les couches à l'aide des mêmes couches. signe proche récent supprime les modifications apportées à ce côté de la couche et finalement détaché des couches. Sign conserve les modifications que vous avez apportées à la couche mort, mais supprime les attributs piqués du calque 41. Masquage: Salut, tout le monde. Dans cette vidéo, nous allons parler de masquer les masques dans un croquis, vous permettre de sélectionner et d'afficher des parties d'autres calques. Par exemple, vous pouvez masquer un calque d'image en cercle, et si vous voulez donner à l'image une forme de cercle, il existe plusieurs façons d'utiliser des masques dans une esquisse. Cependant, le plus pratique est de sélectionner vos lecteurs de forme et de cliquer sur le bouton de masque dans la barre d'outils. Rappelez-vous que l'ordre de placer vos couches est si important vent travailler avec des masques. Par exemple, si vous sélectionnez trois joueurs de forme en cliquant sur le bouton de masque, les deux calques au-dessus du dernier seront découpés sur le troisième calque. Une autre façon d'utiliser des masques est de lui donner un int Grady, qui est appelé All From Ask pour le faire. Nous pouvons aller au menu des calques, masquer un mode masque, puis sur demander à partir du Manu 42. Symboles: Salut, tout le monde. Dans ces vidéos, on va parler de symboles. Symboles est un excellent avec un croquis qui vous permet de réutiliser facilement des éléments sur vos ports et pages ou même plusieurs documents. On peut décomposer les symboles en deux parties. Un maître, qui prend l'apparence d'un tableau d'art et d'une instance, qui est une représentation aplatie du maître. En fait, une instance de symbole est un calque unique qui reflète le contenu de son masque. Vous pouvez le reconnaître à l'aide d'une icône violette. C' est des flèches qui coule. Nous pouvons créer un symbole simplement en sélectionnant un objet et en cliquant sur le bouton Créer un symbole dans la barre d'outils. Ensuite, vous serez invité à choisir un nom pour votre symbole et à la fin appuyez sur OK, Vous pouvez trouver vos symboles sur la page des symboles, et vous pouvez personnaliser chaque instance avec des remplacements. Vous pouvez trouver la section d'écrasement dans l'Inspecteur 43. La toile: Salut, tout le monde. Dans ces vidéos, on va parler de croquis sur toile. La toile est infinie en taille. C' est essentiellement où vos guerres de bras seront lieu et vous pouvez facilement naviguer en utilisant la volonté de défilement sur votre souris ou un pavé de piste, vous pouvez faire défiler dans n'importe quelle direction. En outre, vous pouvez maintenir une barre d'espace et cliquer et boire la toile pour faire un panoramique. Si aucun objet n'est sélectionné, vous pouvez également utiliser les touches fléchées pour déplacer le canevas. Il y a des moments où vous voulez effectuer un zoom avant et un zoom arrière afin de voir plus de détails ou l' ensemble du campus, respectivement. Pour ce faire, vous pouvez éventuellement utiliser l'élément de zoom dans la barre d'outils. Vous pouvez maintenir la touche de commande et utiliser votre volonté de défilement sur vos bouches. Le niveau de zoom maximal est de 256 000% et le minimum est de 1% 44. Plugins: Bonjour, tout le monde. Dans ces vidéos, on va parler de branchements. Les plantations sont une partie importante de tout outil de conception. Vous pouvez étendre la fonctionnalité d'esquisses en installant des plug-ins. Tous les plug-ins ont été développés par des développeurs tiers et peuvent être téléchargés gratuitement ou paroisses du développeur. Vous pouvez trouver les plus récents plug-ins sur la page Extensions du site Web d'esquisse. Une fois que vous êtes connecté est installé, vous pouvez y accéder lorsque vous êtes dans le menu Plug INS dans la barre de menus. Parfois, après une mise à jour, plug-ins peuvent devenir incompatibles avec l'esquisse. Dans ce cas, votre croquis me planter et vous pouvez le réparer en désactivant les plug-ins. Pour ce faire, nous pouvons maintenir la touche Maj enfoncée pendant le lancement pour désactiver tous les plug-ins que vous avez installés. Si vous choisissez Gérer les branchements depuis le menu Plug Ins, vous pouvez accéder au volet de préférences Plug-ins où vous pouvez gérer vos plug-ins. 45. Exporter: Salut, tout le monde. Dans ces vidéos, on va parler d'exportation. Une fois votre processus de conception terminé, vous voudrez probablement exporter des parties de votre création ou même la totalité dans une esquisse. Nous pouvons facilement exporter votre design en un rien de temps pour voir toutes vos trouvailles exportables peuvent cliquer sur le bouton d'exportation dans la guerre d'outils, puis marquer ce que vous voulez exporter pour marquer n'importe quel groupe de calques ou d'art pour exportable dans l'esquisse, assurez-vous qu'il est sélectionné et cliquez sur le bouton Faire exportable en bas de l' inspecteur. Après cette vue apparaîtra et vous pouvez modifier et définir les paramètres d'exportation, et ces économies seront appliquées lorsque la couche est exportée. Si vous cliquez sur le bouton Ajouter, une fois contre l'argent va ajouter une autre échelle à votre exportation. Si plusieurs échelles d'exportation sont définies, vous avez besoin d'au moins un préfixe ou un suffixe dépendant respectivementdu début ou de la fin respectivement des fichiers exportés. Nom pour les distinguer. En règle générale, les objets exportés en tant qu'échelle à deux X ont la scie fixe à deux œufs, car cela répond aux conventions de dénomination requises par Apple lors de la conception pour les systèmes d'exploitation. Si vous concevez pour Android, cependant, aux oeufs est représenté par le préfixe Ex bord DP I. Nous pouvons choisir votre format de recherche de concepteur en cliquant sur le format. L' exportation des boutons n'est pas limitée aux fichiers. Vous pouvez également exporter une partie de votre conception en tant que code. Vous pouvez facilement copier les attributs CSS et le code SVG en sélectionnant n'importe quel nombre d'éléments dans le canevas, puis maintenez la touche de contrôle et cliquez et choisissez Copier les attributs CSS ou copier couche SVG. C' est une fonctionnalité incroyable pour les concepteurs Web. 46. Introduction aux éléments UI: Salut, tout le monde. Bienvenue à une autre section du cours dans cette section. Nous allons parler de vous éléments qui sont si importants lorsque vous concevez une interface utilisateur. Au cours des prochaines années de vidéos, nous allons parler des factures fiscales, des fonds, des curseurs, des cartes, cartes, dialogues ou même des steppers et des tableaux. Donc si vous êtes confus sur tous ces éléments, je vous suggère de regarder cette section. Alors à vous voir dans la prochaine série de vidéos. 47. Champs de texte: Hé, tout le monde va revenir à une autre vidéo de cette section. Dans cette vidéo, nous allons parler de champs de texte, Comme vous le savez peut-être, prend des sensations sont vous éléments qui permettent aux utilisateurs d'entrer des attaques dans un u I. Ils apparaissent généralement dans les dialogues et les formulaires. Presque tous les mobiles s'adaptent et utilisent également le site Web au moins un type de champs de texte, par exemple. Vous pouvez les utiliser pour entrer des dates, des noms , de l' heure, etc. En tant que concepteur U I, vous devez savoir ce que l'anatomie d'un champ de texte décrit dans l'image. Vous pouvez trouver différents types de taxes sur différentes plates-formes, il est donc recommandé de connaître la norme que vos éléments utilisent un système d'exploitation spécifique . Si vous regardez l'image à droite, vous pouvez voir que nous avons l'anatomie hors d'un champ de texte. Comme vous pouvez le voir, nous avons l'étiquette. Nous avons le texte d'entrée. Nous avons l'icône de fin, qui est facultative. Comme vous pouvez le voir, c'est le numéro trois. En outre, nous avons un indicateur d'activation. Parfois, vous pouvez utiliser l'icône de saisie vocale ou même une icône déroulante, et à la fin, vous pouvez voir que nous concevons différents États hors champ d'attaques. Par exemple, si l'utilisateur ne saisit pas correctement le mot de passe, la couleur des champs de texte peut changer pour autre chose, par exemple rouge. 48. Boutons: Hey, tout le monde dans cette vidéo, nous allons parler de bas dans les bas de conception permettant aux utilisateurs de prendre des mesures. Donc, un de nos utilisateurs doit faire quelque chose. Bas qui viennent jouer. Je pense que maintenant vous comprenez combien il est important de savoir sur la conception de fond. Lorsque vous concevez un bouton, assurez-vous de faire attention aux points de chute. Les états numéro un conçoivent tous les états en bas, tels que actifs, inactifs , taraudés , survolés , etc. hiérarchie numéro deux connaît la hiérarchie de vos boutons, par exemple, qu'il s'agisse de l'accent élevé, de l'accent moyen ou de l'accent sur la loi. Nombre trois types de boutons de placement multiples peuvent être utilisés pour représenter différents niveaux d'accentuation . numéro quatre prend les boutons de texte du bouton sont généralement utilisés pour les actions moins prononcées, par exemple, dans les dialogues et les cartes et, enfin, mais non le moindre, boutons de contraste devraient avoir suffisamment de contraste pour souligner l'importance qu'ils fonctionnalité. Donc, si vous regardez l'image à droite, vous pouvez voir que nous avons différents états en bas. Par exemple, nous avons actif. Comme vous pouvez le voir, il a une couleur nette, et la capacité est de 100%. D' un autre côté, nous avons inactif pour montrer que ce bouton est désactivé pour l'instant, qui est gris ici, et aussi nous avons tapé. Donc, lorsque l'utilisateur appuie sur ce bouton, il change à cette couleur spécifique. Comme vous pouvez le voir, nous avons qui est bleu clair, et à la fin, comme une conception ont pour différents boutons, nous avons bouton texte. En outre, nous avons décrit le bouton et puis contiennent le bouton et aussi le bouton bascule, et vous devez les utiliser soigneusement lorsque vous êtes en train de concevoir une interface utilisateur. Parce qu'il est si important de ne pas attendre les utilisateurs et aussi en termes d'expérience utilisateur , il est préférable d'utiliser le bon type de fond dans votre conception. 49. Sliders: Hey, tout le monde dans ces vidéos, on va parler de curseurs en design. Les curseurs permettent aux utilisateurs d'effectuer des sélections à partir d'une plage de valeurs. Ils sont idéaux pour ajuster les paramètres tels que la luminosité, le volume, etc. Les curseurs peuvent avoir des icônes des deux côtés de la barre. Lorsque vous concevez un cidre, assurez-vous de prêter attention aux choses suivantes. Les états numéro un conçoivent tous les états du Steiger, tels que activer désactiver, taper , survoler, etc., tout comme les boutons. Numéro deux. Les curseurs de réglage ne doivent être utilisés que pour choisir des sélections à partir d'une plage de valeurs. Rapidité numéro quatre. Les curseurs doivent réagir immédiatement, sorte que les changements doivent être instantanés. Enfin, les curseurs d'accessibilité devraient fournir toute la gamme de choix à la disposition de l'utilisateur . Si vous regardez l'image sur le côté droit, vous pouvez voir que nous avons deux curseurs différents. Le 1er 1 est un curseur continu, et comme vous pouvez le voir dans le genre de Snyder, vous pouvez le modifier en continu et sans interruption. D' autre part, dans le second type de curseurs, qui est un curseur discret, vous ne pouvez pas le modifier sans interruption. Il y a quelques points fixes que l'utilisateur peut choisir 50. Infobulles: Hey, tout le monde, dans ces vidéos, nous allons parler de conseils d'outils dans les poeps d'outils de conception sont pour afficher du texte informatif lorsque les utilisateurs survolent, se concentrent sur ou tapent sur un élément. Lorsque vous concevez une info-bulle, assurez-vous de faire attention aux choses qui tombent. Concision numéro un Conseils pour les outils Onley devrait-il afficher un bref texte ? N' ajoutez pas d'image ou d'informations détaillées. Les info-bulles d'outils de couplage numéro deux sont toujours appariées à proximité, l'élément avec lequel elles sont associées ID et, enfin, info-bulles d'outils transitoires apparaissent sur le vol stationnaire, point ou le toucher et disparaissent après une courte durée. Ils ont recommandé l'allégement du temps 1,5 seconde. Comme vous pouvez le voir sur le côté droit, nous avons une info-bulle, qui montre du texte informatif. Nous avons un raccourci pour gras, et aussi nous avons des informations supplémentaires ici, sans danger pour le bouton de confirmation, alors assurez-vous de les utiliser correctement. 51. Contrôles de sélection: Salut, tout le monde dans cette vidéo, on va parler de contrôles de sélection. contrôles de sélection permettent aux utilisateurs de choisir facilement entre différentes options. Il est utile pour déclarer des préférences de tels paramètres. Lorsque vous concevez un contrôle de sélection, assurez-vous de prêter attention aux points suivants. Familiarité numéro un. Des contrôles de sélection ont été utilisés chez vous. Je conçois depuis longtemps et devrait être utilisé comme prévu. contrôles de sélection d'efficacité numéro deux permettent aux utilisateurs de comparer facilement deux options ou plus. Enfin, les contrôles de sélection scannables doivent apparaître de manière à ce que les utilisateurs puissent les reconnaître en un coup d' œil. Les éléments sélectionnés doivent être visuellement distinguables d'un élément sélectionné. Comme vous pouvez le voir sur le côté droit de l'écran, nous avons trois contrôles de sélection différents. Le 1er, c'est des discours. Il est utile pour cibler une seule option activée ou désactivée, et il est très populaire. Le mois suivant, c'est des boutons radio. Ils sont utiles pour sélectionner une seule option à partir d'un minimum, et la dernière est des pièces de vérification, et il est utile pour sélectionner des éléments nés ou multiples à partir d'un minimum, alors assurez-vous de les utiliser de la bonne façon. 52. chips: Hé, tout le monde, dans cette vidéo, on va parler de jetons. puces permettent aux utilisateurs de faire des sélections, déclencher des actions. Entrez des informations, etc. Contrairement aux boutons, qui devraient être une contre-action cohérente, puces doivent apparaître dynamiquement comme un groupe de plusieurs éléments interactifs. Lorsque vous concevez une puce, veillez à faire attention aux états suivants Numéro un. Tout comme les bas et les curseurs. Vous devez concevoir tous les états de vos puces, tels que dans capable désactiver taraudé, hover etcetera. Les puces de pertinence numéro deux devraient avoir une relation utile avec le contenu ou la tâche qu'elles représentent. Et les dernières puces de compacité sont des éléments compacts qui représentent des informations distinctes . Si vous regardez l'image sur le côté droit, vous pouvez voir que nous avons différentes puces. Certains d'entre eux ont des icônes ou même une image. D' autre part, certains d'entre eux n'ont qu'un texte, alors assurez-vous de les utiliser soigneusement dans votre conception d'urine. 53. Cartes: Hey, tout le monde ces vidéos, nous allons parler de cartes dans les voitures de conception d'interface utilisateur sont des conteneurs qui affichent du contenu et des actions sur un seul sujet. Ils doivent être faciles à numériser, et des éléments tels que des images ou des textes doivent être placés sur eux d'une manière qui indique certainement la hiérarchie. Lorsque vous concevez des cartes, assurez-vous de prêter attention aux éléments suivants. Personne numéro un. Une carte ne peut pas être divisée en plusieurs cartes. Vous ne devriez pas épouser une carte avec un autre numéro à l'indépendance. Une carte n'a pas besoin de compter sur ses éléments environnants. Il peut être autonome et durer, mais pas des moindres, des composants. Une carte peut éventuellement avoir accès à des supports tels que des images ou des vidéos, des icônes de Tex Barton et des clous de film. De nos jours, la plupart des concepteurs utilisent des cartes là-dedans. Vous je conçois, donc si vous voulez les utiliser aussi bien, assurez-vous de les utiliser avec soin 54. Dialogs: Salut, tout le monde. Dans cette vidéo, on va parler de dialogues. dialogues informent les utilisateurs sur les informations critiques ou même les tâches. Ils demandent également aux utilisateurs de prendre une décision ou de choisir entre différentes options. Par exemple, dialogues peuvent être utilisés pour demander l'autorisation ou même choisir parmi une gamme de variables différentes sur un Snyder et bien plus encore Lorsque vous concevez des dialogues, assurez-vous de prêter attention aux choses suivantes. Hiérarchie numéro un, un dialogue a la hiérarchie la plus élevée, et il noir l'utilisation de l'APP jusqu'à ce que l'utilisateur réservoirs un dialecte action numéro deux visibilité mourir contrairement doit être reconnaissable facilement. Donc, je recommande d'ajouter une superposition sombre à la vue et de mettre le dialogue sur le dessus de C'est le numéro trois. dialogue direct devrait transmettre le message d'une manière compréhensible et claire. Et enfin les bas, je recommande d'utiliser des boutons côte à côte sur un dialogue, comme vous pouvez le voir dans l'image 55. Listes: Hé, tout le monde, dans ces vidéos, on va parler de listes. Les moins sont un groupe continu d'images ou de textes. Ils sont composés d'éléments, y compris les réactions primaires et secondaires, qui sont représentés par des icônes sur les textes. Lorsque vous créez des listes, assurez-vous de prêter attention aux points suivants. La cohérence numéro un doit au moins présenter les icônes, les taxes et les actions dans un format cohérent. La police d'action numéro deux montre le contenu de manière à ce qu'il soit facile de reconnaître un élément spécifique dans la collection et d'agir sur celui-ci. Enfin et surtout, scannable au moins doit être classé de manière logique qui facilite la numérisation du contenu. Comme vous pouvez le voir sur le côté droit de l'écran, nous avons différents types de listes. Par exemple, nous avons ici vos contacts. Comme vous pouvez le voir, il est composé d'images et de taxes, et aussi il a une icône 56. Tableaux: Hé, tout le monde dans cette vidéo, on va parler de tables. Les tables sont des conteneurs qui affichent les différents enregistrements des utilisateurs, tels que les produits, les prix , les dates d' état , etc. par jour. La table contient devant une ligne en haut, au moins des noms Colin, suivis de règles pour plus tard. Ils sont généralement à base de plantes défilées et faciles à effrayer. Donc, si vous avez besoin de remplir certaines données, qui sont douloureuses et qui suivent le même modèle, vous pouvez utiliser des tables lorsque vous concevez des tables. Assurez-vous de faire attention aux choses suivantes. lignes extensibles numéro un de la table peuvent être extensibles afin de permettre à l'utilisateur d' évaluer des informations supplémentaires sans perdre son contexte. pagination numéro deux fonctionne en présentant un ensemble de nombres, entrevue avec la possibilité de naviguer vers un autre ensemble et, enfin, enfin, corrigeant les en-têtes. La correction de l'en-tête de ligne pendant qu'un utilisateur fait défiler une table aide l'utilisateur à connaître le nom de la colonne 57. Navigation: Hé, tout le monde, dans ces vidéos, on va parler de navigation. navigation est l'acte de se déplacer entre les écrans d'une sieste pour accomplir des tâches. Par exemple, vous pouvez naviguer de la page d'exploration d'une sieste à la page de profil. Il existe différents types de navigation. Numéro un latéral. Il se réfère au déplacement entre les écrans au même niveau de hiérarchie. Le composant principal de navigation abside doit permettre l'accès à toutes les destinations au niveau supérieur de sa hiérarchie. Numéro à transférer. Il se réfère au déplacement entre les écrans à des niveaux consécutifs sur la hiérarchie et dernier mais non moindre, inverse. Il se réfère au déplacement vers l'arrière à travers les écrans, soit hiérarchiquement au sein d'une sieste ou d'un karna logiquement dans une application ou à travers différents APS. 58. Menus: Salut, tout le monde. Dans ces vidéos, nous allons parler de menus dans la conception de l'interface utilisateur. Un menu affiche au moins des choix sur une surface provisoire. Il apparaît lorsque les utilisateurs interagissent avec une action de bouton ou d'autres types de contrôles. menus permettent aux utilisateurs d'effectuer une sélection à partir de plusieurs options sur des contrôles de sélection similaires. Les menus sont moins exceptionnels et prennent moins de place. Lorsque vous concevez des menus, assurez-vous de prêter attention aux points suivants. Numéro un scannable. De nombreuses options devraient être faciles à effrayer. Les menus rapides numéro deux devraient être faciles à ouvrir, fermer et à interagir avec, et enfin, menus de placement apparaissent devant tous vos autres éléments. 59. graphiques: Bonjour, tout le monde dans cette vidéo, on va parler de graphiques. graphiques aident les utilisateurs à comparer les valeurs individualisées Lorsqu'il s'agit de comparer de nombreuses valeurs, il est beaucoup plus facile de regarder les graphiques bons numéros de zone et d'accord. Lorsque vous concevez des graphiques, assurez-vous de prêter attention aux éléments suivants. Numéro un. Visibilité. Visibilité d'un graphique. C' est si important parce que parfois vous avez un graphique avec de très petits détails. Cohérence numéro deux. Placez vos graphiques sur une carte afin de garder votre design propre et cohérent. Enfin, les marges. Assurez-vous qu'il y a suffisamment d'espace entre vos graphiques et les autres éléments ultérieurement . Dans ces partitions, vous apprendrez à créer des graphiques et à les utiliser dans vos projets. 60. Steppers: Salut, tout le monde. Dans cette vidéo, on va parler de steppers. sippers affichent la progression à travers une séquence d'étapes logiques et numérotées. Parfois, vous pouvez les utiliser pour la navigation. Les soupers peuvent afficher un message de rétroaction temporaire après l'enregistrement de l'étape. L' utilisation de steppers pourrait aider les utilisateurs à éviter de perdre leur attention lorsqu'ils ont besoin de ressentir des formulaires ou de prendre des mesures. Lorsque vous concevez des steppers, assurez-vous de prêter attention aux choses suivantes. Les sections numéro un n'intègrent pas à pas d'autres pas à pas ou vous avez plusieurs pas à pas sur une seule page. Numéro deux types. En général, il existe deux types d'étapes. Étapes éditoriales et étapes non comestibles. Nous avons des steppers horizontaux sur les steppers verticaux et enfin des retours d'information. Vous pouvez éventuellement concevoir des commentaires transitoires pour afficher la progression aux utilisateurs. Vous ne devez utiliser les commentaires que lorsqu'il y a une longue vision latente entre les étapes. 61. Snackbars: Salut, tout le monde. Dans cette vidéo, on va parler de snack-bars. Les barres de collation fournissent une rétroaction concise sur une opération via un message en bas de l'écran. Ils doivent contenir une seule ligne de texte directement liée à l'opération effectuée. Ils peuvent également contenir une bouteille. Lorsque vous concevez des barres empilées, assurez-vous de prêter attention aux points suivants. Numéro un. Ça devrait être bref. barre de collation ne doit afficher que de brèves informations sur une opération et non des informations détaillées . barres de collation transitoires numéro deux sortent automatiquement de l'écran afin qu'elles disparaissent rapidement et enfin, hiérarchie. Si l'action est assez importante pour noirrer l'utilisation de l'APP, vous pouvez utiliser des boîtes de dialogue au lieu de barres de collation dans les barres de collation. N' utilisez qu'un seul bouton si c'est nécessaire et pas plus. Comme vous pouvez le voir sur le côté droit de l'écran, nous avons deux exemples différents. Le premier groupe de snack-bars sont conçus parfaitement parce qu'il n'a pas plus d'un bouton et les Connors qui ont été utilisés ou super. Cependant, d'autre part, le deuxième groupe de nos snack-bars a deux boutons, ce qui n'est pas idéal pour les snack-bars, et aussi il a utilisé une icône. En plus du texte 62. Qu'est-ce que la wireframing?: Salut, tout le monde dans cette vidéo, on va lui parler par cadrage. cadrage violent est un moyen de concevoir une application ou des services de site Web à la structure ou au niveau. Un cadre métallique est généralement utilisé pour mettre en page le contenu et les fonctionnalités. Sur une page, qui prend en compte les besoins et les expériences des utilisateurs, nous pouvons considérer le cadrage de fil comme un squelette graphique similaire à celui d'une voiture. Le cadre viral détermine les détails de l'ensemble du projet à l'étape initiale que la description du projet, La plupart des débutants pensent que le cadrage de fil et le prototypage sont en quelque sorte les mêmes. Cependant, ils ne le sont pas. Un cadre métallique est une conception de faible fidélité, sorte qu'il n'illustre pas l'apparence finale de l'interface utilisateur. D' un autre côté, un prototype est un design de haute fidélité, et son prototypage dynamique et interactif ressemble presque au produit final. 63. Flux utilisateur: Salut, tout le monde. Dans ces vidéos, on va parler du flux utilisateur. Le flux utilisateur est un chemin emprunté par un utilisateur prototypique sur une application ou un site Web. Pour terminer une tâche. Le flux utilisateur les dirige à partir de leur point d'entrée à travers une phase de mise en route vers un résultat réussi et une action finale, comme l'envoi d'un message ou l'achat d'un article. Permettez-moi de vous donner un exemple de flux utilisateur très simplifié pour une application de commerce électronique. L' utilisateur commence à partir de la page d'accueil à partir de la page d'accueil. L' utilisateur clique sur une page de catégorie. Ensuite, à partir de la page de catégorie, l'utilisateur clique sur un produit, puis à partir de la page de produit, l'utilisateur ajoute un article à la carte, puis à partir du panier pour utiliser ses chèques. Et après cela, à partir de la page de paiement, l'utilisateur termine le paiement, et à la fin, l'utilisateur peut obtenir son ou les cheveux reçus. C' est donc à quoi ressemble un flux utilisateur, et il est très important pour chaque projet d'avoir au moins un flux utilisateur simplifiant 64. Prototypes interactives: Salut, tout le monde. Dans ces vidéos, on va parler de prototype interactif. De nos jours, le prototypage joue un rôle de plus en plus important dans le processus de conception. Ainsi, en tant que jeune concepteur UX,vous en tant que jeune concepteur UX, devez savoir comment réaliser un prototype de haute fidélité de votre projet de manière à ce qu'il puisse clairement transmettre le message de votre design et aussi l'interaction exacte que vous voulez réaliser. Non seulement le prototypage peut vous aider en tant que concepteur à montrer votre travail, mais il peut également aider les développeurs à savoir comment vos conceptions doivent être converties en code. Voici quelques outils utiles que vous pouvez utiliser pour le croquis de prototypage interactif. Il peut être utilisé pour le prototypage interactif simple. InVision studio Il peut être utilisé pour le principe de prototypage interactif moderne et compliqué . Il peut être utilisé pour le moderne et le détail, interactif, prototypage et bien plus encore. Par exemple, vous pouvez également utiliser proto pie pour le prototypage avancé 65. Outils Wireframe: Salut, tout le monde dans ces vidéos, je vais parler des outils de cadre métallique. Maintenant que vous connaissez l'importance du cadre métallique dans votre conception UX, il est temps de parler des outils, qui sont absolument utiles pour préparer votre cadre métallique. Bien que certains concepteurs préfèrent utiliser un logiciel autonome pour le cadrage de fil, il existe des concepteurs qui préfèrent utiliser des outils Web pour le cadrage de fil. Quelle que soit la façon dont vous souhaitez choisir, assurez-vous de garder votre cadrage de fil cohérent. Voici quelques outils utiles que vous pouvez utiliser pour encadrer le fil numéro un Mike Flow. Vous pouvez utiliser mike flux dot com, et il offre une variété de services gratuits et payants. Numéro deux. Vous pouvez utiliser les pieds, Mère Calme, et il offre également des services gratuits et payants. Croquis numéro trois. C' est une application payante et enfin, Adobe X'd, qui est gratuit, et vous pouvez l'insulter sur Mac OS et Windows 66. Qu'est-ce qu'un style de couleur ?: Salut. Bienvenue dans une autre section des partitions de cette vidéo. On va parler de la couleur Stein. Quel est le style de couleur ? En fait, chaque marque a un ensemble de couleurs auquel elle adhère. Donc, par exemple, quand vous pensez à Tweeter, je suis presque sûr que vous pensez bleu. Donc, dans la section, nous allons créer notre propre style de couleur ou, disons, notre propre guide de style pour nous aider pendant notre processus de conception. Alors je te verrai dans la prochaine vidéo. 67. Colonnes primaires et d'accents: Salut, tout le monde. Dans cette vidéo, nous allons commencer à créer notre premier guide de style avec un guide de style. C' est si important lorsque vous concevez une interface, car cela va vous faire gagner beaucoup de temps et vous faciliter la vie. Donc, sans plus tarder, commençons. Tout d'abord, je vais mettre un nouveau port d'art ici pour que tu puisses insérer le tableau des arts. Vous pouvez égalementappuyer sur un bouton de votre clavier. Vous pouvez également Ensuite, je vais choisir Responsive Web et ce truc HD parfait. Donc d'abord, je vais me renommer deux colliers Super. Et puis ajoutons du texte ici et des couleurs correctes. Et si vous tenez vieux, vous pouvez voir les sens D entre ces âges et le texte. Alors faisons-le 100 du haut et 120 de la gauche. Super, je vais zoomer un peu. Maintenant, nous allons insérer autour d'elle ici, et je vais glisser et déposer parfait, et je vais choisir la couleur avec le code pour 135 F trois Perfect. Et maintenant, augmentons le rayon de coin afin d'obtenir des coins lisses. Génial ! Maintenant, nous pouvons l'aligner et le rembourrage. Les gays. Huit pixels parfaits. Alors maintenant, insérons un autre tour ici et glisser-déposer. Et faisons 180 par 180 cellules de pointe. Comme vous pouvez le voir dans un croquis, vous avez deux options. Coins ronds ou coins lisses. Je préfère utiliser des coins lisses parce que cela va vous donner un très, très beaux coins lisses comme ce que vous voyez dans nos États-Unis, dans les années vingt. Super. Maintenant je vais injecter cette boîte, et maintenant choisissons notre collier. C' est bon pour 13 5 F 3. Super. Si vous n'êtes pas sûr des couleurs que vous souhaitez choisir dans votre projet, ne vous inquiétez pas. Vous pouvez toujours revenir et modifier tous vos composants de guides de style. Alors maintenant, passons un peu. Ok, 100, c'est génial. Et maintenant, nous allons le dupliquer avec la commande D et le mettre ici avec 30 cellules de pointe rembourrage. Super ! Et cette fois, choisissons la couleur. Sept. Bond cherche huit F six parfait et encore une fois, nous allons le dupliquer. Mais c'est juste là et choisissez la couleur suivante. A 09 a f neuf. Génial et encore une fois c'est dupliqué. Je sais que c'est ennuyeux, mais croyez-le ou non, ça va gagner tellement de temps et rendre votre processus de conception beaucoup plus rapide. Et le dernier. Voyons voir si cc f c super. Très bien, ce sont nos couleurs primaires, alors laissez-moi les faire glisser un peu vers le bas. Maintenant, je vais écrire la voiture principale. Il y a OK, et maintenant capitalisons toutes ces lettres. Au lieu d'écrire avec des majuscules, nous pouvons facilement aller là-bas et cliquer sur ce bouton de réglage là-bas. Ici, nous avons des options de prise et vous pouvez choisir la majuscule Perfect. Rallons-le plus petit. 24 pixels est génial et la distance 40 pixels. Donc ça va être nos couleurs primaires qu'il a principalement utilisées dans notre projet. Alors maintenant, nous allons créer notre guide de démarrage tout d'abord, mais sélectionnez la première couleur. Sur le côté droit, vous pouvez voir une section, qui est appelée apparence, et ici est écrit aucun style de calque. Donc, si je clique dessus, vous pouvez voir qu' il y a une option. Créer un nouveau style de calque. Alors, nous allons cliquer dessus. Et là, c'est vrai. Couleurs slash primaire slash 100% violet et entrer super donc nous allons faire la même chose pour tous ceux. Alors allons-y. Créer des couleurs, slash primaire slash violet, 75% et encore, les couleurs slash barre oblique primaire par pilule, 50% et le dernier. Couleurs barre oblique principale pourpre 25%. Super. Donc en ce moment, nous avons créé nos couleurs primaires partagées Siles, ce qui est génial, accord. Avant de poursuivre ce processus, je vais créer une couche. Nous nous alignons et je vais changer son collier. Quelque chose comme ça. C' est génial. Et l'espacement 16 du haut et 40 du bas. Génial. Donc maintenant, afin d'organiser nos calques, allons les regrouper afin que vous puissiez utiliser la commande G et la renommer en titre Great. Et aussi, nous allons choisir les couleurs, pilule Primaire paire et ici aussi bien titre. Bon, donc la deuxième chose que nous devons faire est de créer nos couleurs d'accent. Donc ce que je vais faire, c'est tenir ces deux groupes et les dupliquer et les faire glisser ici. 70 Big vend Great. Maintenant, modifions le titre en couleurs accentuées. Bon, maintenant, allons choisir le premier carré là-bas et changer la couleur, aussi. B e 52 f deux. Et si je clique là-bas, vous pouvez voir que nous avons quelques options. Si je clique sur le temps de mise à jour des calques, cela va mettre à jour l'étoile de calque précédente que nous venons de créer. Ce n'est pas ce dont nous avons besoin. Nous devons créer une nouvelle couche orteil malade et appelons ça couleurs. Smash Accent Slash. C' est encore comme du violet. Vendu son collège violet un et le 2ème 1 Changeons à D. B. Un cinq si bien, grand et créons un nouveau style de calque. Donc, je vais le changer en couleurs, accent slash violet et le suivant e le f f deux. Génial. Nous allons donc créer une autre couleur de style de calque. Accent, Purple 3 et le dernier. Nous allons chaussures si trois e huit si six. Changeons un peu maintenant c'est génial et créez de nouvelles couleurs de style de calque. Mon accent. Attention. Quatre. Génial. Donc la prochaine chose que nous devons faire est de créer nos couleurs sémantiques, alors faisons de l'art un peu plus grand. Vous pouvez cliquer dessus, puis changer la hauteur à 2000. Et maintenant, changeons le nom du groupe ici pour accentuer les couleurs et aussi le titre titre Dash accent. Super. Attendons-nous et dupliquons-les et buvons-les. Droit ? Donc ça a changé la taxe aussi. Connors sémantiques. Maintenant, nous n'avons besoin que de trois couleurs ici, ni pour le rendre simple pour vous. C' est des chaussures. Si cf 5 voit grand, créons de nouvelles couleurs de style de calque. Orange sémantique un et le suivant f f e 29 d à nouveau créer votre style orange sémantique à dans le dernier f f f f f huit e sept. Créer un nouveau style de calque orange sémantique. Trois. Parfait. Maintenant, tenons-les et dupliquons-les. Droit ? 30 Pixel est génial. C' est utilisé le 1er 1 et le changer à 0084 f 4. Appelons ça bleu. Le 2e 166 être cinq F sur huit Bleu, aussi. Et le dernier d 5 e 9 F A et c'est la fac bleue 3. D' accord. Vous pouvez ajouter autant que vous voulez, mais je pense que pour le bien de ce cours, c'est assez pour l'instant. Merci beaucoup d'avoir regardé cette vidéo dans la prochaine vidéo. Nous allons ajouter le Grady dans la ligne directrice de la couleur des étoiles et aussi les couleurs grises qu'il a utilisé principalement dans les arrière-plans. Alors on se voit dans la prochaine vidéo. 68. Couleurs et dégradés gris et dégradés gris: Salut, tout le monde. Bienvenue à une autre vidéo de la section dans ces vidéos. Nous allons créer nos couleurs de fond gris, ce qui est si important, parce que la plupart du temps nous allons les utiliser beaucoup dans notre projet. Alors allons-y et rendons notre art un peu plus grand. Donc je vais changer le haut à 3000. Et puis, comme vous le savez tous, nous devons tenir ces groupes et les dupliquer. On y va. Cela a changé son titre en couleurs de fond grises. Parfait. Alors maintenant, nous allons choisir la première couleur et la changer à 28 37 pour B Perfect. Et maintenant, créons un nouveau style de calque et de nouvelles couleurs. Je vais dire une barre oblique BG grise aussi, et sélectionnons le 2ème 1 et changeons-le à 87 98. Un grand. Il s'agit de créer un nouveau style de calque. Je sais que c'est répétitif, mais croyez-le ou non, ça va nous faciliter la vie. Donc, il vaut la peine de créer notre côté couleur. Ou, disons, notre guide de style, en général, afin d'éliminer le processus, train de concevoir plus rapidement. Maintenant, nous allons choisir le suivant et Changeons pour si sept d zéro le A et puis je vais aller de l'avant et créer un nouveau style de calque couleurs, gris et trois. J' en ai besoin d'un de plus. Dupliquons le dernier avec la commande D et maintenez-le et déplacez-le un peu parfait. Et ça a changé la couleur pour Yvonne E six e b. Créons un autre fichier de couches. Et ici, disons pour génial. Alors en ce moment, vous pensez peut-être, c'est pourquoi on devrait faire ça ? Permettez-moi de vous donner un exemple afin de comprendre à quel point un guide de style est puissant lorsqu'il s'agit de conception d'interface utilisateur. Donc disons que nous avons autour de ça ici, ok ? Et supposons que vous voulez le remplir avec notre couleur primaire. Donc, lorsque vous avez partagé à l'intérieur, vous n'avez pas besoin de mémoriser le code couleur à la place, Si vous allez à la section apparence et cliquez ici, vous pouvez voir toutes les couleurs et le style de calque que nous avons créé pour notre projet. Comme vous pouvez le voir, nous devons changer le nom de ce style de calque parce qu'il n'est pas cohérent, sorte que l'esquisse n'a pas pu le classer en couleurs. Génial Donc, tout d' abord, laissez-moi le changer. On va organiser les années, puis ici. Gris. Impressionnant. Alors allons de l'avant et choisissez notre couleur primaire. AARP 0 100 %. On y va. Avez-vous réalisé à quel point les thés sont faciles à travailler avec des guides de style ? Cela va vous faire gagner tellement de temps et vous concevez une interface. L' autre avantage de l'utilisation du guide de style dans votre projet est que vous pouvez toujours modifier chaque composant de votre guide de style facilement, et les modifications s'appliqueront à l'ensemble de votre projet. C' est génial. Supposons que vous concevez un projet avec ces couleurs primaires que nous avons là-bas, et après deux mois, votre client veut le changer pour autre chose. Si vous n'avez pas utilisé le style de calque partagé dans votre projet, vous deviez le modifier un par un, et vous ne pouvez même pas imaginer combien de temps cela prend. Donc, au lieu de cela, vous pouvez facilement aller à votre guide de style et sélectionner la couleur spécifique que vous voulez changer et facilement la changer. Par exemple, essayons quelque chose ici. Je vais le changer pour cette couleur, et puis vous devez la mettre à jour donc oui. Que se passe-t-il si je vérifie notre place là-bas ? Vous pouvez voir que la couleur a changé. C' est génial. D' accord. J' espère que vous comprenez comment les dames puissantes et cela vaut la peine de votre temps pour créer votre propre guide de style . Bon, maintenant je vais aller de l'avant et créer nos couleurs éclatantes. Donc, dupliquons ça, et nous devons nous rappeler de renommer nos groupes. Ok, changeons le titre pour classer les érudits. Impressionnant. Maintenant, je vais aller de l'avant et sélectionner ces deux et les supprimer parce que je veux juste créer à Grady ins pour notre guide de style. Alors allons à sentir la section et cliquez et la couleur. Et ici, comme vous le savez, nous avons quelques options. Le 1er 1 est pour choisir une seule couleur, et le 2ème 1 est pour Grady INT, sorte que vous pouvez facilement cliquer sur ce cercle et choisir cette couleur, puis cliquez sur le 2ème 1 et choisissez la deuxième couleur primaire, et vous pouvez changer la direction de ces belles sauce ins. Parfait. Donc encore une fois, allons créer un nouveau style de calque cette fois des couleurs éclatantes. Et ça a changé le 2e 1 ici aussi. Celui-ci et c'est amusant génial. Créez de nouvelles couleurs de style de calque. Grady Int pour parfaire. Maintenant, allons de l'avant et changeons le nom de nos groupes parce qu'il est si important de toujours garder nos couches et nos groupes organisés. Alors qu'est-ce qu'on a ici ? Couleurs sémantiques. Ça change trop sémantique. Et ces deux aussi devraient être changés en couleurs sémantiques sur le 2ème 1 bleu puis titre de thèse à Gray. Et ici aussi gris Colliers BG et la dernière vitale Grady Ins. Et ici, Grady Int parfait. Nous venons donc de créer avec succès la partie couleur de notre guide de style. Et c'est assez pour l'instant. Dans la vidéo suivante, nous allons créer les frontières et les ombres de notre projet. Donc, merci beaucoup d'avoir regardé cette vidéo. Je te verrai dans la prochaine vidéo. 69. Bordures et ombres: Hé, tout le monde, bienvenue à une autre vidéo de cette section. Dans cette vidéo, nous allons créer des styles de calque partagés pour nos bordures et aussi pour nos ombres. Alors commençons. Donc, tout d'abord, choisissons des actes et des couleurs et dupliquez-les parce que nous allons en avoir besoin ici. Et je vais changer le titre. Deux couleurs de bordure. Impressionnant. Maintenant, sélectionnons le 1er 1 Mais cette fois nous n'avons pas besoin de sensations. Nous avons besoin de frontières. Alors nous allons sur Chek se sentent et vérifions les frontières. Le avec ou l'épaisseur est un qui est grand et qui changent la couleur à notre première couleur d'accent . Super. Et les positions seront à l'intérieur par défaut. Et allons de l'avant et changeons le 2ème 1 et cochez cette case. Vérifiez les bordures. On y va. La même chose pour le 3ème 1 Ok, on n'a pas besoin du dernier parce qu'il est trop léger. Donc ces trois suffisent maintenant, Comme vous le savez, nous devons aller de l'avant et créer un nouveau style de calque. Nous allons donc écrire la barre oblique une et pour la deuxième barre oblique de bordure 1 deux et la dernière barre oblique de bordure trois. Super. Donc, nous allons changer le nom du groupe ici pour les couleurs de bordure et aussi ce groupe pour les bordures super. Et puis je vais aller de l'avant et sélectionner les grandes couleurs de fond et les dupliquer. Déplaçons le vers le bas parfait. Et ça a changé le titre en ombres. Super. Nous avons besoin de quatre ombres différentes, mais toutes de la même couleur. Alors sélectionnons-les tous et changerons un collier, aussi. Droit ? Vous saurez pourquoi dans une seconde, et puis c'est à l'ombre. On y va. Ce zoom un peu. D' accord. Tout d'abord, sélectionnons-les tous et changez le tout loin de 50 à 20. Super. Ensuite, je vais sélectionner le 1er 1 et modifier ces options d'ombres. Donc, tout d' abord, je vais changer les oeufs 21 et les EAU à cinq, et ça a augmenté un peu le mont Blair. Mettons-le à 10 parce que ce sera notre petite ombre et pourquoi je pense que ça va être six grands et le 2e 1 à nouveau. Un. Et réglons le Blair 2 20 changé. Pourquoi là-bas ? Augmentons la quantité de X un peu 25 et le suivant qui a dit que les oeufs aussi et augmenter le montant Blair 2 20 pourquoi va être 19 ? Cependant, je pense qu'il est préférable de changer le X 22 et cette fois je vais diminuer la quantité de feu à 10. Super dans la dernière. Diminons l'offre. Montant à 10 et a ensuite dit le X 21 le Y 25 et le Blair pour un adolescent. Super. Il est maintenant temps de créer notre style de calque partagé. Alors, sélectionnons le 1er 1 et continuons et créons une nouvelle couche Stein. Ici, disons que les ombres réduisent encore une fois. Des ombres qui sont copiées pour gagner du temps. Smash à et ombres Strache trois et le dernier Shadows slash pour grand. Comme vous pouvez le voir, nous avons des sentiments ici pour comprendre à quoi ressemblent ces ombres. Mais nous n'en avons pas besoin, car lorsque nous voulons ajouter des ombres à nos calques ou composants, nous n'avons pas besoin de la sentir aussi. Donc, nous allons les élire, puis vérifier ce champ, aboye super et cliquez sur plusieurs styles de calque ici et les côtés de calque optés. Impressionnant. C' est ce dont nous avons besoin. Ça peut sembler bizarre, mais ça marche parfaitement. Bon maintenant, allons de l'avant et organisons nos couches ici. Ça change deux ombres et aussi celle-ci. Ensuite, je vais aller de l'avant et regrouper ces couches avec leur titre. Et puis je vais aller de l'avant et regrouper les couleurs ou les ombres avec leur titre. Alors nous allons les regrouper sur une ombre de viande. Le 2ème 1 borde Grady ins, colliers BG gris, quelques couleurs anti, couleurs d' accent et les dernières couleurs primaires. Impressionnant. D' accord. Enfin, nous avons fini de créer notre style de couleur. Et dans la vidéo suivante, nous allons créer notre taille de couche d'entrée. Merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. 70. Entrées: Hé, tout le monde, bienvenue à une autre vidéo de la section de cette vidéo. Nous allons parler d'entrées et nous voulons créer un style de calque partagé pour nos importations. Qu' est-ce que je veux dire par entrées ? Presque tous les types de conception de produits tels que les sites Web, les applications mobiles etc. ont besoin d'une sorte d'entrée. Par exemple, lorsque vous voulez concevoir un enregistrement ou une page de connexion, vous avez besoin de ces champs de texte et nous créons des couches partagées côté pour les importations afin de le rendre cohérent et rendre le processus de conception beaucoup, beaucoup plus rapide. Donc, sans plus tarder, commençons. Tout d'abord, je vais aller de l'avant et juste augmenter la taille de la pièce d'art à 3000 et 500. Super. Et puis je vais sélectionner de grandes couleurs d'arrière-plan et dupliqué Amenez-le ici et nous allons changer le titre. Deux entrées. Super. Maintenant, je vais décocher ces champs et utiliser des bordures et choisissons la couleur primaire pour le 1er 1 Et maintenant, allons de l'avant et créons de nouveaux calques. Les entrées de temps ont une barre oblique. Ensuite, nous allons de l'avant et dit comme le 2ème 1 et choisissez à nouveau la couleur primaire. Cependant, cette fois, je vais diminuer la totalité de ma monture à 10% à nouveau. C' est utilisé bordures et choisissez la couleur primaire. Maintenant, nous allons créer de nouvelles entrées de style de couche. Slash Écrivons un avertissement. Donc, quand quelque chose ne va pas, par exemple, si l'adresse e-mail est fausse ou autre chose, nous utilisons ce genre d'entrées. Et le 3ème, je vais le sentir. Battre la couleur blanche et la bordure avec la couleur primaire. Et maintenant, allons de l'avant et créons de nouvelles entrées de style de couche barre oblique trois et la dernière. Allons sur Chek se sent et c'est aux frontières. Cette fois, je vais utiliser cette couleur grise et créer de nouvelles entrées de style de calque pour génial. Donc maintenant, supposons que nous allons créer un champ de texte pour un enregistrement, nous pouvons aller et insérer autour d'elle ici juste comme ça, puis juste augmenter le rayon de coin petits coins. 2 20 Parfait. Allons de l'avant et utilisons nos intrants. Par exemple, Year. Allons avoir la 1ère 1 N'est-ce pas génial ? Ou supposons que nous voulons le changer à un état d'avertissement ? On peut facilement aller de l'avant. Avertissement d'entrée. On y va. C' est génial. D' accord. Merci beaucoup d'avoir regardé cette vidéo. Je vous verrai dans la prochaine vidéo 71. Introduction au style typographie: Dans ces vidéos, on va parler de l'heure du texte, comme ce qu'on a fait avec nos couleurs que nous allons faire avec notre typographie. Donc, dans cette section, nous allons créer notre propre textile. Et nous devons définir différentes tailles, différents poids et aussi différentes couleurs à notre style typographique afin de l'utiliser dans notre projet. Donc je te verrais dans la prochaine vidéo. 72. Guide de typographie partie 1: Hé, tout le monde, bienvenue dans une autre section du cours dans cette vidéo. Nous allons parler de styles typographiques et nous voulons créer notre ligne directrice typographique . Donc, la première chose va. Je vais aller de l'avant et dupliquer le même tableau d'art avec le commandement D. Changeons son nom en typographie. Super. Et maintenant je vais supprimer ces groupes parce qu'on n'en a pas besoin. Et aussi celui-ci parfait et a changé le titre pour prendre Parker. Les craintes s'inclinent. Et là, je vais le changer en H 1. Parfait. Et c'est le rendre plus petit. Je pense que 18 serait génial. Et maintenant je vais prolonger cette ligne un peu plus longtemps. Retenue de quart. Parfait. Donc, ce que nous allons faire est de créer trois styles d'en-tête différents et aussi trois styles de corps différents. Alors, qu'est-ce que je veux dire par trois côtés différents ? Donc, nous allons créer une année de texte et un bon exemple de texte, et je vais changer la couleur pour celui-ci. Super. Et puis je vais m'assurer que c'est une ligne à gauche. Et aussi je vais aller de l'avant et changer la taille à 34 pixels de tombe. Donc 20 de cette ligne est génial. Et nous allons changer la ligne Hi à 50. Et aussi, je vais changer le avec 2 230 aussi. Donc la prochaine chose à faire est de dupliquer ces textes et de les mettre juste là. Et cette fois, je vais m'assurer qu'il est aligné sur le centre. Et encore une fois, je vais le dupliquer et le mettre juste là. Et c'est l'alignement vers la droite. Donc, maintenant, ce que nous allons faire est de les sélectionner tous et de choisir répartir les calques horizontalement, répartir de manière inégale. Super. Donc, changeons le texte du groupe en H 1. Ce sera notre en-tête 1, et je vais sélectionner ces trois textes et les regrouper parfaitement. Nous allons le dupliquer. 50, c'est génial et ça a changé une tête d'orteil de deux ans. Et puis je vais sélectionner toutes ces taxes et changer la taille du téléphone à 26 et aussi la ligne salut à 44. Impressionnant ! Et ici, nous avons vieilli deux ans et qui est dupliqué à nouveau, mais a changé un en-tête deux h trois et également sélectionner tous ces textes et changer la taille à 16 pixels et la ligne hi à 30. Impressionnant. Et une fois de plus, je vais le dupliquer et le mettre juste là. Changer en-tête orteil H quatre et que sélectionner tous ces textes et les faire 12 pixels et aussi la hauteur de ligne de 17. Super. Maintenant, allons de l'avant et changeons le nom du groupe, 3 ans et 4 ans. Super. Allons de l'avant et créons notre part, Starnes. Mais pour la section, nous ne ferons pas pour tous. Je vais le faire moi-même, et je vous donnerai le fichier final afin de l'utiliser dans votre projet. Alors maintenant, allons de l'avant et sélectionnez le premier texte et créez un nouveau textile. C' est vrai. H une barre oblique gauche et le 2ème 1 h une barre oblique centre et le dernier h une barre oblique droite. Impressionnant. Donc c'est assez pour cette vidéo. Et dans la prochaine vidéo, nous allons créer notre corps, Tex. Et nous finirons aussi nos lignes directrices en matière de typographie. Alors voyez-vous que 73. Guide de typographie partie 2: Bonjour, tout le monde. J' espère que vous allez bien dans ces vidéos. Nous allons créer notre corps texte et terminer notre guide de début de typographie. Donc, sans plus tarder, commençons. Tout d'abord, je vais en dupliquer un. C' est le mettre ici, et ça change l'en-tête en corps un. Et sélectionnons tous ces textes et modifions la taille du téléphone à 14 pixels. Super. Maintenant, nous devons changer les étoiles de partage. Alors créons de nouveaux textiles ici. On va le changer en corps une barre oblique gauche, le 2ème 1 par D, un centre et le dernier par une barre oblique droite ? Génial. Alors maintenant, nous allons les dupliquer. Mais avant cela, permettez-moi de changer le nom du groupe en corps un nerd pour garder nos couches et groupes organisés , puis de les dupliquer. Alors ici, je vais le changer en corps, aussi. Et c'est sélectionner tous ces chars et changer la taille de police à 13. Et encore une fois, laissez-moi changer le nom du groupe en corps, , et cette arme en corps trois. Super. Donc, nous allons choisir tous les textes et changer la taille de police à 11 pixels, donc je ne vais pas faire la même chose et créer de nouveaux textiles. Je le ferai tout seul pour gagner votre temps. Et vous pouvez télécharger le guide de style final dans la section de la ressource est de cette conférence. Merci beaucoup d'avoir regardé cette vidéo. Je te verrai dans la prochaine vidéo. 74. Projet 1 - Redesign Instagram: Hé, tout le monde, bienvenue à une autre section du discours dans la section, nous allons redessiner l'Instagram. Je suis tellement excité que nous allons enfin commencer notre premier projet. Laissez-moi vous expliquer le processus de conception, application hors pièce, les tarifs de première chose. Nous allons concevoir une inscription pour ou disons, s' inscrire page. Comme vous pouvez le voir, nous avons différents textiles ici. Nous avons également conçu deux versions différentes de Sign a page, puis ici, nous avons une page que l'utilisateur a besoin de se sentir personnelle plus tard pour compléter le profil. Ensuite, nous avons le formulaire rempli, et ici nous avons la page de lugging. Et puis nous allons commencer à concevoir notre page pieds ou disons, page d' accueil. Comme vous pouvez le voir ici, nous allons concevoir des articles et aussi des histoires et tous ces éléments ensemble. Et puis nous allons aller de l'avant et commencer à concevoir notre profil, comme vous pouvez le voir ici et après cela, nous allons concevoir la page de l'appareil photo de cette application. Comme vous pouvez le voir, nous avons deux pages différentes pour la caméra. Voici la page par défaut, et la suivante est pour quand nous modifions les paramètres, puis nous allons de l'avant et la conception sont explorer la page avec différentes catégories. Et ici, nous avons explorer la page avec barre de recherche et puis nous avons des messages et après cela, nous allons aller de l'avant et concevoir le message ici, comme, ce qui est l'application, comme vous pouvez le voir et après cela, nous allons concevoir notre paramètres. Et aussi nous avons une page d'athlétisme qui est si important, et je vais vous apprendre comment concevoir une telle page et comment utiliser d'autres vous je les enfants nerd pour obtenir le meilleur résultat possible. Et enfin, nous allons concevoir trois pages d'embarquement différentes, comme vous pouvez le voir ici. Et je vais vous montrer comment obtenir ces belles illustrations et aussi les principes importants de la conception sur les planches. Donc, au total, nous allons concevoir 21 pages différentes d'une application, ce qui est incroyable. Je suis tellement excité de commencer ce projet ensemble, et dans la prochaine série de vidéos, nous allons concevoir toutes les pages une par une. Afin de commencer ce projet, veuillez télécharger le fichier que j'ai déjà préparé pour vous, et il est inclus toutes les icônes et images et toutes les choses que vous devez avoir dans récit. Terminez ce projet. Vous pouvez trouver ce fichier dans la ressource est section de cette conférence arriver. Merci beaucoup d'avoir regardé cette vidéo. Et je te verrai dans la prochaine vidéo. 75. Page d'inscription (Écran de inscription): Salut, tout le monde. Bienvenue à une autre vidéo de cette section. Dans cette vidéo. Nous allons commencer à créer notre première page, qui est notre page d'inscription. Donc, la première chose va. Comme vous le savez, nous devons créer notre tableau d'art. Alors nous allons de l'avant et insérer sur notre appareil Apple port dit que je vais choisir l' excès iPhone Great. C' est obtenu son inscription avant de commencer la section, Assurez-vous d'installer les fonds nécessaires et aussi le nécessaire que vous aimez. C' est d'Apple Website. Donc, les fonds que vous allez utiliser notre texte appelé SF Pro que vous pouvez trouver sur le site Apple . Si vous consultez développeur que Apple dot com fonds slash, vous pouvez les télécharger gratuitement ici comme ont pro, et puis vous pouvez l'installer. Et l'autre téléphone que nous allons utiliser s'appelle Monsour il que vous pouvez le télécharger à partir du site Google Fonts. L' autre chose que vous devez faire est d'avoir la pomme standard que vous aimez manger et vous pouvez télécharger est venu de leur site Web. Alors, nous allons vous chercher. Je tresse la pomme. Voilà, Applebee et la ressource est, et ici vous pouvez trouver une ressource très utile est, comme vous pouvez le voir, vous pouvez obtenir la norme A sur nous. Tu aimes manger. Aussi pour Mac OS, regardez-nous et télévez-nous bien. Et ici, vous pouvez cliquer sur ajouter toute votre bibliothèque de croquis et il sera ajouté à votre bibliothèque . La première chose dont nous avons besoin est d'ajouter que l'état est loin là-bas. Donc, nous allons insérer Apple sont usu I Mars état Bar iPhone Et ici, nous allons utiliser la lumière. Parfait. Et la deuxième chose est d'ajouter l'indicateur d'accueil en bas de notre écran pour Let's go toe apple arias you. Je barre l'indicateur de la maison iPhone et nous allons utiliser dépeint et aussi la lumière. Alors mettons-le juste là-bas et alignons-le. Parfait. Maintenant, nous sommes prêts à commencer notre processus de conception. Donc tout d'abord, je vais créer un cercle là-bas. Alors insérons-le, OK. Et puis je sentirai que c'est le Grady int. Donc, décochez ces bordures, puis couleur rayonnante. Okay, sélectionnons le 1er 1 Le code va être de 7 f 3 c b un ok. Et l'autre si huit C neuf et zéro à et aussi je vais ajouter une autre couleur juste là et nous allons le faire e f zéro c et 20 non ? Comme vous pouvez le voir, ce sont les couleurs de la marque Instagram. Je vais changer la direction par ces indicateurs. Faisons comme ça et presque 45 degrés parfait. Alors nous allons le déplacer un peu avec et dupliqué parce que je vais créer une ligne. Je pense que ça va être sympa. Décochons donc ces champs et vérifions ces bordures, et la couleur sera celle-ci. Alors, déplacons-le vers le haut et un peu vers la gauche. Parfait. Ok, nous allons choisir les deux années et les regrouper et nous assurer qu'il est placé sous notre barre d'état . Ok, je pense qu'il est préférable de changer la barre d'état en mode sombre parce que je pense qu'il vaut mieux avoir du blanc sur cet arrière-plan afin que nous puissions sélectionner cela et facilement aller aux symboles. Cliquez sur cela, et ici vous pouvez utiliser sombre. C' est facile, juste Alors ce que j'ai besoin est de placer le logo Instagram juste là et aussi le texte Instagram sous ça. Alors allons de l'avant et apportons ces amendes des des actifs que vous avez téléchargés de la conférence précédente. La ressource est le logo qui est sélectionner ces deux. Faites glisser les parfaits. Donc, nous allons changer l'emplacement du logo Instagram 200 sur. Rendez-le plus grand. Je pense que 62 sur 62 serait génial. Alors, changeons ça. Et celui-là. Mettons-le à l'échelle et changeons le avec 2 160 et mets-le juste là. Dean est le logo du sol. Ok, Comme vous pouvez le voir, il n'y a pas assez de contraste entre ces couleurs. Donc je vais les sélectionner tous les deux et Kelly peut sentir et je vais choisir White. Maintenant, ça a l'air génial. Maintenant, nous allons nous assurer qu'ils sont alignés au centre et que cela les regroupe. Je vais changer le nom en logo. Et encore une fois, nous allons les aligner parfaitement. La prochaine chose que vous devez faire est d'ajouter notre signe de titre. Alors écrivons, inscrivez-vous. Cependant, je vais changer le fonds pour comme si pro text et aussi attendre trop vieux. Impressionnant. C' est Jake le rembourrage, c' 39. Je vais faire 30 La distance entre le titre et nos cercles. Faisons 50 deux. Ne vous inquiétez pas. Nous pouvons modifier tous ces espacements plus tard. D' accord. Maintenant, modifions la taille de la police à 24. C' est génial. Et puis je vais créer un autre texte. Écrivons la journalisation et le poids de normal et modifions la taille de la police à 18. Et aussi, je vais changer la couleur deux blanc. Alors mettons-le juste là-bas et vérifions le rembourrage. Donc, comme vous pouvez le voir, c'est 27. Je vais le déplacer pour en avoir 30. Parfait. La prochaine chose que nous devons faire est de créer nos champs de texte. Ok, alors de quoi avons-nous besoin ? Nous avons besoin d'une adresse e-mail, champ prend et aussi un champ texte de mot de passe. Ok, on va rendre les choses plus simples. Alors allons de l'avant et créer un autre texte et une adresse e-mail droite. Et changeons la couleur pour être neuf b neuf b neuf b neuf. D' accord. Pouvons-nous obtenir ce bruit gris, et aussi je vais le rendre plus petit et le réduire à 14 pixels. D' accord, la prochaine chose que nous devons faire est de créer notre ligne de sensation de texte, donc allons de l'avant et insérons une ligne. Là, nous allons nous assurer que le rembourrage est juste, donc nous avons 35,5 année. On doit en faire 30. Nous devons l'agrandir. Et changeons la couleur en noir, mais pas en blanc absolu, car ce n'est pas un bon moyen d'utiliser un noir pur sur un fond blanc. Alors utilisons-nous celui-ci, et je vais aller de l'avant et copier ces codes de couleur et l'utiliser pour notre signe de titre aussi. Super, ça bouge, et je vais dupliquer cette adresse e-mail et ici ce qu' il nous faut, c'est une adresse d'émission simple, il nous faut, c'est une adresse d'émission simple, qui ne devrait pas être Riel nécessairement. Alors nous allons écrire le design à un seul média qui co. Et tu peux le changer à ce que tu veux. Et encore une fois, ça a changé la couleur en noir que nous avons utilisé. Cependant, nous devrions augmenter la taille de ce fonds parce que nous devons faire attention à utiliser leur expérience et la hiérarchie visuelle hors de notre conception. Alors faisons-en 16. Et aussi nous allons changer le poids deux moyen parfait. Alors maintenant, vérifions l'espacement entre ces éléments. Nous avons 9,5, ce qui n'est pas bon. Changons-le à six. Je vais le changer d'ici, pour être précis. Impressionnant. Et ici, nous en avons neuf. Alors faisons-le 13. Super. Donc je vais les regrouper et ils ont changé le nom de l'adresse électronique du groupe 2 et ont été dupliqués. Et ça change en mot de passe. Super. Et aussi, je vais aller de l'avant et changer le titre en mot de passe. Et ici, je vais utiliser quelques cercles noirs afin de montrer que dans ces pages, le mot de passe doit être sécurisé. Ok, donc pour créer ces cercles noirs, je peux tenir Ault huit. C' est génial. Cependant, pour ces lignes, je vais le changer en quelque sorte orange ou jaune. Donc, nous allons utiliser f six b 90 A. Et la raison pour laquelle nous allons changer la couleur de ces lignes est parce que nous allons montrer que la sécurité est passé quatre jours. En changeant la couleur de cette ligne spécifique. Par exemple, si le mot de passe est trop court ou trop simple, la couleur des lignes va être lue, et c'est ce que nous appelons utiliser leur expérience. Bon, alors de quoi d'autre avons-nous besoin ? Nous devons ajouter une sorte d'icône épaisse afin de montrer que notre adresse e-mail est correcte et y a rien de plus en plus avec cela. Alors allons à notre Je ne peux pas classer comme Cônes, et ici nous avons un tas de STD fait et il est glisser-déposer sur dir Perfect. La couleur est ce que ça va être parce que j'ai déjà conçu ces écrans. Donc le code est pour 135 F 3. Et secouons l'espacement. C' est 14 ans. Faisons 16 et 15 à partir de droite. Super. L' autre icône dont nous avons besoin est une icône d'œil car nous allons permettre à l'utilisateur de cacher le mot de passe et aussi de montrer le mot de passe. Trouvons donc l'icône I. C' est juste là. Ok, c'est le mettre ici. Parfait. Et encore une fois, 13 et 15 depuis la droite. Super. Avant de passer au niveau suivant, permettez-moi d'organiser nos couches ici. Donc je vais ouvrir cette adresse e-mail de groupe, et je vais déplacer ces groupes sous cette adresse e-mail et aussi pour le mot de passe. Déplaçons le I dans ce groupe. D' accord ? La dernière chose dont nous avons besoin pour notre signe de page est de dire un bouton suivant afin d'amener l' utilisateur à la page suivante. Alors allons de l'avant et concevons que je ne peux pas ensemble. Cliquez sur insérer la forme autour d'elle et maintenez le bouton Maj enfoncé. Super. Nous allons vous faire 72 par 72 pixels et changer le rayon de coin pour lisser les coins et aussi le montant à 25. Et puis allons-y. Vérifiez cette bordure et remplissez-la avec notre couleur primaire, qui est une sorte de violet comme cette icône faite là-bas. Donc le Cody est pour 135 F 3. Super. Je veux aussi ajouter une ombre. Je pense que ça va rendre ça agréable. Alors changeons l'ombre du noir à la même couleur. Rappelez-vous que lorsque vous voulez créer une sorte d'ombre, les ombres ne doivent pas nécessairement être noires ou grises. Si vous faites attention à un objet dans le monde réel, vous pouvez voir que la couleur des ombres est héritée de cet objet. Nous avons donc utilisé la couleur de la route, qui est la même couleur que notre objet, puis nous allons diminuer l'opacité à 30% grand et changer le Y 28 et aussi le Blair à 11. Pouvez-vous voir comment les subtilités ? Il nous en faut un de plus. Pensez que nous avons besoin d'une flèche pour montrer que nous allons amener l'utilisateur à l' écran suivant . Allons-y et amenons cette flèche. Ici, nous avons notre droit, Tenons la flèche et aussi notre rectangle afin de les aligner. Très bien, super. Et maintenant, il est temps de groupe qui a changé un nom de groupe aussi en suivant Barton. Et enfin, nous devons une fois de plus aligner sur toute notre page parfaite et vérifier leur espacement. C' est 62. Laisse-moi en faire 60. C' est génial, accord, maintenant que nous avons conçu notre page d'inscription avec succès, vous pouvez également en prévisualiser sur votre téléphone. Mais comment est-ce possible ? C' est simple. Vous pouvez installer l'application échappée sur votre téléphone et vous assurer que votre téléphone est connecté au même sans fil que votre ordinateur, puis vous pouvez voir quelque chose comme ça. Panique orishas iPhone. Si vous cliquez sur et que vous pouvez prévisualiser la page que vous venez de créer directement sur votre téléphone, c'est vraiment cool. Alors maintenant que nous avons conçu avec succès notre signe de page. Nous devons créer une autre version à partir de cela, et dans cette page vous allez inclure deux choses de plus. Vous allez ajouter l'inscription avec les APS sociaux tels que Facebook ou Google Plus. Duplions notre tableau d'art avec la commande E. Et je vais changer le nom pour m'inscrire à Dash Social Media. Super. Donc tout d'abord, je vais tenir ces deux sensations fiscales et les déplacer un peu vers le haut, peut-être 20 pixels et aussi le Spartan. Et puis je vais ajouter un texto et écrire ou m'inscrire. Et changeons la couleur, aussi, ce gris. Et aussi je vais le rendre plus petit. Faisons en 14. Je pense que c'est génial. Et l'aligner au centre, déplacer un peu vers le haut. Donc, les autres choses dont nous avons besoin sont deux boutons, un pour Facebook et l'autre pour Google. De plus, nous allons donc insérer autour de lui sur. Faisons 151 par 54 et changez le rayon de coin à 15. Et je vais secouer ces frontières et choisir le blanc. Vous pouvez voir n'importe quoi en ce moment, je sais, mais nous allons résoudre ce problème en ajoutant des ombres. Alors maintenant, nous allons diminuer le tout 4 à 10 grand. Et ça a mis les oeufs à neuf. Et aussi pourquoi ? À sept sur le Blair à 24 ? C' est vraiment sympa. Comme vous pouvez le voir, nous avons un léger ordre d'ombre pour rendre notre fond reconnaissable. Ou maintenant je vais le dupliquer et le mettre juste là et 13 entre. C' est génial. Maintenant, nous devons ajouter le logo Facebook et aussi le logo Google plus. Alors allons à I cônes. Et ici, nous avons Facebook local et aussi Google plus Local. C' est glisser et déposer les sur leur grand Je vais mettre Google plus juste là-bas et aussi Facebook. Ils sont donc maintenant ajoutons une ligne de texte, puis droite Facebook et 14 est génial. Changeons le collier pour celui-ci. Mettez-le ici. C' est l'aligner. Maintenant, je vais vérifier la distance entre le logo Facebook et les enjeux. Il est 12. Faisons huit, puis regroupez-les et sélectionnez ce groupe, soyez ces rectangle et encore une fois les alignés génial. Et nous allons faire la même chose pour Google Plus, donc c'est exact. Allez, allez plus et changez la couleur pour celle-là. Allez, Go Plus et une distance. Ça va être huit et l'aligner. Et puis c'est de les regrouper et de sélectionner ce rectangle et de les aligner horizontalement et verticalement. instant, changons le nom du groupe en Facebook. D' accord, pour le mettre ici. Et aussi celui-là à Google. Plus Et maintenant, nous allons choisir les deux et les regrouper à nouveau afin de l'aligner avec d'autres éléments facilement sur. C' est vrai. Social APS. D' accord, on a 34 pixels en bas, donc je vais le rendre un peu plus haut. Je pense que 45, c'est génial. Et aussi pour vous inscrire avec du texte. Faisons 10 à 1. Et pour celui-ci, je pense que 30 pixels seraient super. Oui. Très bien, les gars, félicitations. Vous avez créé avec succès vos écrans de foire, et comme vous pouvez le voir, le résultat est génial. J' espère que vous apprécierez cette vidéo. Je te verrai dans la prochaine vidéo. 76. Page de données personnelles: Hé, tout le monde, bienvenue à une autre vidéo de cette section. Dans ces vidéos, nous allons créer notre page personnelle ultérieure et aussi la page personnelle complétée plus tard . Donc, sans plus tarder, commençons. Tout d'abord, je vais dupliquer l'un des tableaux d'art parce que nous allons avoir besoin de ces barres d'état et aussi de l'indicateur d'accueil. Alors allons de l'avant et retirons le reste de notre conception. Je vais choisir Je les aime. Parfait. Et puis nous devons changer la barre d'état de l'obscurité à la lumière parce que l'arrière-plan de cette page va être blanc. Alors laissez-moi changer notre part. Nom trop personnel. Dado Grand. Alors, de quoi avons-nous besoin pour cette page ? En haut. Je vais mettre un cercle. Alors laissez-moi l'insérer afin de permettre à l'utilisateur de télécharger son image de profil sur Faisons 120 par 120 et en alignant au centre et nous allons sur les frontières tchèques parce que nous n'avons pas besoin de cela . Et je vais le sentir avec notre couleur primaire. Ok, donc parce que nous allons utiliser cette couleur comme couleur primaire beaucoup tout au long de notre projet . Je vais créer un style de calque partagé afin de vous faciliter la vie. Alors allons de l'avant et écrivons la couleur. Primaire. Attention, génial. Et après cela, nous avons besoin d'une icône. Je pense que c'est bon de mettre une icône de caméra, alors ouvrons le fichier, accord, et ouvrons les icônes sur. On doit chercher la caméra, donc je vais le glisser et le déposer juste là et le mettre au centre de ce cercle. Et si vous avez dit, comme les deux, nous pouvons les aligner à la fois avec ressentiment et verticalement. Parfait. Regroupez-les et changeons le groupe. Nom de l'image de profil. Super. Et secouons l'espacement. C' est 41. Faisons en 50 parfait. Et de quoi d'autre avons-nous besoin ? Nous avons besoin d'une flèche gauche afin de créer une sorte de navigation entre nos pages afin que l' utilisateur puisse revenir à la première page et a vu. Alors ouvrons l'amende. Et ici, nous avons la flèche à gauche et le rembourrage est de 25. Faisons 30 et aussi le rembourrage supérieur est 25. Faisons huit. Super. Bon, alors il est temps de créer nos champs de texte. Mais pour rendre notre processus de conception beaucoup plus rapide, je vais aller de l'avant et copier et coller l'un des champs de texte que nous avons déjà créés. Donc, copions-le et collons-le avec la commande C et commande be great. Et nous allons changer le nom du groupe pour utiliser leur nom. Et ici, je vais changer le titre pour utiliser leur nom aussi. Et ici, au lieu de l'adresse e-mail. C' est vrai, vous êtes un nom d'utilisateur. Copiez et collez le code du collier et utilisez-le pour ces prises aussi. Cependant, nous devons changer la façon de régulière et aussi nous devons changer la couleur de ces lignes pour le même gris, et nous n'avons pas besoin de cela ici. Cependant, au lieu de supprimer cela, nous pouvons cacher cela parce que dans la page suivante, nous allons avoir besoin que je peux, donc c'est une bonne pratique de le cacher d'ici. Bon, allons de l'avant et dupliquons ces champs de texte et mettre son droit sur la terreur et a changé le titre en prénom et ici votre nom et je vais changer le nom du groupe en prénom et à nouveau dupliqué. Changons le titre en nom de famille. Ici aussi. Votre nom de famille. Bon, alors allons de l'avant et changeons le nom de ce groupe en nom de famille. Et maintenant je vais vous montrer quelque chose afin de définir l'espacement entre ces trois prises sent que vous pouvez tous les sélectionner. Et comme vous pouvez le voir, nous avons ici un indicateur afin de changer l'espacement uniformément, rapidement et facilement. Donc je vais le mettre à 24. Super. Et nous allons les regrouper tous. Et là, c'est vrai. Champs de texte et alignement au centre sur. Déplacez un peu vers le haut et le rembourrage donne 127. Alors faisons-le 120. Super. Et la prochaine chose que nous devons faire est d'ajouter un orteil d'ombre, notre porte-image de profil pour le rendre agréable. Alors sélectionnons ce cercle. Ainsi, afin d'utiliser les mêmes ombres, comme ce que nous avons créé pour ces boutons, vous pouvez créer un nouveau style de calque partagé. Alors sélectionnons ce bouton. Et tout d'abord, je vais décocher ces champs. Anglican Pas de style de calque ici. C' est vrai. Ombres pourpre. Bon, maintenant, si je choisis le cercle et les ombres Quicken ici, je peux vérifier les champs. Vous pouvez voir que nous avons eu les mêmes ombres que nous avons créé leur génial. La prochaine chose que nous devons faire est de créer un bouton complet et de le mettre en bas de notre écran. Alors allons de l'avant et insérez autour d'elle et le faire 200 par 71 et aussi faire le rayon de coin pour lisser les coins et changer le montant à 25 porteurs de thèse non vérifiés et à nouveau couleur Primaire Violet et aussi des ombres Parfait. Alors écrivons complet ici et faisons ses 18. Et il a changé un collier en blanc. Et aussi, je pense qu'il est bon d'ajouter le même bouton en teck juste là. Donc, nous allons café que et coller ici et Scalea trop 22 par 16 pixels et changé la couleur trop blanche, puis sélectionnez les deux calques et les aligner verticalement. Et aussi l'espacement entre ceux-ci devrait être de 16 pixels. Et maintenant, je peux les regrouper et une chose plus importante, parce que dans ces écrans le formulaire n'est pas encore rempli. Ok, donc ils utilisent leur boîte Nuts ont utilisé ce bouton Donc nous devons montrer à l'utilisateur d'une manière que notre fond est désactivé. Et pour activer cela, l'utilisateur doit ressentir complètement ce formulaire. Donc, vous pouvez le faire d'une manière ou d'une autre, par exemple, peut changer la couleur de fond à quelque chose de plus léger étaient à quelque chose de gris pour le montrer, qui est, pour lui montrer qu'il est désactivé. Cependant, dans ce projet, je pense qu'il est préférable de diminuer l'opacité de nos textes et cette icône à 50% pour montrer et après cela, que sélectionner les deux calques que ce rectangle et aussi notre prend une icône et les aligner à la fois verticalement et horizontalement. Parfait. Nous pouvons également les regrouper et changer le nom du groupe pour terminer le bouton. Et si je tiens vieux, je peux voir le rembourrage son 74. Faisons 60. Super ! D' accord. Notre page personnelle ultérieure est prête à l'emploi. Cependant, nous devons créer une page de plus, et c'est la personne qui a terminé la page plus tard. Alors allons de l'avant et dupliquons cette page et changez son nom en données personnelles. Complétez et nous n'avons plus besoin de cette icône. Supprimons ça. Je vais tenir le commandement et sélectionner le cercle, et je vais ajouter une photo à notre cercle. Alors, comment puis-je faire ça ? Vous pouvez apporter votre propre photo ou obtenir votre propre photo à partir de n'importe quel site Web que vous voulez et assurez-vous de vérifier le crédit de cette photo que vous allez utiliser. Ou vous pouvez facilement aller de l'avant et utiliser la base de données d'esquisse. Vous pouvez cliquer sur les données de T et ici esquisser les données et cliquer sur les visages. Super. Vous avez une très belle photo. Ensuite, je vais changer votre nom d'utilisateur pour John sous-jacent Smith et aussi le prénom pour John et aussi le nom de famille pour Smith. Vous pouvez écrire ce que vous voulez et aussi je vais tenir la commande et déplacer et sélectionner tous ces textes et changer la couleur à notre couleur primaire ici et après cela encore, je vais tenir le commandement et le chef et sélectionner ces lignes et changer l'appelant à ce noir . Alors utilisons le je la laisse tomber. Et ici, nous avons utilisé le même noir. On y va. Et enfin, nous devons ajouter l'icône en teck là-bas afin de montrer que les champs de texte sont remplis correctement. Vous souvenez-vous du bouton de coche que nous cachons lorsque nous concevons notre page précédente ? Droit. On en a besoin ici. Et je peux ouvrir ces groupes et les présenter facilement. La dernière chose que nous devons faire est d'augmenter la capacité de nos techniciens ici. Parce que maintenant l'état est différent. Tous les champs de texte sont complètement champ. Et maintenant, l'utilisateur peut utiliser ce bouton intérieur pour compléter son profil ou cheveux. Très bien, gars, nous avons réussi à créer notre personnel plus tard. Et aussi des données personnelles écrans remplis, ce qui est génial. J' espère que ça vous a plu. Et je vais te voir dans la prochaine vidéo. 77. Page de connexion: Hé, tout le monde, bienvenue à une autre vidéo de la section dans cette vidéo. Nous allons concevoir notre page d'amour en trois versions différentes. Donc, sans plus tarder, commençons. Tout d'abord, je vais aller de l'avant et copier la page d'inscription et c'est coller juste là et changer le nom de ces illustrations pour deux tirets de frappe parce que dans l'espace nous allons présenter notre clavier et nous voulons présenter le cas où l'utilisateur est en train de taper quelque chose. Donc, nous allons à nouveau dupliquer et le changer à aimer. Et une fois de plus, en changeant de passeport dans ces pages, nous allons changer son icône d'œil et montrer notre mot de passe. Et aussi dans cette page, nous allons juste changer le titre d'inscription pour vous connecter correctement et le bouton d'inscription pour vous inscrire . Mais avant de faire cela, assurez-vous qu'il est aligné sur la droite. Ok, parce qu'il nous faut le même espacement et le même rembourrage là-bas. Maintenant, nous pouvons changer aussi. Inscrivez-vous. Super. Comme vous pouvez le voir, le rembourrage est voler 30. Revenons à cette page. Que devrions-nous faire maintenant ? Nous devons enlever le Spartan parce que nous allons présenter notre clavier ici pour que nous n'ayons pas besoin de ça. Et passons à insérer Apple sont usu. J' ai cessé les claviers, iPhone et ici nous avons deux versions différentes de ce clavier. Le 1er 1 est sombre, le 2ème 1 est léger, et c'est ce dont nous avons besoin. Et aussi ici, nous pouvons choisir entre différentes versions de ce clavier léger. Avons-nous besoin d'alphabétique ou d'émerges ou de chiffres ? Nous avons besoin de l'alphabétique. Donc, utilisons-nous cela et insérez-le directement en bas, et nous pouvons supprimer l'indicateur de la maison précédent. Et aussi, nous devons changer cette inscription pour vous connecter et ces journalisation pour vous inscrire. Super. La dernière chose que nous devons faire est de changer le lieu de notre perception fiscale et aussi ce titre . Alors sélectionnons-nous les deux et déplacez-les vers le haut. Et aussi, nous allons élire le titre de la pièce aussi. Ok, le rembourrage supérieur devrait être 12 ici. Faisons 24. Ok, parce que je vais aller de l'avant et ajouter la correction automatique à notre page. Allons donc insérer la pomme sur nous. Vous je les vois clavier, iPhone, lumière et ici. Nous avons d'autres barres de correction différentes. Je vais choisir le 1er et quoi ? C' est juste là. D' accord. La dernière chose que vous devez faire est d'ajouter un marqueur de texte d'entrée pour montrer que l'utilisateur frappe. Alors allons de l'avant et insérons une ligne ici. C' est un vieux quart de travail et glisser-déposer, et je vais faire le avec 1,5. Et aussi cela a changé pour commencer une fin ici à 75 et 75. Super. Alors maintenant, je peux facilement choisir la pipette et Kitty Candy Scholar Parfait. Alors, nous allons les aligner. C' est génial. La deuxième page est prête et la dernière page qui a changé le titre pour se connecter ainsi et ici, connecter pour s'inscrire. Et puis nous devons changer ces icônes d'oeil. Alors allons-y et ouvrons. Notre fichier d'icônes ici. On doit chercher que je l'ai caché. Comme vous pouvez le voir. On l'a ici. Essayons de laisser tomber. On y va et on le met juste là. Impressionnant. C' est secouer le patty ing est génial et je vais déplacer ces groupes dans le groupe Password, et maintenant nous devons montrer le mot de passe à l'utilisateur. Alors changeons ça du noir, monsieur tue deux mots de passe Riel, par exemple. Ça pourrait être toi. J' ai mangé pour sept. Comme vous pouvez le voir, nous avons six cercles ici et six personnages ici. Super. D' accord. Merci beaucoup d'avoir regardé cette vidéo. Ils ont créé avec succès trois versions différentes de notre page de bagage. J' espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. 78. Page d'alimentation: Salut, tout le monde. Bienvenue à une autre vidéo de cette section dans ces vidéos. Nous allons concevoir notre page d'accueil. Donc, sans plus tarder, commençons avec l'ajout d'un tableau d'art Great. Et ça l'a ramené à la maison. Et je vais aller de l'avant et copier et coller la barre d'état de l'écran précédent à ici . Et passons de l'obscurité à la lumière. Super. Très bien, A partir de maintenant, nous devons ajouter une partie de robinet. Nos pages en bas de notre écran, nous pouvons facilement insérer sont vos clés d' ici Barres tapent notre régulier. Vous avez plein d'options. Cependant, je vais vous apprendre comment vous pouvez le faire sauf vous-même. La première chose dont nous avons besoin est d'insérer autour d'elle, puis faisons la hauteur 129 et changez le rayon d'angle à 24 et aussi les coins lisses. Après ça, je vais secouer les frontières parce qu'on n'en a pas besoin. Et nous allons aussi le rendre blanc. Comme vous pouvez le voir, il n'y a pas de contraste entre notre robinet et la page, donc nous devons ajouter quelques ombres, et cela a changé votre laissez-passer iti à 18% et aussi Faisons le Blair sept génial. Pouvez-vous voir un ordre d'ombre qui est suffisant pour faire le genre de contraste dont nous avons besoin ? Maintenant, nous allons le déplacer un peu vers le haut et ajouter un indicateur d'accueil qui est copier et coller ici . On y va. Et si je double-clique dessus, vous pouvez voir que ces cercles apparaîtront. Si je tiens chef et trois condos, par exemple, celui-ci et celui-ci, je peux changer le rayon de coin 20 grand. Et puis je peux diminuer la hauteur. Notre robinet est génial. Maintenant, il est temps d'ajouter nos icônes ici. Le premier dont nous avons besoin est une icône de la maison, alors allons-y et amenons-la ici. Nous avons la maison active, l'actif. Donc, pour l'instant, nous avons besoin de home active parce que c'est notre page d'accueil. Mettons-le ici. La prochaine chose dont nous avons besoin, faciliter l'icône de recherche, et ici nous avons cherché l'actif qui est mis là, et deux autres choses que l'un est comme Là nous allons et le profil des artères. Super. D' accord. La prochaine chose que nous avons besoin est de créer un autre bouton, qui est notre bouton at lorsque l'utilisateur veut poster quelque chose. Donc, insérons autour d'elle et diminuons le rayon d'angle. Faisons 38 par 38 aussi le rayon de virage à 14 et je vais aller de l'avant et sur les frontières tchèques parce que nous n'avons pas besoin de cela. Et nous devons choisir la couleur primaire pour ce carré. La prochaine chose dont nous avons besoin est d'ajouter quelques ombres afin que nous puissions facilement choisir les ombres ici et cela se sent bien. Et enfin, nous avons besoin d'une icône plus juste au centre de cette place, et nous l'avons dans notre amende plus qui est le mettre ici. Et changeons la couleur en blanc, et je vais en faire 20 sur 20 grandes âmes et nous allons l'élire et les aligner verticalement et horizontalement. Et maintenant, il est temps de les regrouper. Et c'est la fac, hein ? Bas super. Nous avons donc toutes les icônes et les boutons dont nous avons besoin. Maintenant, il est temps de les organiser. Je vais changer la hauteur à 87. Je pense que c'est approprié. Et maintenant, nous allons élire toutes ces icônes et Quicken, répartir uniformément et puis les regrouper. Et encore une fois, sélectionnons le rectangle et aussi nos icônes et encore une fois les aligner au centre. Bon, maintenant je vais changer le rembourrage de ces icônes de la maison, donc nous devons les posséder à nouveau. Sinon, nous ne pouvons pas secouer l'espacement. C' est 51. Je vais en faire 25 super. Et aussi de l'icône de recherche à ces bouton d'accueil. Je vais en faire 42 et ces pro tir, aussi 25 à droite super et 42 pour ceux-ci, comme bouton sur, disons, icône du cœur, icône du cœur ça a l'air génial. Vous vous demandez peut-être pourquoi ils ne sont pas placés uniformément. C' est parce que parfois, afin de garder l'équilibre hors de nos icônes, nous devons essayer le rythme de différence pour équilibrer le manuellement. Donc, je pense que c'est le meilleur espacement possible pour ici sont en ce moment que nous avons créé notre onglet sont nous pouvons créer un symbole, ni de les utiliser facilement. Donc, sélectionnons tous ces éléments et aussi cet indicateur de la maison et le rectangle et cliquez sur créer un symbole. Et ici, nous pouvons écrire la barre d'onglet. Génial. Donc à partir de maintenant, chaque fois que nous avons besoin de la barre d'arrêt, nous pouvons facilement aller insérer des humains sombres. Et voici notre tapper. C' est génial. Maintenant, il est temps de créer nos posts pour le faire. Faisons glisser et déposer autour de ça ici. On y va. J' ai utilisé un raccourci pour faire ça et 80 le bouton vous sur votre clavier. Et puis faisons 341 par 341. Et nous allons également changer le rayon de coin à 36 décocher ces frontières. Super. Vous pouvez voir que nous avons 17 pixels de droite et 17 grandes cellules de gauche, et c'est bon. Alors maintenant, il est temps d'ajouter notre photo ici. Comment pouvons-nous faire ça ? Nous pouvons soit utiliser des photos aléatoires, soit nous pouvons aller orteil sur Splash dot com et obtenir la photo que nous voulons. J' ai donc déjà fait quelques recherches et trouvé de superbes images pour notre projet. Cependant, vous pouvez utiliser si vous le souhaitez. Alors maintenant, allons-y et ouvrons les fichiers photo. Là, vous allez les images et le numéro un sera notre première image. On y va. Mettons-le ici et maintenant nous devons sélectionner la photo et aussi le rectangle que nous venons de créer à la fois et cliquez sur démasquer Perfect. Et maintenant, changeons le nom du groupe pour en publier un, et c'est probablement génial d'ajouter quelques ombres. Donc, nous allons utiliser le Je la dépose et sélectionnons une des couleurs de cette photo. Je pense que ce bleu serait génial. Cependant, nous devons réduire l'opacité à 15. Et changons aussi le X 24 et de pourquoi, à 11 et le Blair à 29. Parfait. Comme vous pouvez le voir, nous n'avons pas d'impôt ici, alors créons un qui est juste. L' heure de la plage. C' est assez pertinent. Je n'ai pas changé au moyen à droite, mettons-le ici. Et c'est dupliquer parce que nous avons besoin de sous-titres aussi. Et ici, nous pouvons écrire une journée si incroyable et ensoleillée sur Faisons 16 et aussi régulière. Bon maintenant, nous devons écrire notre hashtag donc nous allons droit hashtag plage hash tag Sunny in High Stag été. Et puis augmentons la ligne haut à 24 Assez génial. moment, il est temps de vérifier nos pad ings, alors sélectionnons l'heure de la plage, qui est notre titre, et vous pouvez voir qu'il est 25. Faisons 24 le rembourrage inférieur. Six. Faisons huit, tandis que certains. Et ici aussi, nous avons 27. Ça fait 24, ce qui est comme notre rembourrage gauche. Donc, pouvez-vous voir qu'il n'y a pas assez de contraste ici et nos impôts ? Pas si lisible ? Donc je vais t'apprendre à Treek pour résoudre ce problème qui est d'insérer une forme. Vous êtes, par exemple, un rectangle et glisser-déposer et sur les frontières tchèques parce que nous n'avons pas besoin de cela et le placer juste au-dessus de notre image. Super. Et puis cliquez sur ces couleurs et utilisez Grady Int et cliquez sur le cercle et a diminué le tout pensé à zéro, puis cliquez sur l'autre cercle et utilisé la pipette pour choisir ce bleu. Et aussi, si je clique sur ces gains circulaires peut voir qu'il est blanc. Je peux le rendre noir ou le même blanc. Je pense que le noir, c'est mieux. Pouvez-vous voir à quel point c'est incroyable facilité ? Alors, de quoi d'autre avons-nous besoin ? Nous avons besoin d'une icône de cœur, ni pour montrer le nombre de likes que le post a obtenu et aussi le nombre de commentaires. Alors allons-y et ouvrons nos fichiers Goto icônes et ici nous avons comme là, nous allons mettre là-bas et une échelle vers le bas à 14 âmes de pointe et aussi changer son collier en blanc . Ce sont les icônes SF pro, et vous pouvez obtenir le logiciel à partir du site Web Apple Developer gratuitement. Et je peux aussi changer la chose ici en moyen à lumière. Super. Ensuite, j'ai besoin de texte qui est juste, 1.2 k et changer la couleur du texte en blanc et les aligner verticalement et a également dit l' espacement entre ces deux quatre. Super. Donc, nous allons les regrouper et aussi changer le nom du groupe en likes. Et puis nous devons ajouter les commentaires juste là. Alors allons de l'avant et apportons le commentaire. L' icône de commentaire Il est ici il est mis là et copier et coller le texte et le changer à 220. Gagne a dit. L' espacement à quatre et maintenant nous allons les regrouper et changer son nom pour commenter et le remplissage à gauche serait huit. C' est groupe ces deux droit comme et commenter et vérifier le bon rembourrage de son 25 Faisons 24 Hold shift et sélectionnez le titre de thèse pour aligner le verticalement. Tout est génial, mais je pense qu'il est préférable de changer le poids de ces icônes pour penser que c'est génial, accord. La prochaine chose que nous devons faire est de créer les informations sur le propriétaire juste là. Nous devons donc ajouter un cercle pour l'image de combat pro. C' est 38 par 38. Je pense que c'est bon et c'est sur les frontières tchèques. Et encore une fois, nous devons utiliser la base de données des horaires afin d'ajouter un visage à notre cercle. Vous pouvez également actualiser les données si vous n'êtes pas satisfait de la dette. Je pense que c'est génial. Et puis un texte. C' est vrai. D' accord. Derrière dur l'a dit. Elle est mon I D. Faisons manger 16 pixels et le rembourrage à gauche pourrait être huit et également changé. Attendez du thème régulier. Super. Alors allons de l'avant et les regrouper et écrire le propriétaire du poste. Secouons le pad ing. Il est 12 de bas et dit de gauche, Faisons 16 de gauche et huit de bas. C' est joli nous. La dernière chose dont nous avons besoin pour terminer la création de notre post est d'ajouter et plus boutonné juste là, nous avons c'est dans nos icônes Là nous allons. C' est 18 x 19 pixels. C' est bon. Cela a réglé le bon rembourrage à 16 aussi. Et le rembourrage inférieur à 17. C' est plutôt génial. Et maintenant, nous pouvons regrouper tous ces éléments ensemble et un collègue en publier un. Fantastique. Alors maintenant, il est temps de créer notre deuxième post. Mais avant de concevoir ça ensemble, je vais vous demander de mettre la vidéo en pause et d'aller de l'avant et de la concevoir pour vous-même. Vous pouvez choisir n'importe quelle photo que vous voulez et n'importe quel contenu que vous voulez. Vas-y et fais-le. D' accord. Bienvenue de retour. Avez-vous conçu votre poste ? J' espère que tu as fait ça. Alors maintenant, il est temps de vous faire ensemble. Je pense que nous avons oublié de regrouper ces éléments aussi. Alors allons-y et mettons-les ici et appelons-le « post one ». Déplaçons un peu vers le haut et je vais le dupliquer. Super. C' est haut. Thèse 1 pour une seconde. Maintenant, nous devons changer. La photo a réalisé la taxe et aussi l'image de profil et ce nom d'utilisateur. Alors, comment peux-tu faire ça ? Vous pouvez apporter votre propre photo ou vous pouvez également utiliser quelques plug-ins pour le faire. Par exemple, j'ai ici quelques générateurs de contenu. Comme vous pouvez le voir, je peux chercher n'importe quel pied que je veux, ou ici aussi bien que vous pouvez le voir, il y a différents groupes que vous pouvez choisir. Cependant, pour ces partitions, j'ai préparé une autre photo à laquelle vous pouvez accéder à partir d'images. On y va. C' est Dragon. Lâchez-le et je vais maintenir la touche de commande et cliquer sur notre photo et supprimer ça. Et au lieu de cela, mettons ces photos juste au-dessus du masque. Génial. Donc pour ces photos, je vais changer la couleur de classement de ce bleu à quelque chose comme ça. C' est plutôt bon. Et cela a changé le titre en photo Shoot et aussi le sous-titre pour le dernier jour de ces projet Awesome. Et nous allons aussi changer les Hashtags pour la photographie Warrick et la modélisation. Super. Avez-vous vu comment sont les années quatre-vingt pour créer de nouveaux contenus ? Maintenant, changeons le nom d'utilisateur ici à tout ce que vous voulez. Vous pouvez ajouter votre utilisation, leur nom ou quoi que ce soit, alors écrivons votre nom d'utilisateur et changez la photo à nouveau. Actualisez les données. C' est génial. Et la dernière chose que nous devons faire est de changer les ombres Alors sélectionnons notre masque et changeons l'ombre en gris et 15. C' est aussi maintenant que vous pouvez présenter un post précédent et mettre le deuxième post ici sous notre barre de pression . Mettons-le vers le bas. Également disposé. Ici, arrivez. Merci beaucoup d'avoir regardé le studio. J' espère que vous l'avez apprécié dans la prochaine vidéo. Nous allons concevoir les histoires et les mettre juste au-dessus de nos posts. Alors, à vous voir. 79. Histoires: Salut, tout le monde. Bienvenue à une autre vidéo sur le cours de ces leçons. Nous allons concevoir nos histoires et les mettre juste là. Donc, sans plus tarder, commençons. Tout d'abord, je vais créer des cercles. Alors maintenons le décalage. On y va. Et faisons-les 68 par 68, puis secouons les frontières. Secouons le rembourrage. C' est 17 ans. C' est génial. Et maintenant, nous allons le dupliquer et le mettre juste là. Et si je tiens chef et tout et essayer de le dupliquer en le faisant glisser, et je l'ai placé ici avec un rembourrage de pixels. A partir de maintenant, si j'utilise la commande D, elle sera placée automatiquement au bon endroit. C' est fantastique. Maintenant, choisissez-les tous, et nous allons leur ajouter quelques photos. Alors, comment pouvons-nous faire ça ? Tu as raison. Vous pouvez aller utiliser les horaires, la base de données, croquis de données qui, euh, c'est génial. Si vous n'êtes pas satisfait de ces images, nous pouvons actualiser les données autant que vous le souhaitez. Voyez comment les thés faciles. D' accord, la prochaine chose que nous devons faire est de changer la photo de ce cercle parce que la première photo sera la photo du propriétaire du compte. Alors allons-y. C' est notre propriétaire et copiez et collez la photo qui est sur Chek Shadows et Scary jusqu'à 68 et mettez-la à la place de ceux-ci. Circa. C' est génial. Que devons-nous faire d'autre ? Nous devons ajouter des bordures à ces images. Alors secouons les frontières et changeons le avec 22 Et ici je vais utiliser Grady INT, et la première couleur va battre celui-ci, et le 2ème 1 va être celui-ci, et ça a changé la direction. Super. Mais à mon avis, il est préférable de diminuer l'orteil vague 1,5. C' est beaucoup mieux, et la dernière chose que nous devons faire est d'ajouter un bouton plus là-bas. Alors allons de l'avant et insérer un cercle et faisons 14 par 14 pixels et sur Secouer les bordures sur, Réglons la couleur sur diss noir et puis je vais bouger, manger juste au-dessus d'autres cercles et placez-le ici. Donc, la dernière chose dont nous avons besoin est d'y ajouter une icône plus. On y va, et c'est réduire à six et le mettre juste là et changer sa couleur. Deux. Blanc et secouons les tampons. 44 et quatre. C' est génial. C' est les groupes super. D' accord. Regroupons toutes ces photos et écrivons des histoires, et définissons le titre supérieur à huit. D' accord ? Et je vais aller de l'avant et créer une ligne pour séparer ces deux sections. Et ça va être 17 sur 17 à partir de droite ? Impressionnant. Et nous allons aussi définir la couleur à E 99 n'importe quelle nuit. Ok, faisons-le 131 et 131. D' accord. Et vérifiez le rembourrage. Son 11. Faisons 17 du haut et aussi 17 du bas. Super. Et la dernière chose que nous devons faire est de vérifier l'espacement entre ces deux postes. Donc, comme vous pouvez le voir ici, nous avons 32 choix. Des âmes. Faisons 24. C' est génial. D' accord, gars, j'espère que vous avez apprécié cette vidéo. Je te verrai dans la prochaine vidéo. 80. Page de profil: tout le monde reviendra à une autre vidéo de ces cours dans cette vidéo. Nous allons concevoir notre profil ensemble. Donc, sans plus tarder, commençons. On dupliquerait ces tableaux d'art et on changerait son nom en pro fine. Et puis nous devons supprimer ces éléments parce que nous n'en avons pas besoin. Super. Tout sauf notre tapeur. Tout d'abord, parce que c'est notre tableau d'art de profil. Nous devons désactiver ce bouton d'accueil pour que son apparence soit changée en autre chose . Si vous regardez les icônes que vous avez ici, nous avons la maison l'actif. C' est Dragon. Lâchez-le. Comme vous pouvez le voir, c'est un contour. Je ne peux pas aimer les autres. Alors, comment pouvons-nous changer ça ? Parce qu'il est activé sauf symbole d'Apple. Nous pouvons facilement double-cliquer sur cela. C' est comme un texte et copiez-le et encore une fois, double-cliquez sur celui-ci et le rythme. C' est si facile, non ? Super. La prochaine chose que nous devons faire est de créer notre image de profil juste là. Alors allons de l'avant et insérez un cercle et maintenez le décalage. On y va. C' est sur les frontières tchèques et modifiez-le en 90 pixels par 90 pixels. Parfait. La marge gauche devrait être de 29 et le rembourrage supérieur devrait être de 90. Super. Alors ajoutons une photo à notre patin de données de cercle. Shada fait face et c'est rafraîchir. gain est juste. C' est très bien. Ensuite, nous avons besoin d'une flèche gauche pour être placé juste là à des fins de navigation . Alors amenons-le aussi. On l'a ici. Copiez et collez-le. Nous pouvons également créer des symboles pour vous faciliter la vie. Bon, maintenant, allons créer un texte pour nos utilisateurs Nom et droit Emma célèbre et a changé le téléphone au texte SF Pro et aussi entre deux moyennes grandes et changer la couleur à 40 arbre 40 arbre et 43 Grand et aussi décide à 22 ont raison. On a 22 cellules de sélection de la gauche. Ça suffit. Nous allons le dupliquer. Et ici, je vais écrire sa spécialité, qui est, par exemple, faire une fête maquilleuse. D' accord, réduisons la taille de la police à 14 points, puis de moyenne à lumière. Et aussi le changement de couleur à neuf C neuf c et neuf c. parfait. Ok, ça a changé un espacement. C' est 26 au sommet. Ça suffit. Et puis ce dont nous avons besoin est de créer deux boutons différents, un pour permettre à l'utilisateur de suivre cet utilisateur spécifique et l'autre pour envoyer un message direct. Alors allons de l'avant et insérons autour d'elle. Faisons 116 par 32 sur les frontières tchèques et le rayon de coin à 16 sont justes, et ensuite nous allons changer la couleur à 4135 F trois. Super sur, Allons droit, suivez-le et changez-le en gras et faites-le blanc. Super. Ça les a parfaitement alignés, et je vais les regrouper. Appelons ça, Suivez Martin et puis c'est dupliqué et changé son nom en Bouton Message et supprimez ces textes et changez également sa taille à 40 par 32. Je vais le mettre ici avec un rembourrage de huit pixels. Maintenant, changeons sa couleur à deux D B trois et e cinq. Impressionnant. Pour terminer la création de ce bouton, nous avons besoin d'une autre chose, qui est une icône. Alors allons-y et amenons-le ici. Nous avons un message. On y va, c'est aligné les génial. L' autre chose que je vais faire est de regrouper ces deux textes pour les utiliser. Il y a un nom, et l'espacement ici est de 13 cellules. Faisons 14 et c'est regrouper tous ces éléments afin de les aligner avec notre photo. Donc, nous allons cliquer sur Aligner verticalement. Super. Maintenant, je vais rainurer ces éléments avec ces photos bas et changer son nom pour les utilisateurs. Information. D' accord. Maintenant, nous devons ajouter un autre bouton, qui est un bouton de menu hamburger. Alors amenons-le ici. Nous avons menu, nous devons mettre ses droits là-bas, et le rembourrage est 29 ce qui est génial, que sélectionner sont flèche gauche afin de les aligner génial. Et puis nous avons besoin de trois taxes différentes afin de montrer le nombre de messages et aussi le nombre de followers et suivants. Alors écrivons des photos et changeons-les en standard. Et aussi c'est col au même gris ici. Très bien, et faisons 13 points, et puis je vais le dupliquer et le mettre juste au-dessus de notre texte précédent, et c'est vrai, 45 changer sa taille à 14 points. Ensuite, sélectionnez les deux et les aligner au centre. Super. Regrouperons les photos et puis je vais le dupliquer, ce qui est ici et ici. Écrivons une fois de plus les adeptes. Cela passe à un K et sélectionnez les deux hors d'eux et les aligner au centre et changer son nom en followers. Et le dernier, qui suit. Et là, c'est exact. 80 et les a doublés. Je vais l'appeler suivre aussi. Impressionnant ! D' accord. Ce que je vais faire est de mettre le combat de gauche à 42 aussi pour les fils qu'ils sont à droite rembourrage à 42 aussi bien. Très bien, Et puis que sélectionnez les trois d'entre eux et Quicken distribuent les calques horizontalement. Regroupez-les. Ce sont nos statistiques, alors nous allons le statut de l'université bâton sur ce point. Secouez leur espacement. Il est 24, je pense que c'est génial, non ? La prochaine chose que nous devons faire est de créer nos posts. Donc, contrairement à Instagram qui a Onley photos carrés imposées, vous allez créer des messages avec des hauteurs différentes. C' est fantastique. Ça va être comme Pinterest, alors on va l'insérer ici et changer son rayon pour des coins lisses, et je vais changer sa taille à 152 par 144. Super. Passons aux frontières tchèques. Je vais changer son avec deux 152. Super. Maintenant, nous allons le dupliquer et le mettre juste là-bas et changer son haut, aussi. 218. Super. Et c'est dupliqué une fois de plus et le mettre ici. Et nous allons le dupliquer pour la dernière fois et mettre son juste là. Et ça a changé le haut à 214. C' est génial. Alors maintenant, au lieu de faire glisser et déposer nos photos ici puis de les masquer, je vais vous montrer une autre façon que vous pouvez faire cela qui sélectionner ce premier rectangle et aller à Feels et la dernière option. Vous pouvez le sentir avec n'importe quelle image. Donc, nous allons le choisir parmi nos fichiers sont justes. Je vais choisir le numéro trois. On y va. Il semblait que c'était juste ? Et la suivante aussi. Je vais choisir le numéro 4 et le suivant, ça va nous sauver tant. Neuf. Le prochain sera le numéro cinq. Et pour la dernière, les chaussures numéro deux que nous avons utilisées ici. C' est incroyable. D' accord. Tout est génial. Merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. 81. Page de caméra: Hé, tout le monde, bienvenue à une autre vidéo de cette section. Dans cette vidéo, nous allons concevoir nos pages de caméra. Je suis tellement excité. Donc, sans plus tarder, commençons. Tout d'abord, je vais insérer un autre art board iPhone accès sur. Mettons-le ici, et je vais Akopian accélérer la barre d'état. Et nous avons également besoin à la maison indicateur. Nous allons donc l'insérer barre indicateur de la maison sur la lumière du téléphone représenté. Mettons-le ici et alignons-le. Super. Alors de quoi avons-nous besoin ici ? Tout d'abord, allons de l'avant et changeons nos tableaux d'art. Nom de l'appareil photo. Hors cours. Nous avons besoin d'une photo ici dans notre arrière-plan, alors insérons un rectangle et un dragon. Déposez-le pour alimenter notre page et la mettre sous d'autres éléments. Super. Je ne peux pas vérifier les frontières. On n'a pas besoin de ça. Ensuite, allons-y orteils se sentent motif, et ici je vais choisir cette photo numéro six. Super. Je pense qu'il est préférable de changer la couleur de notre barre d'état de la lumière à l'obscurité. Comme vous pouvez le voir, il est écrit sombre. Cela signifie qu'il est adapté pour un fond sombre. Mais en fait, c'est le culte de la lumière. Ensuite, nous avons besoin d'un bouton d'obturateur. Alors allons de l'avant et insérez un cercle et glisser-déposer ici. Faisons 60 par 60 et je vais prendre des champs et changer les frontières de l'appelant orteil blanc . Ensuite, assurez-vous qu'il est dans l'option centrale juste ici et également changé avec 22.7. Super. Comme vous pouvez le voir, l'espacement est de 27. Je vais en faire 40. On y va. Je pense que c'est bon pour Poots, une icône de réglage juste là et aussi une image juste là pour choisir une autre photo de la Galerie. Laisse-moi aller de l'avant et apporter nos réglages. J' entends qu'il est tourné pour acheter 24 pixels. Alignons ces éléments ensemble un calque de ligne vers le bas, génial et aussi le rembourrage vers la gauche. Faisons 24 pixels et puis je vais insérer un autre cercle ici, et ça passe à 44 pixels par 44 pixels et sur les données anglicanes Czech Borders. Parce qu'il nous faut un autre visage. C' est génial. Nous pouvons le rafraîchir aussi. Super. Ensuite, je vais ajouter quelques ombres qui ont mis le X 25 le Y 22 et un Blair pour ado. C' est génial, alors que sélectionnez tous ces éléments et leur permettant au fond. Bon, vérifions le rembourrage. 17. Faisons 24 tombe et alignons également notre bouton d'obturateur au centre. C' est fantastique. De quoi d'autre avons-nous besoin ? Tu as raison. Nous avons besoin de la flèche gauche pour permettre à l'utilisateur de naviguer dans notre projet. Alors changeons sa couleur en blanc. Super. Donc maintenant je vais aller de l'avant et dupliquer ces oiseaux d'art afin de concevoir la page que l'utilisateur modifie le paramètre. Changons donc son nom pour les paramètres de l'appareil photo. Et puis je vais supprimer ces trois éléments parce qu'on n'a pas besoin d'eux que Mizzou veut dire et je vais les insérer autour. Dragon. Laisse-le ici et ça fait 338 par 45 et sur les frontières tchèques. Réglons la couleur sur noir et réduit la capacité à 18. Excellent pour ces quelque chose que je vais utiliser l'option de Blair. Alors nous allons cliquer ici et choisir le joueur d'arrière-plan Perfect, et je vais augmenter le montant du joueur d'arrière-plan à 41. C' est génial. Alors vérifions le pad ing Nous allons vous aligner au centre et son rembourrage inférieur est 28. Faisons 33 bon, et maintenant il est temps d'ajouter nos icônes. Nous devons donc ajouter cinq icônes différentes ici. Flash, luminosité, contraste, recadrage et chronomètre. On y va. C' est sélectionnez-les tous et mettez-les ici. Je vais les aligner verticalement. On y va. Et puis nous allons les distribuer sur même le bon. Alors changeons aussi le rembourrage gauche . 30 grand et aussi le bon rembourrage à 30 aussi bien. Et pour ces icônes de rognage, passons à 42 à droite et 44 à gauche. Élisons ces icônes de contrastes et ce tango d'épave et s'alignant au centre, et ça va être 42. Nous y allons, et aussi pour l'icône de rognage à gauche. Faisons 38. Maintenant, sélectionnons-les tous et cliquez sur distribuer les calques, puis nous avons ces indicateurs que nous pouvons changer l'espacement uniformément. Alors maintenant, nous allons faire 36 grandes âmes et les regrouper et sélectionner ces rectangle et en alignant au centre. C' est génial ont raison. Nous avons terminé les paramètres de l'appareil photo ainsi que notre page de l'appareil photo. J' espère que vous l'avez apprécié dans la prochaine vidéo. Nous allons créer notre page d'exploration, alors à vous voir. 82. Explorer la page: Hé, tout le monde, bienvenue à une autre vidéo de cette section dans cette vidéo. Nous allons concevoir notre page d'exploration. Donc, sans plus tarder, allons commencer. Tout d'abord, je vais aller de l'avant et dupliquer cette page de profil. On y va, c'est la fac. Explorez. Super. Et je vais supprimer presque tous les éléments ici sauf notre barre d'état et aussi notre robinet sont super. Maintenant, nous devons changer la barre de recherche sont maintenant afin de changer la recherche. Loin, nous devons le détacher du symbole. Alors faisons un clic droit ici, détaché du symbole. Et ici, nous allons double-cliquer dessus. Là, nous allons et je vais le changer de thème à régulier Awesome. La prochaine chose que nous devons faire est d'ajouter un texte ici sur Let's Right endroits. Nous allons créer trois sections différentes, des lieux tendance et populaires. Alors changeons la police. Deux mois, Sarah. Grand et changer le chemin à l'audacieux. Et aussi je vais augmenter sa taille à 30 points parfait. Et nous allons changer sa couleur pour dese gris impressionnant et il est gauche rembourrage va être 30. Donc c'est maintenant c'est génial et ensuite on doit insérer autour de ça ici. Changeons sa taille à 130 par 130, c'est le rayon d'angle à 17 et je vais décocher frontières maintenant. Nous n'avons pas besoin de coins lisses, alors gardons-le autour des coins et ça arrête d'ajouter que ça va être 16 et 30 à gauche. Super, Alors c'est dupliquer ces textes et le mettre ici et changer sa taille à 18. Et ici, écrivons ma feuilles et mettons-le ici avec un rembourrage de 16 pixels. Et dupliquons encore une fois et mettez-le ici et changez sa taille à 16 et de gras à régulier. Et aussi nous devons changer sa couleur pour voir le CD. On y va. Et ici, nous allons écrire le numéro hors poste. Par exemple, 35 messages génial et l'ajout supérieur arrive à choisir des cellules. Faisons trois. C' est génial. Et je vais aller de l'avant et regrouper ces trois éléments autour, et entendre ces deux textes. Ça va être notre première catégorie, alors nous allons le centre commercial de l'université. Et puis je vais double-cliquer sur cela et allons aller à se sentir motif et choisir une photo de nos photos images. Et ici, nous allons cliquer sur le numéro sept. Super. Nous pouvons également ajouter quelques ombres ici pour le rendre plus beau. Alors allons de l'avant et choisissez cette belle couleur bleue et diminuons son tout pour jusqu'à 20%. Et puis dit le X 2 16 y 28 et Blair à 33. C' est génial. Et puis je vais aller de l'avant et le dupliquer et le mettre juste là, et le rembourrage de gauche va être 16 âmes de choix. Et encore une fois, nous allons dupliquer parfait. Et puis passons d'abord cette photo au numéro huit. Super. Et voici, France et a changé le nombre de postes à 13, par exemple, et le suivant aussi. Image Choisissez l'image numéro neuf. Et ça a changé le titre à New York et le nombre de postes à 45. Fantastique, mais nous devons également changer le collier des ombres ici, alors allons de l'avant et choisissez celui-ci et diminuons l'Alfa à 20 pour celui-ci. La même chose est grande, et maintenant nous allons tous les élire. Sélectionnez également ce titre dans les lieux de l'université. Alors je vais aller de l'avant et le dupliquer et le mettre juste là. On avait 40 grosses cellules marge super, et ça a changé son titre en tendance. Et puis je vais aller de l'avant et changer sa photo pour le numéro 10 Thèse Bleu Orange. Donc c'est juste. Bleu orange. C' est intéressant. Et changez aussi le nombre de messages . 120 et aussi les ombres à ce panache changent le tout pied 20 et le suivant le même processus. Je sais que c'est un peu répétitif, mais la pratique est parfaite. C' est chaussures numéro 11 et a changé le titre en Boardwalk Awesome et a changé un certain nombre de messages à 17 par exemple. Essayez toujours d'utiliser des images riel sur du contenu réel. Tu sais que c'est vraiment important, et le dernier, faisons-le. C' est un numéro 12 et a changé son nom pour Beach et le nombre de postes à 90 Great. Et n'oubliez pas de changer le nom du groupe en tendance et continuons et dupliquons une fois de plus. Et nous allons le changer trop populaire et le mettre juste sous notre barre de pression et changer son titre en populaire sur. Assurez-vous que le rembourrage qu'il va être 40. Super. Très bien, ne vous inquiétez pas. Nous devons les déplacer. Le rembourrage supérieur va être 67. C' est génial. Je ne vais pas changer le contenu de la dernière catégorie, qui est populaire. Si tu veux. Tu peux faire ça pour toi. Je ne vais pas prendre votre temps, et la dernière chose dont nous avons besoin, c'est une icône de recherche juste là. Alors allons-y et amenons que nous avons la recherche Great, mettons-le ici et le bon rembourrage sera 30 aussi, et le rembourrage inférieur sera 14. C' est plutôt fantastique. La dernière chose que nous devons faire est de changer la couleur de ces icônes pour le même gris ici. Parfait. Tout droit maintenant sont explorer. La page est prête, cependant. Nous avons besoin d'une autre page afin de montrer comment le paiement devrait ressembler chaque fois que l'utilisateur essaie de chercher quelque chose. Alors appelons ce tableau d'art, explorons, recherche génial, et qui est supprimé l'icône de recherche. Donc, chaque fois que l'utilisateur clique sur le bouton de là-bas, il va être caché, et à la place nous allons présenter un champ fiscal qu'il ou elle peut taper. Donc ce que je vais faire, c'est y aller et copier et coller un de nos champs de prises parce que nous devons être cohérents. Là, nous continuons, Changeons sa couleur, notre couleur primaire grande. Et le rembourrage inférieur sera de 30 ans, alors ici nous avons besoin d'attaque. Alors écrivons, voyageons et rendons ça régulier. Et aussi, diminuons la taille à 16 points et changez la couleur, aussi. La même couleur primaire et le rembourrage gauche va être 16. Alors vérifions ça. C' est génial. Et le rembourrage inférieur sera huit. Parfait. L' autre chose. Nous avons besoin de ces attaques marqueur d'entrée. Donc, copions-le et collons-le. Je vais le mettre juste là. Cependant, je vais changer sa couleur en jaune pour cette page. Donc le code est F six B neuf et zéro. Un grand. La dernière chose dont nous avons besoin, c'est une bouteille de rejet pour la mettre juste là. Alors amenons-le ici à partir de nos icônes. On y va. Ça va être de la même couleur. Tu peux le changer si tu veux. Cependant, c'est la même couleur que celle utilisée pour ce projet. Ça va être 12 à droite et 6 à partir du bas. Et puis allons de l'avant et regrouper ces éléments dans la barre de recherche du collège. Bon, maintenant, maintenant, nous devons changer quelque chose ici parce que nous cherchons le voyage de guerre. Nous devons supprimer certaines de ces catégories. Ok, donc la première chose que je vais supprimer est la section populaire, et ensuite je vais supprimer cette catégorie orange bleu et déplacer ces catégories vers la gauche. Super. Et puis sélectionnons les deux sections et les déplaçons vers le bas. Ça va être 56 au fond. Super. Et aussi déplacer la barre de recherche vers le bas. Et ça va être 32. Le fond. C' est génial, n'est-ce pas ? Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et je vais te voir dans la prochaine vidéo. 83. Page de messages: Salut, tout le monde. Bienvenue à une autre vidéo du cours dans ces vidéos. Nous allons concevoir notre page de message. Donc, sans plus tarder, commençons. Tout d'abord, je vais aller de l'avant et dupliquer la page d'exploration ici. Génial sur Ça a changé son nom en messages. Super. Et après cela, je vais supprimer presque tous ces éléments et aussi ces catégories. Cependant, je vais garder le titre de paix, et ça change deux messages. Super. Et après ça, je vais le faire, et après ça je vais créer trois cartes différentes pour nos messages. Donc, tout d'abord, insérons autour d'elle ici, accord, et changeons sa taille à 315 par 85. Et changons aussi le rayon de coin pour lisser les coins et cela équivaut à 20. Fantastique. Et puis nous devons décocher Bordures, et ça a changé son col en blanc. Et après cela, je vais ajouter quelques ombres et nous allons diminuer son tout bien trop 12 droite et changer son X 2 19 Et que l'ensemble pourquoi, à neuf et le Blair à 38. Super, alors nous avons besoin d'une photo ici, alors allons de l'avant et insérons le cercle et sa taille va être 26 sur 26 grandes âmes et sur les bordures secouées. Et utilisons les données ici. Super et il est gauche et le rembourrage supérieur va être 16. Impressionnant. Et puis nous avons besoin d'un texte pour écrire le nom de cet utilisateur. C' est vrai, David Smith, et je vais changer le chemin de Regular et aussi sa taille à 14 points. Et nous allons changer la couleur aussi bien à D, B, D, B et d être fantastique. Alors alignons ces deux-là. Tout droit sur l'espace entre eux va être de huit pixels. La dernière chose dont nous avons besoin, c'est une autre technologie. Donc c'est dupliqué. Et ici, je vais écrire un nouveau message de David, et ça change de couleur. Le même gris que nous avons ici. Et je vais changer sa taille à 16 points et il arrête d'ajouter va être huit pixels et le combat gauche et aussi le remplissage inférieur va être 16 pixels. Super. Maintenant, il est temps de regrouper ces éléments ensemble et les collègues message veulent. Bon, donc je vais aller de l'avant et le dupliquer. Cependant, au lieu de le faire, vous pouvez également créer un symbole afin de désactiver le processus, concevant ces messages beaucoup plus rapidement. Alors allons de l'avant et créons un symbole. Et ici, je vais écrire des cartes slash message. Bon, donc à partir de maintenant, si je vais au document, je peux voir des voitures ici et je peux les mettre ici. D' accord. Super. Alors maintenant que nous avons un symbole, nous pouvons facilement tout changer ici. Alors maintenant, nous allons de l'avant et changer sa photo qui sélectionnez cela et cliquez sur les données Actualiser les données pour Master. Rafraîchissons une fois de plus. Super. Et puis choisissons le texte. Et je vais le changer en chagrin. Williams, tu vois ? Comment c'est ? Facilité ? Et puis cela a utilisé les enjeux et le changer pour, par exemple, Saara posté. Je savais qu'on était fantastiques. Alors allons de l'avant et dupliquons-le et mets-le ici. Et une fois de plus, ça a changé cette photo super. Et aussi ce nom à Emma Jones. Et aussi je vais changer ces textes pour Emma Life votre post. D' accord. C' est plutôt fantastique. Attends, et si je veux ajouter quelque chose à nos symboles ? Par exemple, que se passe-t-il si vous voulez ajouter une heure ici pour informer l'utilisateur de l'heure exacte à laquelle cette notification ou message a été reçu ? Ou aussi, c'est ajouter une petite flèche ici. Donc, pour ce faire, parce que vous voyez des moules, c'est si facile. Ok, alors nous allons double-cliquer dessus. Ça va nous emmener à la racine. Ou disons que le fichier maître, je vais zoomer. Donc, peu importe les changements que vous apporterez ici, ça s'appliquera à toutes les voitures que nous venons de créer. Alors créons des attaques à droite il y a une heure. Je vais changer sa couleur de la même qualité de lumière que nous. Et nous allons aussi changer sa taille à 12 points et il est droit et le rembourrage inférieur va être 16 pixels parfait. Et aussi, je vais ajouter une petite flèche ici, alors amenons-la de nos icônes. Comme vous pouvez le voir, nous avons une petite flèche, alors amenons-la là-bas. Impressionnant. Et je vais changer sa couleur à notre couleur primaire pour que vous puissiez double-cliquer dessus et choisir notre couleur primaire. Fantastique. Et c'est juste. Rembourrage sera 16 comme Ball et son rembourrage inférieur sera six. Parfait. Maintenant, si nous revenons à notre encens, vous pouvez voir qu'il s'applique à tous. Cependant, nous devons également changer ces temps. Alors, allons-y et changons-le à il y a deux heures et le prochain 1 à 1 jour. Laissez-moi aller au maître une fois de plus pour m'assurer que nous alignons correctement ces temps . Comme vous pouvez le voir, c'est la ligne à gauche. Comment savoir si elle doit être alignée sur la droite. Ok, maintenant c'est génial. Ensuite, sélectionnons tous ces trois messages et vérifions l'espacement entre eux. C' est 21. Faisons en 16. Impressionnant ! Et aussi il arrête de se cacher est 38. Faisons 40. Incroyable ! Pouvez-vous voir à quel point cette fonction de symbole est puissante ? Cela va vous faire gagner tellement de temps que vous ne concevez une interface utilisateur. D' accord. Merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et je vais te voir dans la prochaine vidéo. 84. Page de chat: Tout le monde. J' espère que tu vas bien dans cette vidéo. On va concevoir notre page de discussion. Donc, en fait, c'est une page qui quand un utilisateur clique sur l'une de ces notifications ou voitures va apparaître notre droit sans plus tarder, Commençons. Tout d'abord, je vais aller de l'avant et dupliquer le tableau d'art et mettons-le ici pour garder notre taux organisé sur le campus, et je vais l'appeler chat, et ensuite nous devons supprimer presque tout. Retirons donc ces cartes. Et aussi, étonnamment, nous devons enlever le robinet sont. Cependant, nous avons besoin d'un indicateur à domicile. Alors allons de l'avant et copions-le et collons-le à partir d'ici. Impressionnant. La première chose dont nous avons besoin est une barre de navigation. Vous pouvez facilement aller pour insérer la pomme sur le vôtre. Vous je barres navigation ennuyé iPhone compact, et ici vous avez deux versions différentes parce que c'est l'Arya 13. Tu aimes manger. Cependant, au lieu de choisir ces valeurs par défaut et de le mettre ici, je vais vous montrer comment vous pouvez créer votre propre barre de navigation personnalisable. Alors allons de l'avant et insérons un rectangle ici. D' accord, et changeons sa taille à 375. Ok et attacher à 88. C' est la norme, et je vais prendre ces frontières et changer sa couleur en blanc. Bien que vous puissiez le deviner, nous devons ajouter quelques ombres sur Let's Change. C' est bien trop 15 super. Et aussi c'est Blair à 41. Super. La prochaine chose dont nous avons besoin est un titre ici. Donc, dans cette page va être le nom de l'utilisateur. Donc c'est vrai, David Smith. Et je vais aller de l'avant et changer de couleur aussi, ce gris. Et nous allons aussi l'agrandir. Ça a changé sa taille à 17 points. Et aussi je vais changer ça de normal. Trop audacieux. Fantastique. Ensuite, je vais aligner au centre à la fois verticalement et horizontalement. Et de quoi d'autre ai-je besoin ? J' ai besoin d'une photo juste là et aussi à gauche Arrow ici. Alors ajoutons-les. J' ai la flèche gauche ici, alors copions-la et collons-la. Je vais le mettre juste là. Et puis cela dit, il laisse le rembourrage à 24 et son rembourrage inférieur à 20. Très bien, nous devons également mettre ces titres vers le bas et l'aligner avec notre flèche verticalement. Super. Et sélectionnons tous ces éléments et mettons-les directement sous notre barre d'état. Fantastique. Et la dernière chose dont nous avons besoin, c'est l'image de profil ici. J' ai besoin de la photo de David Smith. Je ne peux pas utiliser les données parce qu'elles vont me donner une image aléatoire, et je dois l'actualiser jusqu'à ce que je l'obtienne. Donc il vaut mieux aller de l'avant et ici je vais double-cliquer dessus et je vais choisir cette photo, café et revenir sur ces pages de chat et nous allons la coller ici. On y va. Sa taille est grande et c'est juste. Rembourrage sera de 24, son rembourrage inférieur sera de 20. Tout est mis en place maintenant. Nous pouvons créer un symbole à partir de notre barre de navigation afin de les utiliser beaucoup plus rapidement. Donc, sélectionnons tous ces éléments, y compris la barre d'état et regroupez-les, et c'est créer un symbole ici. C' est vrai, barre de navigation parfaite. Donc la prochaine chose que nous avons besoin est de changer notre couleur de fond, donc je vais aller de l'avant et insérer un rectangle de deux pieds sur notre page et sur les bordures tchèques, et ça a changé son collier en F 5 si 5 et F 5. Génial comme vous pouvez le voir, nous avons un gris clair, ce qui est génial. Et maintenant, il est temps de créer nos messages. Donc ce que je vais faire est d'insérer autour d'elle et de le laisser tomber ici. Et ça fait 290 par 52 sur les frontières tchèques. Et augmentons aussi son rayon de coin à 15. Impressionnant. Cependant, je vais à Double Creek et ce tango épave et choisir le coin. Et puis je vais changer son rayon 20. Tu peux voir comment ça va se passer. Et changons aussi sa couleur orteil blanc, et il est temps d'ajouter quelques ombres à manger. Changeons. C' est tout de 4 à 10. C' est X 2 pour son écrivain, aussi . Et le Blair à 10 assez bon. Maintenant, je vais aller de l'avant et créer une prise. C' est vrai. Salut, John. Comment allez-vous ? Je vais faire son régulier et aussi changer sa taille à 14 points. Super. Et c'est morbide ici, et je vais vous aligner au centre verticalement et le rembourrage gauche va être 17 âmes de pointe parfaites 17 de haut à gauche et en bas. Et puis je vais ajouter un temps ici. Alors écrivons 12 Colin quatre. Je vais le mettre ici, ça a changé sa taille à 10. Et aussi c'est la couleur de DB db. Andy soit génial. C' est l'aligner verticalement et il est bon rembourrage va être 16. C' est génial. Maintenant, nous allons les regrouper et voici le rembourrage de ses 19. Faisons 24. Maintenant, c'est mieux. Et la prochaine chose que nous devons faire est de créer un autre message, qui vient de John au lieu de David. Donc, ici, modifions son nom de groupe en premier message. Et puis ça en crée un autre ici, et je vais te faire 290 par 70. Grand le même rayon de coin, et c'est un double clic sur cela et cette fois, choisissez ce point de coin droit et réduisez son rayon à zéro dans les frontières tchèques. Et puis je vais le sentir. Nous avons un Grady int, Alors cliquez sur le cercle et choisissez 50 64 F 9 et l'autre qui est utilisé 54 3 F et E 8. Super. Je vais aller de l'avant et changer la direction que ça va être comme ça ou on pourrait le changer ici. Maintenant, c'est mieux. Parfait. Ensuite, continuons à copier et coller. Ces chars doivent l'abattre et changer sa couleur à droite, évidemment. Et là, allons-y. Salut, David. Je suis super. Comment vas-tu ? Tout va bien ? Impressionnant. Et puis je vais le déplacer ici et essayer de le rendre plus petit et de l'aligner vers la gauche. Je pense qu'il est préférable de définir le avec 2 232 Grande. Et c'est une ligne dans le centre de l'endroit où chatouilleusement et il est laissé. Le rembourrage va être 17. N' oubliez pas d'être cohérent dans votre conception. Allons de l'avant et copions et collez cette fois, accord. 17 de bas et 17 de droite, cependant, et je vais aller de l'avant et changer sa couleur en blanc et diminuer sa capacité à 50%. C' est fantastique. Alors allons de l'avant et regroupez-les, et ici nous avons un deuxième message, et puis nous allons le dupliquer, et selon le haut va être huit Grand. Cependant, cette fois c'est double cliquez sur ce rectangle et cliquez sur Undie circle et a diminué le rayon de coin à zéro et choisissez également le cercle et augmentez-le à 15. C' est plutôt cool, non ? Ensuite, je vais changer sa taxe pour que vous ayez terminé votre projet. D' accord ? Et n'oubliez pas de changer ces temps parce que cela n'a pas de sens d'avoir le même temps pour tous les messages. Alors faisons-le 14 et celui-ci aussi. D' accord. Et voici notre troisième message. Et maintenant, nous avons une réponse de David. Alors allons de l'avant et dupliquons ce message et mettons-le ici. Mais avant alors, qui sélectionne les messages et vérifier le rembourrage. Il va être 24 aussi pour ce 1 24 Et maintenant je vais double-cliquer sur ce rectangle et changer son haut à 70. Impressionnant ! Et alignons ces prises vers la gauche et changeons-la en Merci. Je vais bien. Et oui, je l'ai fait. Alors, tu es libre ce soir ? Super. Et cette fois va être l'année 17 de bas et faire 17 de gauche. Aussi pour celui-ci aussi. Super. Maintenant, nous avons besoin d'un autre message de John qui est dupliqué. J' ai oublié de changer le nom du groupe. Donc, tout d'abord, changeons-le en quatrième message arriver. Et maintenant, modifions ces taxes aussi. C' est génial. Oui, je suis libre après 21h Pourquoi ? Et diminuons le avec 2 224 C'est mieux. J' ai failli oublier. Faisons 12 25. Et pour celui-ci, ça fait 12 35 super. Et ce sera notre cinquième message. Alors allons-y, cinquième message. Et puis c'est dupliquer notre message précédent et le mettre juste là. Le premier plan de notre message précédent sera 24. Donc c'est juste et aussi pour celui-ci génial. Et ça a changé ses prises pour Eh bien, je voulais en blanc vous, vous savez, et aussi nous devons diminuer son avec 2 232 et ça a changé. Il est temps de 12 45 génial. Et puis ça a changé son nom de groupe en six messages, et le dernier message sera celui-ci. Alors dupliquons le et mettez-le ici avec une marge de 24 pixels. Et alors c'est exact. Merci beaucoup pour l'invitation. J' adorerais te voir et changer. Il est temps de 12 55. Génial et que je change le nom du groupe en septième message ont raison. Ça a été tellement que je sais. Cependant, il est vraiment nécessaire de prêter attention aux détails, et vous concevez une interface utilisateur. Donc, nous avons besoin d'un conteneur afin de permettre à l'utilisateur de taper la douleur. Allons-y et faisons-le. C' est insérer un rectangle. Mais c'est juste sous notre indicateur de la maison, et sa taille sera 375 sur 71. C' est bon, laisse sur les frontières tchèques et le remplir avec de la couleur blanche. Je pense que c'est une bonne idée d'avoir une sorte de frontière. Cependant, je vais diminuer son tout beaucoup trop 20%. Et aussi c'est avec 20 points à, et puis nous devons le changer de l'intérieur à l'extérieur. On y va, et c'est à quelques ombres. Je vais diminuer son offre à 8% et cela dit, c'est pourquoi à zéro aussi et le flou à quatre qui est assez bon. Alors ici, nous avons besoin d'une taxe. C' est vrai. Écrivez quelque chose ici et point, point, point, point et je vais changer sa couleur, aussi. B six, b six et b cherche. Et aussi, il est amusant de taille à 14 points. Changeons. C' est amusant de SF texte pro. Maintenant c'est mieux, accord, et c'est arrêter de tapoter va être 17 et 44 à gauche, donc nous avons besoin de deux choses de plus ici. L' un est une icône plus ici afin d'attacher quelque chose. Par exemple, une photo ou une vidéo. Alors allons-y et amenons-le à partir de notre fichier d'icônes. On y va. Il est gauche rembourrage va être 15 grand, et l'autre est une icône emoji afin d'ajouter quelques emoji. Alors amenons-le. Ici aussi, nous avons Emordi comme sur Mettons ici 20 à droite et 17 au sommet assez bon, et je vais aller de l'avant et les regrouper. Bon, bon, bon, conteneur de messages. Super ! Ensuite, je vais regrouper tous ces messages et ce sont les bons messages et les faire descendre comme ça parce qu'il faut ajouter la dernière chose, qui est la date de cette conversation. Alors allons de l'avant et insérez autour d'elle et faites-le 77 par 20 et aussi sur les bordures tchèques et changez sa couleur en blanc. Je vais l'aligner au centre. Alors nous avons besoin d'un texte qui est juste. Lundi, 18 Mars et je vais changer sa taille à 11 points et sa couleur, aussi. 83 83 93. C' est un lac les deux joueurs et les aligner verticalement et horizontalement et aussi les regrouper ici. Je vais écrire la date et il arrête d'ajouter, va être 16. Incroyable. Donc, nous avons conçu avec succès notre page de chat ensemble, tout droit là. Presque non, Cependant, nous avons besoin d'un autre tableau d'art, alors nous allons le dupliquer. Nous devons présenter un clavier ici, donc allons bien, discuter, taper, taper, et je vais aller de l'avant et supprimer le dernier message et nous allons supprimer cet indicateur et il est emoji allumé. Mettons-le juste là et passons un peu le reste des messages, quelque chose comme ça. Et puis nous avons un clavier ici pour que nous puissions aller de l'avant et l'amener ici, coller et mettre notre bon conteneur de messages juste au-dessus. Je vais changer sa hauteur à 50, et aussi nous devons changer ces prises aussi. Celle-là. Merci beaucoup pour l'invitation. Alors allons de l'avant et alignons les choses à gauche et à droite beaucoup pour l'invitation , puis changer sa couleur pour ce plaisir. Et amenons le marqueur de saisie de texte comme Whoa nous avions besoin ici, Ok, Tout est génial. La dernière chose que nous devons faire est d'ajouter un bouton de message de sable là-bas. Alors allons de l'avant et apportons son icône de nos icônes. Nous avons l'icône d'envoi ici. Amenons-le ici. C' est sa femme, donc tu ne peux pas le voir. Allons de l'avant et créons un cercle. Et sur Jake Borders, c'est faire 24 sur 24 et choisir la couleur primaire pour ça. Alors je vais le mettre juste en dessous de notre icône de sable. On y va. Alignons les verticalement et horizontalement et je vais les regrouper et appeler son et le bas et sa marge sera 13 à gauche. 13 le fond et ferreting vers le haut. D' accord, tout est fait. Nous avons créé deux pages différentes ensemble. J' espère que ça vous a plu, et je vais vous voir dans la prochaine vidéo 85. Page de paramètres: Hé, tout le monde, bienvenue à une autre vidéo du cours dans cette vidéo. Nous allons concevoir notre page de paramètres. Donc, sans plus tarder, commençons. Tout d'abord, je vais aller de l'avant et dupliquer ces tapages de chat, et ça a changé son nom en paramètres. Et puis je vais aller de l'avant et enlever presque tous les éléments ici. D' accord, nous avons besoin de cet indicateur d'accueil, cependant, alors je vais changer notre barre de navigation dans cet espace. Nous n'avons pas besoin de cette image de profil. Alors, comment puis-je supprimer ça ? Je peux facilement faire un clic droit ici et le détacher du symbole, puis choisir la photo de profil et supprimer cela. Et après ça, je vais aligner ces prises au centre et les changer en paramètres. Super. Donc, dans ces pages, nous allons créer deux sections différentes. En fait, je vais créer deux cartes différentes et inclure notre option de paramètres. Très bien, la première section va être des notifications. Alors écrivons des notifications, et je vais changer son destin un régulier et changer sa taille à 16 points. Et aussi c'est la couleur. Deux c huit, c huit et voir huit. C' est génial. Mettons-le ici d'accord. L' annexion dont nous avons besoin est de créer un rectangle. Oh, alors ajoutons autour de ça ici. Et je vais changer sa taille à 329 par 139. Et c'est changer son rayon de coin à 17 d'accord, et sur les frontières tchèques et nourrir la couleur blanche. Ensuite, nous devons ajouter quelques ombres. Alors, changeons. C' est mon à 14 et split air à 43. Et diminuons aussi cette offre à 8%. Super. Notre première option est de faire des promotions. Je vais changer de couleur aussi, ce gris. Ensuite, nous avons besoin d'un contrôleur de recherche. Alors créons un. Au lieu de l'amener de quelque part, je vais aller de l'avant et vous montrer comment vous pouvez créer vos propres commutateurs. Donc la première chose que nous avons besoin de ça ici, et ce sont des frontières non contrôlées et faites 40 par 17. D' accord, et ça a changé son collier aussi. Huit a 84 f f grand et nous allons créer un cercle aussi, et il va être 25 par 25 pixels et sur les frontières tchèques, et je vais utiliser le même Grady Int que nous avons utilisé dans notre tableau d'art précédent. Alors allons de l'avant et créons un int Grady et choisissons celui-ci comme notre première couleur et ce fonds comme notre deuxième. Alors ça a changé la direction génial. Et après cela, nous allons les aligner verticalement et déplacer ce cercle vers la gauche. C' est assez bien, et la dernière chose dont nous avons besoin est d'ajouter quelques ombres au cercle. Alors ajoutons des ombres. Ça a changé le Y 23 et l'orteil Blair huit. Réduisons tous ses 4 à 18%. C' est plutôt bon. Et puis je vais aller de l'avant et les regrouper et appelons ça allumer le tableau de bord et créons un symbole ici. Allumez la barre oblique. Et maintenant, dupliquons et détachez-le de Symbole et sélectionnez son arrondi et changez sa couleur en e six, e six et e six. Et maintenant, nous allons élire ce groupe OK et juste. Cliquez et transformez, fuyez présentable, puis cliquez sur le cercle et changez sa couleur en blanc. D' accord. Après cela, je vais changer son nom pour éteindre et créons un autre symbole slash off parfait. Donc nous n'avons pas besoin de ça maintenant. Donc, quand vous voulez basculer, il peut aller de l'avant ici et le changer facilement, n' est-ce pas ? Alors supprimons ça. Et je vais aligner ces interrupteurs sur notre texte en particulier. Et le rembourrage à droite sera de 13. Et le rembourrage à gauche va aussi être 13 ici. Impressionnant. Ensuite, allons de l'avant et regroupez-les sur les bonnes promotions. Donc nous sommes en quelque sorte de créer au moins sur une carte, accord, l'ajout supérieur, va être 16 ans. Alors nous allons le dupliquer. On a une tombe de 16 pixels, et je vais aligner le texte de promotion sur la gauche et le changer en nouveaux objets. Et faisons en sorte que ça soit facile, non ? Et je vais changer ces nom de groupe à de nouveaux éléments ainsi, et une fois de plus dupliqué et changé le nom pour les messages et le rendre parfait, puis que sélectionner tous ces éléments et les regrouper et les notifications de collège génial. Et après cela, sélectionnons cette notification et ce groupe et dupliquez-les parce que nous devons créer une autre section qui est générale, et les mettre avec un 40 choix. Ancienne marge, super, qui a aligné ce titre à gauche et le changer en général. On y va. Et d'abord, je vais choisir ce rectangle et changer son haut à 303 et la première option. Changons-le à la langue. Cependant, Ici, nous n'avons pas besoin de discours. Ok, on a besoin d'une petite flèche comme ce qu'on a utilisé ici dans nos cartes. Donc, nous allons double-cliquer sur ça. Et Selectees Flèche copié et collé ici. Mettons-le juste là-bas avec une marge de 13 pixels vers la droite, et aussi j'ai besoin d'un autre texte. Donc c'est dupliqué. Et changons-le en anglais, et je vais changer son collier aussi. C huit, C huit et voir huit. Parfait. Très bien, mettons-le ici. C' est juste. Le remplissage va être un pixel sur. Sélectionnons les deux couches et les alignons verticalement. Et nous allons également sélectionner notre langue et les aligner. Changons la ligne haute à 20 et aussi pour Thèse, prend à 20 ainsi et encore une fois les alignés. Maintenant, c'est génial. Je vais mettre ce calque de flèche gauche à cette promotion plus complète. Mais rappelez-vous, changeons le nom du groupe en langue, et mettons cet anglais prend bien la langue, et il arrête d'ajouter, va être 16. Parfait. Ensuite, ça change l'article en photo nuit plus, et je vais l'arrêter et le prochain à utiliser dit que vous seriez. Et continuons et changeons le nom de ces groupes. Faisons le mode Tonight et le prochain que vous voyez cellulaire. Super. Alors allons de l'avant et dupliquons le dernier élément et le changer en ou similaire. Je vais le garder aussi. Et changeons le nom du groupe en Photo Lark. Et pour le prochain élément, je vais choisir Thèse 1 et la dupliquer parce que nous avons besoin de ces petites flèches et changeons pour passer le code et faire face à I D. Et supprimer ces anglais, je pense ici nous devons déplacer ces Anglais un peu plus haut. Maintenant, c'est mieux. Et nous allons changer le nom du groupe pour passer le code et faire face à I D. Et nous avons besoin de deux choses supplémentaires qui sont dupliquées. Très bien, modifions ces taxes en accord avec l'utilisateur et ici aussi. L' accord d'utilisateur et le dernier mais non le moindre, va être la vie privée. Et maintenant, changeons ce nom de groupe aussi bien à la vie privée. Ensuite, sélectionnons toutes ces options et vérifions leur espacement. Il sera 16 et 16 du haut et 16 du bas. Bon, donc pour changer la hauteur, nous devons calculer quelque chose. Ici, nous avons 35 alors faisons glisser et déposez-le ici. Il est 21 maintenant. Ça devrait être 16 ans. Nous devons donc le réduire de cinq pixels. Alors faisons-le 284. Et maintenant c'est juste. Ensuite, nous devons changer le nom du groupe en général et tout est allumé. D' accord, gars, j'espère que vous apprécierez cette vidéo et que je reçois la prochaine vidéo. 86. graphiques: Salut, tout le monde. Bienvenue à une autre vidéo de cette section. Dans cette vidéo, nous allons concevoir notre page d'athlétisme. Donc, sans plus tarder, commençons. Tout d'abord, continuons et dupliquons les paramètres ne sont pas embarqués. On y va. Et ça a changé son nom en athlétisme parfait. Et puis je vais aller de l'avant et enlever ces cartes et aussi les typhons et échanger le titre de cette planche de navigation à un athlétisme. Impressionnant. Ensuite, je vais supprimer ce rectangle ici parce que nous allons avoir une sorte de cercle juste derrière ces informations. Alors allons de l'avant et insérons un cercle. On y va et je vais sur les frontières tchèques et changer sa couleur pour Grady Int. Et c'est choisir le 1er 1 et le changer à 50 64 F neuf et l'autre à 54 3 f et e huit. Super ! Et maintenant, changeons la direction de la couleur. Je pense que c'est génial, et je vais le déplacer juste sous notre barre de navigation pour qu'il soit là et qu'on le déplace un peu vers le haut. Alors changeons son avec 2 630 et il est élevé à 540 Great. Et je vais le mettre un peu comme ça. Maintenant, c'est génial. Ensuite, nous allons de l'avant et changeons la couleur de l'information. La première chose que vous devez changer est notre barre d'état. Alors choisissons cela et changeons-le de la lumière à l'obscurité, puis que le titre sélectionné et aussi changer en blanc et dernier but non moins, cette flèche gauche en blanc aussi. Super. De quoi d'autre avons-nous besoin ? Il nous faut des cartes. Par exemple. Je vais mettre un grand chariot ici pour montrer le nombre de followers et aussi un graphique à barres et puis quatre petites cartes juste en dessous. Alors allons de l'avant et insérons autour d'elle, et ça a changé sa taille à 315 et 317. D' accord, et puis changeons le rayon menti pour lisser les coins et le mettre à 24. Et puis je vais aller de l'avant et sur les frontières tchèques et changer sa couleur en blanc. Super. C' est une ligne dans le centre, et comme vous pouvez le voir, nous avons un rembourrage de 30 pixels de gauche et de droite, et il est arrêter d'ajouter, va être 115 au bord de ceux-ci ne sont pas grand plateau. Et puis nous devons ajouter un peu d'ombre. Allons-y et ajoutons des ombres et je vais changer ces 4 à 8 et changer x 2 16 Pourquoi ? À huit et aussi Blair à 33. Parfait. Et c'est Renay moi à la carte, accord. Et nous devons le dupliquer parce qu'il nous faut quatre voitures de plus. Cependant, je dois le réduire à 150. Super. C' est ce qu'il a lu ici une marge de 16 pixels, accord. Et changeons son rayon d'angle à 24 aussi. Impressionnant. Puis dupliqué et le mettre juste là et sélectionné pour et dupliquez-les et mettez-les juste ici. Parfait. Et je vais les renommer en carte 3, carte 4 et carte 5 dans le 1er 1 à carte 1. Super. Donc ici, je vais ajouter des attaques. Et c'est vrai. 2566. Ce sera le nombre d'adeptes qui a changé son fonds deux mois, Sarat, et le changer de régulier. Trop audacieux. On y va. Et aussi je vais changer la taille à 28 points et changer la couleur à Dis Gray Perfect et la ligne salut à 35. Super. Le combat à gauche devrait être de 24 pixels et le titre supérieur sera de 35. Ensuite, nous allons le dupliquer et le mettre ici et le changer pour numéroter vos followers, puis le changer de gras à régulier et aussi sa taille à 12 points grand et sa couleur à zéro b, e et G quatre. Génial et il est gauche rembourrage va être 24 sa ligne haut. Ce sera 21 ans. Super. Réglons donc le titre supérieur à quatre pixels. Impressionnant. Et alors ce qu'il nous faut, c'est une icône. Nous avons besoin d'une icône de réglage ici, et nous pouvons utiliser le même paramètre. Je peux l'utiliser pour notre page de cantor. Alors allons de l'avant et copions-le et collons-le ici. Impressionnant ! Et puis nous devons changer sa couleur pour celle-là. Donc, je vais aller de l'avant et copier et coller le code et sélectionner ces formes et le coller ici . Super. Mettons-le juste là et sélectionnons toutes ces formes. Je vais ajouter des bordures parce que ces formes étaient à thème. Donc je vais utiliser la même couleur et changer la bordure avec 20 points. Très bien. Super. Et maintenant, il est temps de changer la taille de 24 pixels à 18. C' est génial. Et le bon rembourrage est 24. Permettez-moi d'aligner ce paramètre avec notre numéro ici verticalement. Parfait. Maintenant, je vais aller de l'avant et créer un graphique à barres ici que vous pouvez soit créé par vous-même ou vous pouvez utiliser gratuitement. Vous, je les enfants, à cet effet. Vous pouvez également en acheter certains que vous aimez. C' est si tu veux pour ton projet. Cependant, dans ces scores, je vais vous apprendre comment vous pouvez créer votre propre graphique à barres. Alors allons de l'avant et insérons autour d'elle. On y va. Nous allons décocher les frontières et directement Kan Dat et choisissez les deux points et changer le rayon 20 Grande. Maintenant, je vais aller de l'avant et changer leur avec et me cacher à huit et 55 respectivement. Super. Et puis ça a changé un collier pour doubler E 700. Super. Maintenant, nous allons le dupliquer et le mettre ici avec une marge de quatre pixels. Super ! Et cette fois, je vais changer son sommet à 81. Laisse-moi changer ça ton grand. Et puis je vais aller de l'avant et changer sa couleur pour le double F six C et 40. Impressionnant. Et allons de l'avant et regroupez-les avec le collègue Colin un. On a besoin d'un rencard ici. Donc, nous allons écrire sept slash 12 et a changé son fonds en écran SF pro et sa taille à huit points. Génial et laissez-moi changer le rembourrage supérieur à quatre et encore, c'est les grouper et les appeler colonne un. Parfait. Maintenant, nous pouvons le dupliquer avec un rembourrage de 20 pixels. Super. Et nous allons utiliser les deux barres et augmenter leurs hauteurs comme ça assez bon. Et aussi nous devons changer la journée ici. De 7 à 8, il va appeler et une fois de plus dupliqué et sélectionner les deux barres et diminuer leurs hauteurs. Quelque chose comme ça, ils ne devraient pas être précis pour l'instant. Cependant, si vous travaillez avec riel plus tard, assurez-vous que leur précision alors que cela a changé le jour à neuf et c'est l'appeler trois sur une fois de plus les dupliquer et sélectionner des barres et augmenter leurs hauteurs à quelque chose comme ça. Je vais sélectionner la barre spécifiquement une augmentation à nouveau et changer le jour à 10 et ce sera Appelez-le pour et encore, nous allons le dupliquer et sélectionner ces barres et diminuer leurs hauteurs. Impressionnant. Et changons le jour à 11 heures et ce sera notre chronique. Cinq. Et nous en avons besoin de deux de plus. On y va. C' est chaussures ces barres et diminuer la taille sur le disque un spécifiquement et changer le jour à 12 et me renommer deux Colonne six et la dernière sera encore plus courte. Alors sélectionnons-les comme ça. Et aussi le jour à 13. Parfait. Et changeons votre nom pour l'appeler sept. Bon maintenant, je vais aller de l'avant et regrouper tous ces Collins et le tableau à barres droite. Super. Et maintenant, nous allons élire notre carte. Un, qui est celui-ci et en ligne dans le centre. Super. Et c'est le rembourrage inférieur qui sera de 23. C' est génial. Tu vois à quel point c'est génial ? Nous avons besoin d'une chose de plus ici. Nous avons besoin d'une sorte de bulle ici pour montrer des informations détaillées telles qu'un pourcentage d' augmentation ou de diminution. Alors allons de l'avant et créons un. Je vais insérer autour de lui à nouveau arrivé. Réduisons le rayon de coin 26 et changez le avec 2 70 Grande. Je vais injecter des bordures super, et j'ai besoin d'un rectangle ici pour créer une petite flèche. Alors, insérons un rectangle. Maintenez le décalage parfait sur les frontières tchèques. Double-cliquez sur cela et sélectionnez coin supérieur et augmentez le rayon à deux. Parfait. Et puis je vais le faire pivoter vers la gauche de 90 degrés et le réduire à huit pixels. Super. Et puis nous allons contrairement à sa taille et augmenter le avec 2 10 C'est assez bon. Et maintenant, nous allons élire les deux formes. Grande les alignait verticalement. Comme vous pouvez le voir, il est 19 et ici 18 mais nous devons changer la taille de ce rectangle. Nous devons augmenter sa hauteur d'un grand, et maintenant il est 19 et 19 donc il a été positionné juste au centre, et puis c'est un comme les deux et changer leur couleur orteil blanc. Et je vais utiliser le syndicat pour en faire une forme combinée. Génial Et enfin, ajoutons quelques ombres. Donc, diminuons son tout loin à 10. Et c'est pourquoi à quatre et c'est Blair à 10 ont raison. C' est plutôt bon. Nous avons aussi besoin d'une année d'imposition. Alors écrivons moins cinq pour cent. Et je vais changer la taille de la police à 12 et l'aligner au centre verticalement et horizontalement. Super. Et maintenant, allons les regrouper et appeler ça Bobbo Perfect. Et puis je vais le positionner ici et le réduire à 50 x 31 pixels. Alors mettons-le ici. Super. Donc, chaque fois que l'utilisateur clique sur l'un de ces Barnes cette bulle boiserie assez bon. Et maintenant, nous allons regrouper tous ces éléments. Alors, nous allons élire décharge et aussi cette bulle et puis cette carte et est les nombres grands et les regrouper et la carte de déclaration Collett. Impressionnant. Je pense que c'est une bonne idée d'augmenter la taille du texte ici dans notre bulle. Alors allons de l'avant et l'aligner au centre et aussi l'augmenter à 10. Maintenant c'est visible, je suppose. Plutôt bien. Bon, maintenant il est temps d'aller de l'avant et de concevoir notre prochain tableau. Donc ici j'ai besoin d'un autre numéro comme celui-ci. Alors continuons et copions-le et collons-le ici, et je vais le réduire à 15. Parfait, et le rembourrage gauche va être 17 et son rembourrage supérieur devrait être 15. Super. Alors maintenant, passons à 10.2 k et puis j'ai besoin d'une autre taxe comme celle-ci. Donc, copions-le et collons-le ici, et je vais augmenter sa taille à 14 et le changer pour qu'il soit normal. Et changeons la ligne Salut à 10. Parfait. Et il est laissé. Les combats vont être de 17 grands, et nous devons changer la hauteur de la ligne des enjeux aussi à 19. Maintenant, nous pouvons voir que nous avons un haut de quatre pixels, en ajoutant, Alors faisons-le trois. C' est plutôt bien. Cette fois. Je vais aller de l'avant et créer une sorte de soin des lignes, donc je vais utiliser Victor Tool et voici mon point de départ. Ensuite, je vais cliquer ici et le faire glisser d'une manière ou d'une autre comme ça, et c'est cliquer ici et ici. Parfait. Maintenant, allons de l'avant et augmentons la frontière avec 1.5, et je vais changer ses extrémités pour celle-là. Vous voyez la différence. Il va faire son tour, ce qui est assez bon. Et après cela, changeons la couleur de la même orange. Si nous avons ici, assurez-vous d'être cohérent dans votre conception. Je vais le déplacer vers le bas et nous avons besoin d'un autre chemin. Donc, créons un même point de départ ici et c'est la fin, comme ce parfait à nouveau changé la bordure avec 1.5, et il se termine à celui-ci, et vous pouvez changer sa couleur à deux c D neuf et C cinq. Impressionnant. Et nous avons besoin d'une autre voie. Donc, créons le même point de départ ici et ici. Super. C' est changer sa bordure avec 1.5 ainsi et sa couleur au même jaune que nous utilisons pour notre graphique à barres. Plutôt bien, alors que sélectionnez-les tous et regroupez-les, et je vais appeler ça « menteur ». Super. Cependant, je vais changer son avec 2 116 son faux et puis que sélectionner notre carte et les aligner horizontalement. Comme vous pouvez le voir, nous avons 17 à gauche et 17 à droite, et nous devons en avoir 16 à partir du bas parfait. Et maintenant, regroupons ces éléments ensemble. C' est parfait et pour notre prochaine carte, nous avons besoin de tous ces éléments. Alors allons de l'avant et copions et collez les réservoirs. Super. Et nous allons changer les premiers chars à 1,2 K et le prochain à commenter. Ce sera le numéro de nos commentaires. Et puis je vais créer un autre chemin dans un commencé à partir d'ici et s'est terminé ici quelque chose comme ça. Parfait et changé la bordure avec 1.5 ainsi. Et cette fin au milieu et encore je vais utiliser ce jaune Parfait pour ces charges. Je vais utiliser quelques cercles. Créons certains d'eux sur les frontières tchèques et ajustés à si 80 à 6 A et F neuf Grand, que l'échelle vers le bas à trois pixels. Impressionnant. Je vais le dupliquer et les mettre au hasard ici, ici, ici, juste là. Et certains d'entre eux ici. Et c'est regrouper ces éléments maintenant avec nos cartes et aussi ces textes, et ce sera notre groupe de commentaires. Parfait. Ensuite, assurez-vous de l'alignement. Nous devons donc regrouper ces éléments et ça s'appelle aussi la charge couchée. Et comme vous pouvez le voir, nous en avons 17 à gauche, 17 à droite, et nous devons en avoir 16 à partir du bas. Impressionnant. Bon, pour notre prochaine carte, allons-y et encore. Copiez et collez ces éléments ici. Il sera 17 à gauche et 15 au sommet. Je vais aller de l'avant et changer le sommet, en ajoutant la taxe aussi longtemps que ça devrait être. 15. Et celui-là aussi. Maintenant, c'est génial, alors ça a changé ce chiffre à 255 et changer ces taxes, aussi. Nouveau disciple. Et encore une fois, créons un autre chemin et a commencé à partir d'ici année. Nous ne nous soucions pas de ce genre de frais de ligne et finissons ici. Parfait. Changeons la bordure avec 1.5 et changez la fin à celle du milieu et changez également la couleur de la bordure à cette orange assez bonne. Et maintenant, nous allons sélectionner notre chemin et changer son avec 2 116 Grande. Mettons-la en ligne au centre Perfect. Et maintenant, nous allons avoir 26 à partir du bas et nous allons les regrouper et l'appeler nouveau follower Awesome. Et pour la dernière carte qui sélectionne ces éléments et copiez-la. Et changeons ce nombre à 190 et cela prend deux messages. Il va afficher le nombre de messages que l'utilisateur a reçus. Et ici, nous avons besoin d'un autre graphique à barres. Donc je vais aller de l'avant et le couper coller une de ces colonnes année après, nous allons les réduire. 29 pixels et je vais sélectionner le jaune et le mettre ici avec un seul titre de sélection auto . Et puis je vais faire un clic droit sur cette transformation, retourner verticalement. Super. Et je vais mettre son juste là comme ça. Ok, allons les regrouper et dupliquer avec un rembourrage de six pixels. Super. Maintenant, diminuons la hauteur de la barre de paix orange sur à 26. Et aussi ce jaune, 2 16 et encore une fois dupliqué et réduit ce orange 20 et le jaune à 12. Et encore une fois, nous devons le réduire à 14 et ce un orteil huit et encore, celui-ci laisse le faire huit et le jaune 1 à 4. Et à partir de maintenant, nous devons inverser la place de ces orange et celle jaune. Ok, alors nous allons dupliquer et faire un clic droit, transformer, fuir présentable et changé la couleur de cette orange, un au jaune et ce jaune à l'orange parfait et à nouveau les dupliquer et augmenter leur taille. Par exemple, cette orange 1 à 18. Et ce jaune 12 22 le dernier, l'orange à 22 le jaune à 31. Plutôt bien. Voici donc notre tableau à barres. Alors changeons le nom. Et comme vous pouvez le voir, notre bon rembourrage est 19. Donc, nous devons en faire 17. Comment pouvons-nous faire ça ? Nous pouvons facilement augmenter l'avec de deux. Cependant, nous devons le mettre à l'échelle. Ok, donc ici, écrivons 116 et sélectionnons cette carte et alignez-les horizontalement. On y va. Et 26 en bas. Tu vois à quel point c'est génial ? Maintenant ? Je vais faire quelques changements pour les rendre plus beaux. Je pense qu'il vaut mieux déplacer ce graphique linéaire un peu vers le haut. Ça va être 20 au fond. Et aussi celle-là qui le remonte. 22. Le fond. Maintenant, c'est génial. Donc, regroupons ces éléments aussi et appelons-le des messages. Parfait. Ça a été trop. Je sais, Cependant, il est nécessaire de savoir comment créer ce genre d'éléments par vous-même. D' autre part, peut utiliser la ressource gratuite est sur Internet, ou vous pouvez en acheter un, mais il est essentiel de savoir comment le créer par vous-même. D' accord. J' espère que vous apprécierez cette vidéo, et je vous verrai dans la prochaine vidéo. 87. Onboarding: Salut, tout le monde. Bienvenue à une autre vidéo de la section dans ces vidéos. Nous allons concevoir les pages d'embarquement. Qu' est-ce que l'embarquement ? En fait, lors de l' embarquement est la première impression de votre application. Il fonctionne comme un visuel sur la boxe hors de l'application que vous concevez, il est donc essentiel d'y prêter suffisamment d'attention. Nous ne partageons pas. Je le fais. Eh bien, commençons. Tout d'abord, je vais aller de l'avant et dupliquer le tableau d'art et ça a changé son nom pour, hum, embarquer un. Super. Et nous allons presque supprimer tous ces éléments parce que nous n'en avons pas besoin. C' est juste garder l'indicateur de la maison. Et puis je vais changer le collier des arrière-plans. Comme il peut le voir, nous avons un rectangle ici qui l'a changé en 41 35 F 3. Super. De quoi d'autre avons-nous besoin ? Nous allons mettre une illustration ici et aussi des attaques sous ça et un sous-marin plus serré là-bas . Et à la fin, nous devons mettre deux choses un indicateur de page et aussi un bouton suivant juste là. Donc, vous pouvez soit utiliser vos propres illustrations ou vous pouvez utiliser des illustrations gratuites Il y a un très bon site Web qui est appelé sur Draw That CO laissez-moi vous montrer que vous pouvez trouver tant illustrations pour vos projets. Et la bonne nouvelle, c'est qu'ils sont tous libres. Donc, si vous ouvrez le médicament sur ce CO et que vous allez à la section illustration, vous pouvez y voir tant d'illustrations ici dans presque toutes les catégories que vous pouvez penser. Ok, Cependant, vous pouvez également rechercher ici, disons application. On y va. Vous pouvez voir combien de belles illustrations il y a. Par exemple, celui-ci que vous allez utiliser dans notre projet et bien plus encore. Vous pouvez également changer le collier principal de ces illustrations. Par exemple, changeons-le en jaune. Super, et vous pouvez facilement vers le bas avec eux au format SPG et aussi PNG. Donc, nous ne allons pas le télécharger dès maintenant parce que je l'ai déjà mis dans l'actif plus complet et vous pouvez y accéder facilement. Alors allons-y et amenons-les ici. Là, nous allons illustrations et ici nous avons payé Run page deux et la page trois. Alors glissons et déposez le 1er 1 On y va. Sa taille sera de 250 par 192. Mettons-le juste là-bas et c'est le rembourrage supérieur va être 130 assez bon. Ensuite, nous avons besoin des chars pour mettre son juste sous notre illustration. Alors allons-y. Prenez et partagez vos souvenirs et je vais aller de l'avant et changer leur plaisir pour Monserrat. C' est et aussi changer la voie aux grands et aussi la taille du fonds à 24 points. Fantastique. Et nous allons changer le avec 2 307 et aussi l'aligner au centre. Parfait. Il arrête d'ajouter, va être 68 grand et nous allons le dupliquer. Et je vais changer le chemin vers Regular et aussi la taille de la police à 19. Et cela a changé la couleur pour être six b un f f f génial. Et ici, écrivons. Instagram est un service de réseautage social de partage de photos et de vidéos. Plutôt bien. Ça a changé un avec 300. Bon, et maintenant nous allons de l'avant et changer le fonds pour SF Pro Display huit et aussi la ligne haute à 28. La prochaine chose dont nous avons besoin est un indicateur de page Alors allons de l'avant et créons un ce dont nous avons besoin. Tout d'abord, il est autour de lui. Laissez-moi sur les frontières tchèques et je vais changer son avec 2 22 et son haut à cinq grands. Et changeons la couleur en blanc. Et puis c'est dupliqué et mettez-le juste là. Et faisons-en un cercle, qui est cinq par cinq. Super, nous avons un rembourrage de quatre pixels. Nous en avons besoin d'un autre parce que nous avons trois pages. Fantastique. Alors nous allons les regrouper et l'appeler indicateur génial. Et je vais l'aligner au centre. Et sélectionnons les deux cercles et changeons leur couleur à la même couleur que nous avons ici . Les parfaits ont raison. Et maintenant, vérifions l'espacement. C' est Tom. Le rembourrage va être 127 super, et la dernière chose dont nous avons besoin est un ex Martin. Alors allons de l'avant et amenons notre fond ici à partir de notre page d'inscription parce que nous ne allons pas le créer une fois de plus. Et allons-le ici. La seule chose que nous devons faire est de décocher les ombres parce que nous n'avons pas besoin d'elles. Et aussi changeons la couleur en blanc et changeons la couleur de notre flèche à 41 35 F trois assez bon. Et maintenant, nous allons le réduire à 40 par 40. Super. Et c'est le rembourrage du bas va être pour les trois ici. Impressionnant. C' est plutôt bon. Alors maintenant, il est temps d'aller de l'avant et de créer notre prochain fatal. C'est double notre tableau d'art et a changé son nom en un peu d'embarquement. Ensuite, je vais supprimer ces illustrations et apporter la prochaine page deux. Super sur. Changeons sa position à 63 et 145 assez bon. Et puis je vais aller de l'avant et changer le texte. Alors allons-y. Partagez vos histoires avec le monde fantastique et aussi ici. Changons-le pour partager vos photos, vidéos et histoires avec le monde en un rien de temps. D' accord, la prochaine chose que vous devez faire est de changer l'endroit de ces indicateurs, alors allons de l'avant et changer l'endroit du premier rectangle sans premier cercle génial et assurez-vous qu'ils sont alignés au centre C'est plutôt bon. Et encore une fois, nous allons dupliquer ce tableau d'art et changer son nom en attribuant trois. Ça va être notre dernière page. Grand qui a supprimé ces illustrations et apporter le dernier parfait. Et il est X va être 77 le pourquoi. Faisons son 143 parfait et les attaques que je vais écrire, est notifié n'importe où et n'importe quand et les x deux suivants. Vous serez immédiatement informé des nouvelles publications et histoires. Impressionnant. Et allons de l'avant et changeons la place de nos indicateurs. Là, nous allons assez bien et nous assurer qu'ils sont alignés au centre. D' accord, on a presque fini. Cependant, nous devons faire la dernière chose, qui est en train de changer. Ces Barton ensemble démarré bouton parce que c'est notre dernière page. Alors, nous allons élire notre fond ici. Et contrairement à la taille et a changé le avec 2 111 Grand titre dans le centre, et je vais supprimer ces flèche et créer un texte et droite commencer. Super. Changeons la taille du téléphone à 14 points et aussi sa couleur à 41 35 F trois grands, et nous allons l'aligner au centre à la fois verticalement et horizontalement. Comme vous pouvez le voir, un titre mûr n'est pas égal à notre rembourrage gauche. Nous devons donc augmenter d'un le nombre de notre tango CE. Faisons le 112 et maintenant tout est fait. Ensuite, nous allons les regrouper et commençons à le faire. Parfait, c'est vrai, les gars. Soyez enfin terminé notre premier projet ensemble et j'espère que vous avez vraiment apprécié. C' était un voyage en ligne. Cependant, je suis presque sûr que ça en vaut la peine. J' espère que tu aimes cette vidéo et je te verrai dans la prochaine vidéo. 88. Types de logo: Bonjour, tout le monde dans cette section, nous allons concevoir notre logo. Et aussi dans ces vidéos, nous allons parler de sept fois différents hors conception de logo. Donc, sans plus tarder, commençons. Le premier type local est appelé Monogram ou vous pouvez dire des marques de lettre. Ici, nous avons différents logos comme exemples, tels que HBO, qui signifie Home Box Office. Comme vous pouvez le voir ici, nous avons des lettres Onley, donc elles sont en quelque sorte épelées et représentent leur entreprise. Le deuxième type est appelé Ward Marks ou, disons, les heures locales, ils sont en fait similaires à un point de lettre. Cependant, prix Mark se concentre sur un seul nom d'entreprise, comme Google, Canham ou Jeep. Le type local suivant est appelé marques locales abstraites comme Pepsi, Nike ou BP. Comme vous pouvez le voir ici, fait, une marque abstraite est un type de logo pictural, et le type local suivant est appelé marques picturales ou logos symboles comme le logo Apple à Eater et d'autres marques célèbres. En fait, une marque picturale est simplement une icône qui représente les caractéristiques de l'entreprise. Le type local suivant, ces mascottes logos sont des logos qui impliquent un personnage illustré selon 99 dessins dot com. Si vous voulez obtenir plus d'informations sur les heures locales et comment vous devriez les utiliser, vous pouvez vérifier là-bas. Excellent article sous le site Web. Le type local suivant est les marques de combinaison, et c'est l'heure locale que je vais vous apprendre comment vous pouvez créer dans ce type de logo. Vous pouvez trouver une lettre combinée avec une illustration ou une forme spécifique. Et enfin, Emblem Logo est un logo emblème se compose d'une police à l'intérieur du symbole ou d'une icône comme le logo Starbucks . Très bien, merci beaucoup d'avoir regardé cette vidéo dans la prochaine série de vidéos. Ils vont créer quatre logos différents ensemble, alors assurez-vous de télécharger le projet de démarrage parce que j'ai déjà préparé les couleurs pour vous . Afin de gagner du temps, vous pouvez télécharger l'amende à partir de la section Resource is de la prochaine conférence 89. Concevoir notre premier logo: Salut, tout le monde. Bienvenue à une autre vidéo de cette section. Dans ces vidéos, nous allons concevoir notre premier logo ensemble en fait, ce logo que je vais créer à l'est pour une application financière, qui s'appelle l'argent. C' est intéressant, non ? Donc, nous ne le faisons pas très. Allons commencer. Première chose de rechange. Je vais mentionner que nous n'allons pas créer un logo complexe, parce que dans ce cas, nous avons besoin d'un cours complet pour couvrir ce sujet. Cependant, je vais vous montrer la puissance du croquis et de la combinaison de formes de base ensemble. Donc, tout d'abord, allons de l'avant et insérons autour d'elle ici. C' est tellement méchant Grand qui a augmenté leur avec tout droit, Parfait. Et je vais sur les frontières tchèques. Permettez-moi d'augmenter le avec plus grand et puis nous allons le dupliquer et ce qu'il est juste là-bas . Parfait. Et l'espace va être 20$ sélectionnés, deux couches et cliquez sur la différence. Ce que je vais faire est de secouer ces case à cocher et laisser les frontières de jarret grande et augmenter la frontière avec 2 10 Grande ! Et je vais utiliser le Grady int ici pour notre premier logo. Chaque aller et celui-ci assez bon et laissez-moi augmenter le avec. Et puis si je vais là-bas et que je clique sur cette icône, vous pouvez voir que nous avons choisi la différence. Je vais le changer en union. C' est beaucoup mieux, et ça change sa taille. Pour voir à quoi ça va ressembler, c'est juste. Et augmentons le avec assez bon. Tu vois le M que nous venons de créer ici ? C' est plutôt génial. C' est génial. La prochaine chose que je vais faire est de changer la direction de notre sauce. Je pense que ce sera mieux parfait. Et puis balayons notre forme combinée vers le bas à 65 pixels par 64 Je vais zoomer moyenne et nous avons besoin d'un texte parce que nous allons créer une marque de combinaison. Laissez-moi donc diminuer la taille de la police à 30 et l'argent droit. Ensuite, je vais changer le fonds en tant que pro, arrondi, grand et aussi il est beaucoup trop léger, précédent, génial et des options Tex. Je vais capitaliser mon texte ici comme ça, et aussi augmenter le nombre de caractères, qui est l'espace blanc que nous avons entre nos personnages. C' est l'augmenter à Fine. C' est génial. Et puis je vais ajouter une touche parce que je vais avoir une note. Ian est en fait le même Grady int que nous utilisons pour notre logo. Parfait. On y va. C' est plutôt cool, n'est-ce pas ? D' accord, la prochaine chose qu'on doit faire, c'est l'alignement, OK ? Parce que nous augmentons le montant de notre personnage ici. Nous ne pouvons pas les aligner correctement. D' accord ? Comme vous pouvez le voir, nous avons ces espaces blancs ici. Alors, quelle est la solution ? peut pas faire quelque chose hors cours que vous pouvez. En fait, si vous sélectionnez ce texte et allez de l'avant et faites un clic droit sur ce calque, vous pouvez avoir l'option Contours du convertisseur. Et si vous pouviez prendre ce croquis va convertir nos chars en un contour, ce qui est génial. Bien sûr, à partir de maintenant, nous ne pouvons pas le changer ou le modifier, et nous n'en avons pas besoin. Ok, donc maintenant nous pouvons sélectionner notre forme et aussi notre texte et nous aligner horizontalement. Super. Et le titre supérieur sera 16. Fantastique. Laisse-moi regrouper ça et appeler ça la couleur de l'argent. Ok, parce que nous allons créer une version différente de ce logo plus tard. Ok, laisse-moi le mettre ici. Parfait. Alors maintenant, nous allons créer une autre version de ce logo nous couleur gris foncé arriver. Donc je vais dupliquer son importé ici. Génial. Permettez-moi de sélectionner notre forme et de changer la qualité Ian's à une couleur unie et de choisir trois ee trois ee et trois e grand. Et aussi choisissons notre texte. Ou ici, nous avons notre contour et changeons le champ en une couleur unie et choisissez le même gris foncé que nous utilisons pour notre forme combinée. C' est fantastique. Tu n'aimes pas ça ? Pouvez-vous voir à quel point il est simple de concevoir un logo créatif ? Nous combinons simplement des formes simples. Ou maintenant, je vais les réduire. Parfait. C' est 96 sur 83. Super. Nous avons donc créé avec succès notre premier local ensemble dans la prochaine vidéo. Nous allons créer un autre logo si simple à créer. Donc je vous verrai dans la prochaine vidéo 90. Concevoir notre deuxième logo: Hé, tout le monde, bienvenue à une autre vidéo de cette section. J' espère que vous allez bien dans ces vidéos. Nous allons concevoir notre deuxième logo ensemble, qui est une lune. Donc, sans plus tarder, commençons. Comme vous pouvez le deviner, nous avons besoin d'une autre forme. Alors allons-y. Un insert, un cercle. On y va. Et je vais sur les frontières tchèques. Parfait. Ça a changé les champs au début, gris, et je vais le dupliquer. Super. Laissez-moi le changer pour quelque chose de plus léger que vous pouvez voir. Et puis je vais déplacer ces cercles comme ça et sélectionner les deux ours et cliquer dans Soustraire Awesome. Pouvez-vous voir comment rapidement être créé notre lune ? C' est plutôt cool. La prochaine chose que je vais faire est d'ajouter une ombre intérieure à manger. Alors allons de l'avant et cliquez sur l'ombre intérieure et changez sa couleur à cette vie gris, génial. Et diminuez le Blair à zéro et changez la position Y à deux et l'exposition à un. C' est plutôt cool. Et de quoi d'autre avons-nous besoin ? Votre droit. Nous avons besoin du texte. Alors ici, écrivons Moon et encore une fois je vais aller de l'avant et capitaliser ça et le mettre ici puis que nous avons réduit nos formes combinées à 60 par 68 mettre juste là. Et maintenant, changeons la couleur de notre texte pour le même gris foncé que nous avons ici. Et après ça, je vais convertir notre texte en plan. Alors faisons un clic droit là-bas, convertissez les contours impressionnants et sélectionnez nos formes combinées ou notre lune. Allons les aligner au centre, et ça va avoir un rembourrage de 16 pixels. Plutôt génial. Regroupez-les et bougeons. Très bien pour le slow go. Je voulais juste créer une version parce que ça va être répétitif. Donc, si vous le souhaitez, vous pouvez aller de l'avant et utiliser votre propre créativité et choisir des couleurs étonnantes pour cela. Mais pour l'instant, je vais mettre fin à cette vidéo, et dans la prochaine vidéo, nous allons concevoir un autre logo simple ensemble. Alors voyez-vous que 91. Concevoir notre troisième logo: Salut, Ron. Bienvenue à une autre vidéo de la section dans ces vidéos. Nous allons concevoir notre troisième logo ensemble. Ce logo est appelé étonné. OK, donc je vais créer une lettre,bien sûr, bien sûr, avec des formes. Alors qu'en pensez-vous ? J' ai besoin de ton droit. J' ai besoin d'un triangle. Alors, insérons un. Génial. Je vais tellement méchante. Ensuite, je vais sur les frontières tchèques et double-cliquer sur notre triangle. Et sélectionnons tous ces points et augmentons le rayon comme ceci. Plutôt génial. Et c'est différent de la taille, parce que je vais augmenter la hauteur à 148. Super. Et encore une fois, je vais double-cliquer sur ces formes et maintenir la touche Maj. Et ici, vous pouvez voir un point apparaît. Tu vois ça ? Je vais cliquer ici et une touche de maintien en acier et le faire glisser et le déposer comme ça. Génial. Et puisque ce point est sélectionné, je vais augmenter le rayon à 40. Super. Donc vous pouvez probablement voir la forme a ici, mais nous avons besoin d'une chose de plus. Ok, laisse-moi insérer autour. D' accord ? Et je vais le sentir avec du blanc. Mettons-le ici et diminuons sa hauteur. 40 et il est en ligne au centre assez bien. Maintenant, il est temps de changer la couleur de notre triangle. OK, alors allons de l'avant et cliquons et couleur rayonnante, et nous allons utiliser l'int Grady. Je vais choisir ces couleurs, et ça a changé la direction plutôt bien. Alors regrouperons ces formes, non ? Étonné. Et de quoi d'autre avons-nous besoin ? Nous avons besoin d'un fonds. Étonné. Et puis c'est capitaliser tout comme les autres logos. Et je vais utiliser une seule couleur pour ceux-ci, qui est ce jaune Grand. Ensuite, réduisons notre forme à 110 pixels. Et après cela, nous devons convertir notre texte sur l'énergie de contour, aligner notre forme au centre. Super. Et ici, les caresses vont être huit. Parce que comme vous pouvez le voir, nous avons cet espace blanc ici. Donc je pense que maintenant on peut les regrouper. Et ici, nous pouvons écrire, étonné et finalement patiné à 100 par 121 et le mettre juste là. Nous avons seulement besoin de cette version colorée. C' est plutôt bien. D' accord. J' espère que vous apprécierez cette vidéo. On va mettre fin à cette vidéo maintenant. Et dans la prochaine vidéo, nous allons concevoir notre dernier local ensemble. Alors voyez-vous que 92. Concevoir notre ancien logo: Hé, tout le monde, bienvenue à une autre vidéo de ce cours dans cette vidéo. Nous allons concevoir notre dernier logo, qui s'appelle Lapin. C' est intéressant, n'est-ce pas ? Donc ce que je vais faire, c'est créer une forme simple, qui est comme un lapin. OK, pas exactement, cependant, ça va transmettre le message, et je vais utiliser les deux couleurs pour ça. Alors créons ça ensemble. Tout d'abord, c'est insérer autour d'elle. Super. Comme vous pouvez le voir, j'ai choisi de petits coins ici. Augmentons un peu le rayon. Maintenant c'est parfait 49 ici nous avons 132 par 130 pour choisir des chansons, puis sur Czech Borders. Et c'est choisir ce Liping comme la peau de notre visage de lapins. Ensuite, nous devons créer les années. OK, alors insérons un cercle comme ça. Je vais zoomer méchant sur les frontières tchèques, parfait et dupliqué. Mangez et mettez-le juste là. Diminons l'espace à moins 30 et puisque les deux hors d'eux sont sélectionnés, peuvent se croiser. Génial, pouvez-vous voir ? Vous venez de créer la première année ? C' est plutôt bien. Et laissez-moi augmenter la taille à 38 pixels, puis j'ai besoin de la faire pivoter de 15 degrés. Si vous maintenez la touche Maj, vous pouvez obtenir ces 15 degrés facilement parfait. Et laissez-moi le dupliquer et le mettre juste là et une fois de plus tourné ici au positif 15 ou à droite. Et l'espacement sera nul comme ça. Et puis définissons la couleur au rose foncé. Ok, c'est plutôt cool. Je vais les regrouper et sélectionner ces formes ainsi et les aligner assez bien. La prochaine chose que je vais créer soulager ses yeux. Ok, donc j'ai besoin d'un signe de tête autour de ça. Laissez-moi glisser et déposer ici, diminuer le rayon, aussi. 15 sur les frontières tchèques et choisissez le même rose foncé ici et réduisez sa taille à 18 pixels par 18 pixels. Et mettez-le juste là avec un cap de 30 pixels sur le dessus. Nous allons le dupliquer. C' est comme les deux hors d'eux. Regroupez-les et sélectionnez notre visage et alignez-les au centre. Impressionnant. L' espace blanc entre eux est de 24 pixels. Elle est géniale, et nous n'avons pas besoin d'autres détails ici. Cependant, la dernière chose que je vais créer, c'est une sorte d'ombres pour ne jamais faire ce logo de deux D. Écoute, trois d. Ok, donc j'ai besoin d'un cercle comme celui-ci qui est sur les frontières tchèques. Ensuite, nous allons ajouter un Grady dedans ou écrire la première couleur va être ces rose foncé assez bon. Et c'est utiliser la deuxième couleur et encore une fois, le même ping sombre. Cependant, cette fois, nous devons diminuer le tout beaucoup trop zéro. Impressionnant. Alors je vais le faire tourner comme ça sur Élisons notre visage. Notre cercle et notre forme de visage sont sélectionnés Le masque anglican assez bon. Maintenant, je peux personnaliser la position du cercle, donc je vais le mettre ici et me laisser diminuer la capacité à 40%. C' est plutôt cool. Pouvez-vous voir à quel point il est incroyable et beau facilité ? La dernière chose que nous devons faire est d'ajouter un texte. Alors allons-y, lapin. Cependant, cette fois, je vais changer la police. Deux mois. Sarit, on y va. Et une fois de plus c'est capitaliser parfait et changer sa couleur pour ce rose foncé et nous avons besoin de regrouper sont des éléments votre et la forme de lapin collège, et il a fait peur jusqu'à 74 pixels par 121 et le mettre ici. Ensuite, je vais aller de l'avant et convertir ces textes en plan après papa. Sélectionnons notre forme et alignons-les au centre. Et le titre supérieur sera 16. Plutôt bien. Appelons ce groupe Lapin. Je vais le réduire à 96 pixels et le mettre juste là. D' accord, les gars. Nous avons créé notre logo final ensemble. Au total, nous avons créé quatre logos différents et j'espère que vous avez réalisé à quel point la combinaison des formes est puissante . J' espère que vous apprécierez cette vidéo. Vous pouvez télécharger le projet final à partir de la section de la ressource est de cette conférence. Je te verrai dans la prochaine vidéo. 93. Introduction à Adobe Photoshop: Bonjour, tout le monde. Bienvenue dans une autre section de ce cours dans cette section. On va parler d'Adobe pour le magasin. Bien que je l'ai mentionné précédemment, c'est Adobe pour la boutique n'est pas un bon logiciel pour la conception de l'interface utilisateur. Il est bon d'être familier lu à l'avant l'environnement de la boutique et aussi les bases de la boutique photo pour préparer nos images parfois ou même éditer nos amendes. Donc, dans la prochaine vidéo, nous allons commencer notre leçon avec les environnements d'Adobe pour le spectacle. On se voit alors. 94. Environnement d'Adobe Photoshop: Salut, tout le monde dans ces vidéos, on va parler de l'environnement sur Adobe. Donc, sans juste, je le fais. Ouvrons notre Je ne le fais pas avant que le magasin n'ait raison. Comme vous pouvez le voir, j'utilise Adobe pour la version de la boutique. Voyez un six. Peu importe la version que vous utilisez en ce moment, parce que nous allons nous concentrer sur les bases de Lee. Et je peux vous assurer que presque les éléments Onley sont les mêmes dans toutes les versions. Mais ce serait génial d'utiliser une version américaine aussi. Donc, voici un autre avant la boutique, nous pouvons diviser cet environnement en différentes sections. Par exemple, sur votre gauche, vous pouvez voir qu'il y a le panneau Outils. D' accord ? Et ici, il y a tous les outils dont nous avons besoin pour éditer nos images ou même créer un design graphique. Et sur votre droite, vous pouvez voir qu'il y a plus de panneaux. Par exemple, nous avons ici le panneau de couches, qui est l'un des panneaux les plus importants chez les adultes avant le magasin. Et aussi, nous avons des couleurs de réglage, etcetera. OK, mais le panneau le plus important ici est le panneau Outils. D' accord. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. Et dans la prochaine vidéo, nous allons parler des bases de l'adulte avant le magasin et de la façon dont vous pouvez utiliser ces outils. Alors on se voit dans la prochaine vidéo. 95. Les bases d'Adobe Photoshop: Salut, tout le monde. Bienvenue à une autre vidéo de ce cours dans ces vidéos. On va parler des bases d'Adobe pour le spectacle. Comme je l'ai mentionné dans la vidéo précédente, nous allons utiliser différents panneaux. Comme je l'ai mentionné dans la vidéo précédente, Un autre avant les magasins tels que les outils, couches de panneau, les couleurs , le réglage, etcetera. Mais la première chose est de rechange. Nous avons besoin d'une toile ou disons, d'une page pour commencer notre projet avec. Pour ce faire, vous pouvez soit aller au dossier Anchalee, n'est-ce pas ? Ou vous pouvez appuyer sur Commande à la fin sur Maxie Stems ou Control et N sous Windows. Et ici, comme vous pouvez le voir, il y a une fenêtre où vous pouvez choisir la dimension de vos mots d'art. Par exemple, ici, nous pouvons définir le avec 2 1920 assurez-vous qu'il est réglé sur les cellules de pointe et le haut à 10 80 . Et comme vous pouvez voir les cellules de pointe et je vais changer la résolution à 72 parce que c'est suffisant pour l'ordinateur et un mode Connor, nous devons le définir sur RVB parce que nous allons présenter ce projet sur ordinateur ou sur écran. Ok, donc, voir pourquoi K est utilisé à des fins d'impression. D' accord. Et je peux aller de l'avant et cliquer sur. OK, et on y va. Votre tableau d'art est prêt. Je n'ai pas défini de nom spécifique pour ça, mais assurez-vous de définir votre nom de désir. Et maintenant, nous allons parler du panneau des outils. Comme vous pouvez le voir ici, nous avons différents outils et différentes sections. Celui-ci est appelé Move Toe, et il est destiné à déplacer des objets ou des éléments sur votre toile ou vos tableaux d'art. Et le suivant est l'outil de sélection. D' accord. Par exemple, permettez-moi de créer une nouvelle couche ici. Si vous souhaitez créer un nouveau calque, vous pouvez facilement accéder à la section du calque et cliquer sur cette icône de calque. Comme vous pouvez le voir, nous venons de créer une nouvelle couche. Et puis je vais utiliser l'outil de sélection afin de sélectionner une zone spécifique comme celle-ci, et je peux le sentir avec n'importe quelle couleur que je veux. Donc, si je veux changer la couleur, je peux cliquer sur cette section et je peux choisir ces grippe et me laisser choisir le pinceau pour le remplir . Et maintenant avec cet orteil de mouvement, je peux facilement déplacer cela tout droit, l'outil suivant est appelé sélection pour ok. Et chaque outil contient des outils cachés. Ok, Comme vous pouvez le voir, il y a une petite flèche en bas, coin droit de tous les outils spécifiques, et vous pouvez voir qu'il y a quelques outils cachés ici qu'il peut choisir. L' outil suivant est appelé lasso magnétique. D' accord. Et c'est aussi pour la sélection. Vous pouvez facilement sélectionner une zone spécifique, accord ? Et vous pouvez séparer votre section de désir de cette image spécifique pour la sélection. Vous pouvez appuyer sur commande et D ou contrôler les fenêtres sur et ici aussi, vous avez différents derniers outils afin. Et voici la baguette magique. Ok, c'est pour la sélection que les habitants dessinent aussi, afin qu'il puisse sélectionner une zone spécifique par magie. Et le sel suivant, c'est la culture. C' est pour recadrer vos pores d'art ou votre image. Et le suivant est la pipette. Vous pouvez donc choisir une couleur spécifique sur une photo ou un élément. D' accord. Et ces outils sont pour retoucher. D' accord. Comme vous pouvez le voir, ils ont pinceau de guérison spot , outil de brosse , Pashtu, etc. Et puis on a des pinceaux. Par exemple, je peux choisir la couleur rouge ici Comme vous pouvez le voir, je peux peindre librement ici. Et si je fais un clic droit, je peux changer la taille et aussi la dureté de ma brosse. Ok, l'outil suivant s'appelle Clone Stamp. Donc, en retouchant aussi, nous ne travaillons pas beaucoup avec cela. Et puis nous avons l'histoire, pinceau, outil et un rasoir que vous pouvez effacer votre peinture ou même une zone spécifique d'une image. Ensuite, nous avons Grady int comme ça et Blair pour brûler une image ou une partie spécifique d'une image. Et c'est l'outil Dodge, et c'est pour modifier la luminosité d'une zone spécifique d'une image. Ensuite, nous avons le panto, qui est un outil très important dans une porte avant le magasin et avec outil pan. Vous pouvez sélectionner une zone spécifique avec précision. Ok, Et puis si je clique avec le bouton droit ici, je peux effacer peut faire la sélection, le rayon d'alimentation va être zéro, et c'est cliquer sur. OK, on y va. Donc maintenant, si je choisis l'outil de brosse, je peux le sentir avec la couleur rouge comme ceci, et le suivant est l'outil de frappe pour taper et créer du texte. Vous avez différentes options. Ici, vous avez un type présentable, temps vertical à type horizontal, masque et outil de masque de type verity. La plupart du temps, nous utilisons horizontal Type 2 et son outil de sélection de chemin. On ne va pas utiliser ça beaucoup. Et puis l'outil rectangle arrondi est pour créer différentes formes. Par exemple, je peux créer autour de l'objet comme ceci. Ensuite, je peux faire une sélection avec un clic sec, et maintenant je peux le sentir avec n'importe quelle couleur que je veux. Comme ça. L' option suivante est l'outil manuel, et c'est pour le panoramique. Vous pouvez également le présenter en retirant de l'espace sur votre clavier, et ensuite nous avons le zoom d'accord pour zoomer moyenne et zoom arrière. D' accord, les gars. Maintenant, nous allons nous concentrer sur la section de calque pour voir ce que nous avons là. D' accord ? Comme vous pouvez le voir, nous venons de créer une nouvelle couche. Et comme je l'ai mentionné précédemment, chaque fois que vous voulez un nouveau calque, vous pouvez facilement cliquer sur cette icône, et cela crée un nouveau calque pour vous. Vous pouvez changer le nom des calques en double-cliquant sur son nom, et vous pouvez le changer pour savoir si vous voulez que cela change pour vous, j'ai parfait. Et maintenant, je vais créer une autre forme ici avec les outils de sélection. On y va, et je peux me promener. Si vous voulez masquer un calque, vous pouvez cliquer sur cette icône comme dans l'esquisse. Et rappelez-vous que l'ordre de placer vos couches est si important dans d'autres avant le magasin . Ok, donc ici le u est au-dessus de ce rectangle arrondi. Donc, si je le déplace au-dessus de ce rectangle, vous pouvez voir la différence. Donc je vais changer la couleur pour la rendre plus claire comme ça. Vous pouvez également changer l'opacité ici de 0 à 100% et l'autre chose importante dans oh , avant que la boutique soit la fenêtre temporelle des couches. Donc, nous allons double-cliquer sur ce votre calque. Et comme vous pouvez le voir, une fenêtre apparaît, qui est appelée côté couches. Et ici, vous avez différentes options pour coiffer votre couche, par exemple. Ici, nous avons des options de fusion par défaut, par exemple, qui peut changer l'opacité et le mode fade. Ici vous avez ces options à droite dans ces swing Go ainsi que vous pouvez le voir, vous avez beaucoup d'options ici vous avez course par exemple, je peux changer la couleur au rouge et augmenter la taille que vous avez. Ombre intérieure. Vous avez une couleur lueur intérieure sur le lac, rayonnante et bien plus encore. Ok, vous avez aussi de l'ombre portée ici. Comme ça. Très bien, les gars, merci beaucoup d'avoir regardé ces vidéos. J' espère que ça vous a plu. Et dans la prochaine vidéo, nous allons parler de l'utilisation d'Adobe pour vous faire des achats supplémentaires sur la conception UX. Alors, à vous voir. 96. Adobe Photoshop pour l'UX Design UX: Salut, tout le monde. Bienvenue à une autre vidéo de discours dans ces vidéos. Nous allons parler de l'utilisation d'Adobe pour la boutique pour vous sur ux design. En tant que jeune concepteur UX, vous devrez peut-être modifier vos images afin de les utiliser correctement dans votre projet. Ok, donc il y a des modifications que vous ne pouvez pas faire dans le croquis, et c'est une bonne idée de les traiter dans une porte avant le spectacle. Ok, donc dans cette vidéo, je vais vous apprendre comment vous pouvez utiliser une porte avant le magasin pour éditer vos images. Ok, donc sans plus tarder, ouvrons notre idole avant le magasin. D' accord ? Comme vous pouvez le voir, j'ai téléchargé une image de cette chaussure de cendres unspool qui viennent pour vous montrer comment vous pouvez séparer n'importe quel objet de sa banque autour dans adobe pour la boutique. Ok, alors supposons que vous concevez une application d'achat et que nous avons besoin d'avoir des chaussures dans nos listes de courses, OK, donc dans ce cas, il est préférable de séparer cette chaussure de son arrière-plan et ensuite enregistrez-le en tant que PNG cinq , puis importé dans votre esquisse. D' accord ? il y a donc différentes façons de le faire. Vous pouvez utiliser différents outils de sélection. Par exemple, vous pouvez utiliser la baguette magique comme ceci. Cela fonctionne dans quelques exemples, mais tout d'abord, laissez-moi vous montrer quelque chose. Comme vous pouvez le voir, cette couche s'appelle « banque ronde », d'accord ? Et on ne peut rien faire quand il est verrouillé. Donc l'énergie sur comme ça, vous pouvez double-cliquer. Et le tueur, par exemple, définit un nom. Peu importe ce que c'est. Vous pouvez le mettre sur chaussure, et maintenant il est déverrouillé pour que vous puissiez faire des changements, et je vais cliquer et supprimer comme ça. Comme vous pouvez le voir, nous n'avons pas de sac par ici. Cependant, vous devez vous assurer que l'arrière-plan a été complètement supprimé. Par exemple, ici, comme vous pouvez le voir, vous avez un espace blanc, donc nous devons encore sélectionner cet espace blanc et cliquer sur supprimer comme ceci. Maintenant, afin de vous montrer quelle est la différence ici, je vais créer un nouveau calque. Appelons ça BG comme notre tour de banque, et je vais la déplacer juste en dessous de notre couche de chaussures et pressons commande a ou contrôle et fenêtres. Et puis c'est choisir une couleur différente. Par exemple, celui-ci et appuyez sur l'option Supprimer. On y va. Comme vous pouvez le voir, nous pourrions facilement changer la couleur des arrière-plans. Ok, donc je peux également supprimer l'arrière-plan et l'enregistrer en tant que fichier PNG et l'importer dans le croquis et l'utiliser afin que vous puissiez avoir plus de possibilités de travailler avec cette image. Mais il y a certaines images que vous ne pouvez pas utiliser la baguette magique facilement pour séparer votre objet spécifique de l'arrière-plan. Ok, laisse-moi annuler ces processus. Dans ce cas, vous pouvez utiliser d'autres outils. D' accord. Par exemple, vous pouvez utiliser le lasso magnétique comme celui-ci, et vous pouvez sélectionner votre objet facilement et parfaitement. Vous pouvez également utiliser l'outil plume, qui est la meilleure option possible car vous pouvez obtenir une sélection précise de votre objet. Cependant, cela prend plus de temps. Et ici, après avoir sélectionné deux points différents, vous devez maintenir la touche d'option et appuyez sur ce point comme ceci et sélectionnez un nouveau point et scie. Ok, d'accord. Maintenant, je vais vous montrer un autre exemple d'utilisation d'Adobe shop pour modifier vos images. Parfois, vous devrez changer la couleur de votre produit. Ok, donc tout d'abord, laissez-moi choisir la banque et enlever ça comme ça, et supposons que je vais changer la couleur de cette chaussure. D' accord ? C' est un peu difficile parce qu'il fait trop sombre. Cependant, je vais l'essayer. D' abord. Créons un nouveau calque. Ensuite, je vais sélectionner tout le tournage. Comment pouvons-nous faire ça ? Nous pouvons maintenir la touche de commande et clip undies Square ici et comme vous pouvez le voir déjà sélectionné . Assurez-vous ensuite que vous avez sélectionné le nouveau calque et changez de couleur différente. Par exemple, la couleur bleue. Choisissez ensuite l'outil Pinceau. Ok, comme ça, on va peindre tout ça comme ça. Maintenant, il semble étrange, mais en une minute, vous pouvez voir à quel point cette technique est incroyable. Donc, comme vous pouvez le voir ici, nous avons deux couches différentes. Ok, nous avons la moisissure fade et nous avons différentes options. Si vous sélectionnez la couleur, vous pouvez voir qu'il s'agit d'objets. La couleur a été parfaitement changée. D' accord. Et c'est fantastique parce que parfois vous en tant que concepteur U I, j'ai besoin d'avoir différentes versions sur un produit spécifique, mais il n'est pas disponible sur Internet afin que vous puissiez créer le vôtre. Supposons maintenant que vous voulez changer sa couleur à autre chose et que vous voulez voir comment des centaines d'options au lieu de choisir chaque couleur un par un. J' ai une bonne solution pour vous. Si vous allez aux ajustements, vous pouvez voir que nous avons différentes options. D' accord. Cependant, si vous le pouvez, nous pouvons teindre la saturation. Vous pouvez changer la teinte facilement et comme vous pouvez le voir, la couleur est éteinte, notre chaussure change instantanément. C' est incroyable, n'est-ce pas ? Et pour enregistrer vos fichiers, vous pouvez simplement appuyer sur commande shift et s. Et puis ici vous pouvez définir le nom, par exemple chaussure. Ensuite, vous pouvez choisir le format spécifique dont vous avez besoin ici. Nous avons beaucoup de formats. Cependant, lorsque vous voulez utiliser cette image sans arrière-plan, vous devez choisir PNG. D' accord. Merci. Vous pouvez économiser. D' accord. Et c'est fait. Maintenant, nous pouvons importer le fichier PNG de thèse dans votre projet d'esquisse. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. 97. Projet 2 - Application de financement: Salut, tout le monde, bienvenue à une autre section des scores dans cette section. Nous allons concevoir une application financière moderne à partir de zéro ensemble. Voici donc ce que nous allons concevoir. Nous devons concevoir 24 écrans différents ensemble. Comme vous pouvez le voir, nous commençons par l'écran de lancement, puis bien conçu une page d'accueil et aussi la page de signature. Comme vous pouvez le voir ici, la page d'inscription ainsi Et après Dante va concevoir la page de vérification OTP. Comme vous pouvez le voir ici, nous avons trois pages différentes pour cela. La première page oublie le numéro. La deuxième page est lorsque l'utilisateur entre dans l'OTP, et la troisième page est lorsque le bas est actif. Et après cela, nous allons concevoir le profil et aussi la forme complète de notre profil ici comme un précepte. Et puis nous créerions notre page d'accueil avec ces graphiques là-bas. Et après cela, nous avons notre menu hamburger ici avec cinq sections de menu différentes. Et puis nous nous dirigeons vers notre page de cartes et nous concevrons deux voitures différentes ici la première et la seconde tout le monde ici. Et aussi, nous allons concevoir certaines transactions comme celles-ci, comme vous pouvez le voir. Et puis ici, nous avons la page des transactions bien conçu pour différents écrans pour notre transaction. Comme vous pouvez le voir, nous avons ici une voiture que l'utilisateur peut rechercher et trouver la transaction spécifique. Et quand ces cartes seront abaissées, nous aurons cet écran, qui nous montre le détail de nos dépenses. Et puis ici, nous avons l'écran de transfert va créer ces numéros pat ensemble et tous ces éléments. Et après cela, nous avons la page de confirmation, comme vous pouvez le voir, puis la page de notification. Ici aussi, nous avons au moins des notifications avec différentes photos avec des noms différents. Ici. L' utilisateur peut rechercher parmi ces notifications, et aussi nous avons le profil ici avec ces sensations fiscales et belles couleurs. Et enfin, vous allez concevoir trois pages d'embarquement différentes pour notre laboratoire. Comme vous pouvez le voir, c'est plutôt sympa. Je suis tellement excité de commencer à concevoir ce projet ensemble. Pour démarrer ce projet, vous devez télécharger les ressources que j'ai déjà préparées pour vous, et vous pouvez l'obtenir à partir de la section Resource is de la conférence Assets. Merci beaucoup d'avoir regardé cette vidéo. Je reçois la prochaine série de vidéos 98. Écran de lancement: Salut, tout le monde. Bienvenue à une autre vidéo de discours dans ces vidéos. Nous allons commencer le processus de conception de notre application financière ensemble. La première page que nous allons concevoir est l'écran de lancement. D' accord. Donc, sans pour moi, commençons par ajouter un tableau d'art à votre, nous avons besoin d'un iPhone Xs génial. Ce que je vais faire est si simple. Je vais mettre le logo de l'argent que nous concevons dans la section locale ensemble parce que le nom de cette application va être de l'argent. C' est intéressant. Alors allons-y et amenons-le ici. Quand tu ouvres le cul, c'est bon. Vous pouvez trouver trois différentes icônes de Fuller ici, illustrations et logo. Donc ici, je vais ouvrir le logo et on a celui-là le logo coloré. Super. C' est 96 sur 77. C' est fantastique. Permettez-moi de l'aligner au centre à la fois avec ressentiment et verticalement. Et je vais changer le nom de notre œuvre pour lancer l'écran. Parfait. D' accord, on est fini. Nous venons de créer notre écran de lancement. Tu te souviens ? Lorsque vous concevez l'écran de lancement, ne mettez pas autant d'éléments dessus, OK ? Il doit être simple, clair et attrayant. Ici, nous avons un logo très attrayant et coloré, et aussi son simple parce que l'APP va montrer cette page pour seulement 1 à 2 secondes à l'utilisateur. Ok, donc on n'a pas beaucoup de temps pour mettre autant d'informations. Juste un logo simple serait génial, sont juste dans la prochaine vidéo que nous allons concevoir sont la page de signature, donc je vais voir que. 99. Se connecter à page: Salut, tout le monde. Bienvenue à une autre vidéo de ce cours dans ces vidéos. Nous allons concevoir la page de signature ensemble après un écran de lancement. Nous avons besoin de la page d'accueil ici, d' accord, pour laisser les utilisateurs choisir entre signer et s'inscrire bas. Cependant, tout d' abord, je vais concevoir la page de signature, et après cela, nous reviendrons à notre page d'accueil. Dupliquons ce grand écran, et je vais supprimer notre logo parce que nous n'avons pas besoin de ça. Et ça a changé son nom pour signer. Puis juste en haut. Je vais mettre notre logo et aussi droit. Bienvenue de retour. D' accord. Cependant, tout d' abord, je vais créer quelques cercles simples afin de faire de grands et beaux éléments à mettre juste là. Ok, alors allons de l'avant et insérons un sirop malade comme ça, et je vais le faire 352 par 352. C' est sur Czech Borders, et je vais l'adapter avec un gris. Ce n'était pas parfait. Le premier collier va être 50 à 64 f neuf, et la deuxième couleur est un bleu clair, qui est trois a f neuf et e f génial. Alors laissez-moi changer la direction de notre Grady int. Faites-le comme ça sont en ce moment je vais le dupliquer et mettre le deuxième cercle juste dessous de notre premier cercle. Permettez-moi de le déplacer vers la droite afin de le faire avec double. Et puis ça a changé la note en deux. F 56 et F huit ont raison et la deuxième couleur à voir cherche 30 et f huit. Ok, alors je vais changer la direction de notre grade. Ian est là comme ça, et après ça, je vais sélectionner cette couleur et diminuer l'offre à zéro. Impressionnant. Laissez-moi le déplacer un peu comme ça, et je vais changer la direction un peu comme ça. Parfait. Alors nous en avons besoin d'un autre. Alors dupliquons le et mettez-le juste en dessous de notre deuxième cercle ou à droite. Et nous devons changer le Grady int une fois de plus pour voir sept deux F et F huit et l'autre couleur va être la même assez bonne. J' ai besoin de changer la direction de notre Grady int à quelque chose comme ça et nous allons le déplacer un peu et ces deux-là aussi. Nous devons changer leurs vacances afin d'obtenir les meilleurs résultats possibles. Cela peut prendre un certain temps. Laisse-moi déplacer un peu le troisième cercle. Aussi, cette année, nous allons élire le premier cercle et changer sa position à moins 74. Et c'est pourquoi, à moins 84. C' est génial dans le 2ème 1 à moins 43 moins 56 et le dernier à Tous maintenant je vais faire pivoter de moins 45 degrés. Alors écoutons à droite moins 45. Et puis changeons son X deux moins 85 il va à moins 179. Vous vous demandez peut-être comment j'ai pu obtenir ces chiffres étranges. En fait, il faut du temps pour obtenir le meilleur emplacement possible. Donc, pour gagner votre temps, je change leurs vacances tant de fois pour obtenir ces chiffres. Donc, vous, pour devenir un grand designer, avez besoin d'avoir de la patience pour obtenir les meilleurs résultats. C' est comme ça que j'ai eu ces chiffres, accord ? Et puis je vais aller de l'avant et apporter notre logo blanc ici. Comme vous pouvez le voir, j'ai exporté une trouvaille Pdf ici. Apportons la Terreur. On y va. C' est une version ponctuelle de notre logo ou droit. Il est à gauche. Patting va être 52 et il est stop cap va être 64. On a besoin d'un texte ici. C' est vrai. Bienvenue de retour. On avait le fonds Monserrat. Le poids va être régulier, et aussi la taille de la police va être de 28 points. Parfait. Et maintenant, diminuons le avec à 136. Impressionnant ! Et nous allons l'aligner avec notre logo Perfect, et son rembourrage supérieur va être 16 cellules de sélection comme ça. Alors on peut les regrouper. Et ici, on ne peut pas le logo ? Impressionnant pour l'espace. Nous n'avons cependant pas besoin de barre d'état . Nous avons besoin de l'indicateur de la maison, alors allons-y et insérez sa pomme. Je délivre I barres indicateur de la maison iPhones et ici portrait de lumière, Mettons ici, la ligne il ou ressent tôt et l'aligner au fond assez bon. La prochaine chose dont nous avons besoin est un titre, donc je vais aller de l'avant et ajouter le titre de signature ici. Faisons en gris foncé avec le code trois a trois a et trois a et je vais le rendre audacieux et ce sera les mêmes 28 points. Plutôt génial. Maintenant, le rembourrage de gauche va être 30. Super. Je vais regrouper nos cercles. C' est vrai, les formes sont assez bonnes. Et notre top tapotant pour le titre de signature sera 16 comme ça. Ensuite, nous avons besoin d'impôts se sent comme l'instagram de cela. On a redessiné. Si vous le souhaitez, vous pouvez le copier et le coller ici afin de gagner du temps. Ou vous pouvez utiliser ce projet comme une bibliothèque pour utiliser les mêmes éléments que nous utilisons leur. Cependant, je vais le créer tout de suite parce que ça ne prend pas tellement de brillance. Donc, ce dont j'ai besoin est un titre qui est bonne adresse e-mail et changer le fonds pour SF texte pro , puis a diminué la taille de police à 14 points et aussi changer la couleur de taxe à neuf B neuf et B neuf, et il va être assez régulier génial. Mettez-le ici avec le rembourrage de 30 pixels gauche et puis je vais le dupliquer. Et ici, nous allons écrire l'adresse e-mail. C' est vrai. Conception. C' est un média unique qui va changer la couleur en gris foncé que nous avons utilisé pour notre titre de signature. Impressionnant. Et enfin, nous devons créer nos prises. Ce n'est pas si je vais insérer une ligne ici comme ça. Ça va être 345 et on en a 315 et on arrive au centre. Donc, ici, on a 30 à droite. 32. La gauche. C' est exactement ce dont nous avons besoin. Et puis nous allons changer la couleur à 27 43 f de. C' est notre collier principal pour ce projet. Le titre supérieur de nos Symantec sera de 16 pixels, comme nous l'avons fait ici. Et aussi le rembourrage inférieur va être huit. Alors faisons-en huit génial. Et puis c'est le groupe, c'est ça ? Adresse e-mail et dupliqué parce que nous avons besoin du mot de passe prend sentir aussi bien avec un rembourrage de 24 pixels, et je vais changer ces titre pour passer et ce ciment à certains cercles noirs, retenir la touche d'option et appuyer sur huit nombre parfait. Maintenant, permettez-moi de changer le nom de notre groupe ici en mot de passe. Alors, de quoi d'autre avons-nous besoin ? Votre droit. Nous avons besoin de différentes icônes ici. Nous avons besoin d'une icône en teck et aussi d'une icône d'œil pour ces passé pour champ fiscal. Alors ouvrons nos icônes, Fuller. Ici, nous avons le teck, et ici nous avons le je assez bon que nous l'avons mis ici. Et celui-là, je vais mettre l'icône de coche Teoh notre dossier d'adresse e-mail et puis nous allons l'aligner. Il va être 16 en bas et 16 à droite. Et pour ces je aussi longtemps, laissez-moi le mettre dans le passé premier Fuller 16 en bas et 16 à droite. Plutôt bien. Et la couleur de cette icône de tique va être CB trois e f neuf. C' est notre couleur secondaire, non ? Donc maintenant, nous allons dans un sentiment fiscal à la fois et les regrouper et je vais le nommer. Ça prend des sensations. De quoi d'autre avons-nous besoin ici ? Je vais ajouter un lien de mot de passe oublié. Donc, nous allons écrire pour le mot de passe de Dieu un point d'interrogation et changer sa couleur pour être 47 et F c, qui est notre couleur primaire, comme nous l'avons utilisé pour ces textes se sent lignes génial. Son fonds va être un pro sûr, arrondi et aussi léger, et sa taille va être de 16 points. Secouons le rembourrage. Il devrait être 30 à gauche et 24 au sommet comme ça. La seule chose qu'on a à faire est d'ajouter un bouton de signature ici. Donc maintenant, nous devons insérer autour d'elle. Permettez-moi de changer le avec 2 315 et haut à 72 puis sur Jake Borders et a changé le rayon. Le temps aux petits virages et en augmentant à 28 comme ça, je vais aligner au centre. Plutôt génial. Ensuite, nous devons ajouter un grand dedans. Alors utilisons les couleurs. Le 1er 1 sera 49 60 et f 9, et le 2ème 1 sera 14 33 et f f grand. Permettez-moi de changer la direction de notre Grady int ici et aussi ici comme ça. Impressionnant. Ensuite, ajoutons quelques ombres. Je vais choisir le même bleu ici et diminuer son tout pour 2 20 et changé le Y 28 et le Flou à 15. C' est plutôt génial. Ensuite, nous devons ajouter un texte qu'elle signe. Laisse-moi changer la couleur et changé le fonds pour Mont Sarah il. Et puis je vais changer la taille de la police à 20 points, et aussi ça va être irrégulier. Cela peut l'aligner au centre verticalement assez bon. Comme vous pouvez le voir, nous avons 24 pixels vers le haut et 24 pixels vers le bas, et nous devons également avoir 24 picks sur la gauche. De quoi d'autre avons-nous besoin ? Votre droit. Il nous faut une flèche droite pour la mettre juste là. Alors amenons-le ici, faites glisser la flèche droite et déposez-la. Mais c'est juste là, et puis c'est l'aligner verticalement. Super. Nous avons 24 pixels vers le haut et 24 pixels vers le bas et aussi vers la droite. En fait, c'est génial en ce moment, cependant, je vais ajouter quelques détails à notre bas afin de le rendre unique et incroyable. Donc, ce que je vais faire est d'ajouter cercle droit ordre et nous allons sur les frontières tchèques et faire 144 par 144 pixels. Super. Et puis ça. Sélectionnez le cercle en maintenant la touche de commande enfoncée et en cliquant dessus. Et ici, dans notre couche, moins nous pouvons faire un clic droit dans, Cliquez sur copier Stein. Ok, alors nous allons utiliser le cercle et encore une fois, droit Cliquez et coller I. C'est génial. Après ça, je vais tourner de 90 degrés comme ça et le mettre juste étaient là. Ensuite, électionnons notre rectangle et donnons un coup de pied à un masque. Plutôt génial. Ça peut le bouger un peu. Je vais changer la direction de ces Grady ins comme ça, et laissez-moi le dupliquer et le mettre juste là. Et encore une fois, c'est choisir le premier cercle et copier le style parce que vous allez utiliser le même grade Ian's ici et le coller pour notre deuxième sirop malade. Et je vais changer la direction comme ça et mettons cette couche sous notre cercle violet assez génial. Je vais le bouger un peu, et aussi celui-là. Je pense que c'est génial. Pouvez-vous voir à quel point il est beau ? Nous ajoutons simplement des formes simples. Nous pourrions le faire paraître beaucoup, beaucoup mieux que de regrouper nos éléments tous ensemble et de l'appeler signer en bas. Il est rembourrage inférieur va être 64 comme ça sur C'est tout ce qu'il a créé avec succès sont la page de signature sont correctes. J' espère que vous apprécierez cette vidéo. Dans la prochaine vidéo, nous allons continuer à créer nos pages de signature ainsi que la page d'accueil. Alors, à vous voir. 100. Connectez-vous et inscrivez-vous à la page Partie 2: Salut, tout le monde. Bienvenue à une autre vidéo de cette section dans ces vidéos que nous allons concevoir sont la page de bienvenue les autres pages de signature et aussi notre signer une page donc sans, car je fais nous allons commencer. Tout d'abord, je vais déplacer ces illustrations sur le côté droit et nous allons les dupliquer et laissez-moi les amener ici. Impressionnant. Et puis je vais changer de nom pour accueillir Great. Supprimons ces éléments parce que nous n'en avons pas besoin. Parfait. Et puis je vais sélectionner notre groupe Shapes. Et faisons peur à Lee 970 assez bien, et puis je vais le faire tourner de 28 degrés. C' est génial. La dernière chose que nous devons faire est de changer sa position. Réglons les oeufs à moins 595 et un y tu moins 581. C' est génial. Alors, de quoi d'autre avons-nous besoin ? Nous avons besoin d'un autre bouton ici pour signer une page et laissez-moi la déplacer un peu vers le haut et je vais la dupliquer et la mettre juste là. Il va avoir un 16 pics L rembourrage assez génial et je vais changer les dossiers. Nom à inscrire, bouton. Oups. Nous devons changer ces dossiers. Et celle d'Emma ? Eh bien, j'ai écrit signe en bas. Je dois le changer pour signer. Super. Et pour ces boutons, je vais vérifier les champs et aussi les ombres. Et vérifions les frontières. Rappelez-vous, lorsque vous mettez deux boutons différents comme ces boutons de signature et de signe de boutons que nous avons ici, vous devriez utiliser deux types de boutons différents. Par exemple, ici, nous allons avoir sur un bouton de contour pour notre signe un bouton, accord. Et enlevons les cercles parce qu'on n'en a pas besoin. Et je vais changer la couleur de notre orteil frontière, notre couleur primaire, qui est 27 43 F d. Laissez-moi copier ces codes hexadécimaux parce que j'en ai besoin, et je vais changer ces techniciens pour m'inscrire. Permettez-moi de changer sa couleur à notre couleur primaire aussi. Et aussi, je vais changer la couleur de notre flèche à la même couleur primaire. Fantastique. Et nous allons comme les deux bas et les déplacer vers le haut parce que nous avons besoin d'un rembourrage de 64 bas. Comme ce qu'on avait ici. C' est 64. Parfait. Ce sera notre page d'accueil. On a besoin d'une nouvelle page de signature ici, alors laissez-moi la dupliquer. On a besoin d'une nouvelle page de signature ici, Et cette fois, je vais révéler ces mots de passe. Ok, donc je vais changer les tableaux d'art. Nom du mot de passe de signature. Super. Et changons ces mots de passe pour quelque chose comme toi, je n'en n'importe quel 20. Et nous devons également changer ces icônes. Alors amenons notre nouveau, je peux entendre mes boîtes et nous devons chercher que je me cache. On y va. Je vais le mettre juste là et enlever l'icône précédente et ce siège. Cet écran est également prêt. Maintenant, nous allons concevoir deux signes de pages différents. Ok, alors laissez-moi dupliquer cette page de dédicace, accord ? Et je vais changer son nom pour m'inscrire. Impressionnant. Et allons de l'avant et changeons son titre pour s'inscrire aussi. Et aussi ce bouton, vous devez le changer pour vous inscrire et n'oubliez pas de changer le nom de Fullers ici pour vous inscrire bouton. Plutôt bien. Cette page est également prête, et la dernière page va être un autre signe de page. Cependant, cette fois, vous allez modifier l'état de ce champ fiscal. Ok, ça a changé le nom des ports d'art pour s'inscrire. Dash aviron email. D' accord, laisse-moi zoomer. Donc, ici. Je vais modifier cette adresse e-mail pour quelque chose comme ça. D' accord ? Certainement. C' est la mauvaise adresse. Et ce que nous allons faire est de changer la couleur de l'adresse e-mail du titre et aussi de notre ligne de champs de texte en couleur rouge. Ok, alors nous allons élire notre titre. Et je vais te changer en f 27 27. Super. Et aussi sélectionner le texte se sent neuf et changer le savant frontière à F D 27 27. La dernière chose dont nous avons besoin est un texte informatif ici. Ok, alors laissez-moi ajouter des prises ici et à droite, l'adresse e-mail est incomplète. Impressionnant. Je vais changer son chemin vers la lumière et aussi sa taille pour un 13. Plutôt bien. Ça peut l'aligner à gauche, et je vais le mettre dans notre adresse mail, Fuller, qui est ici, et ensuite on pourra s'aligner parfaitement. Il va avoir un rembourrage en pixels. Impressionnant. Et nous allons choisir ces champs de texte sur. Aussi oublié passé pour le texte et déplacez-le vers le bas. Vous aurez 24 choix. L haut ajoutant, comme ça Maintenant, tout va bien. Si vous le souhaitez, vous pouvez aller de l'avant et concevoir différents états hors de n'importe quelle sensation fiscale. Cependant, pour le bien de ces cours, nous allons juste concevoir deux états différents, accord ? Et nous avons besoin d'un écran de plus ici, qui est l'état de frappe. Ok, alors laissez-moi dupliquer la signature d'une page. Super. Et je vais changer le nom de nos ports pour m'inscrire en tapant. Alors ce qu'il nous faut, c'est un clavier. Alors allons de l'avant et insérez une pomme je usu. Je système claviers iPhone, et je vais utiliser la lumière. Et là, alphabétique, je vais le mettre juste là. Plutôt cool. Alors maintenant, nous allons élire ces éléments sont signe de titre et aussi nos champs de texte et les déplacer comme ceci. Notre cachette est 299. Je vais faire 300 comme ça, et nous devons aussi ajouter un marqueur de saisie de texte. Ok, donc ce qu'il nous faut, c'est juste ajouter une ligne comme celle-ci. Je vais le changer à 19 et aussi sa bordure avec 1,5 et sa couleur à la même pourpre ici. Et laissez-moi le déplacer comme ça, et je vais le mettre dans notre passé pour les textiles. Fuller. On y va. Comme ça, assez bien. Je vais changer quelque chose ici. Élisons ces textiles et déplacez-les jusqu'à ce que nous obtenions un haut de 24 pixels. Super. Et maintenant, nous allons élire nos champs de texte et notre titre et les déplacer vers le bas jusqu'à ce que nous obtenions un top 311 se cachant comme ça. Je pense que c'est génial. Nous pouvons également prévisualiser Eat this. Tout est juste pour concevoir avec succès nos pages de signature et d'inscription ainsi que notre page d' accueil. Donc, dans la prochaine vidéo, nous allons concevoir nos pages de vérification OTP. J' ai hâte de te voir là-bas. Alors voyez-vous que 101. Vérification OTP: Salut, tout le monde. Bienvenue dans une autre vidéo de ces cours dans cette vidéo. Nous allons concevoir ensemble nos pages de vérification OTP. Donc, sans plus tarder, commençons. La première chose Spurs, nous avons besoin d'une nouvelle œuvre d'art. Laisse-moi aller de l'avant et dupliquer la page de bienvenue ici, et je vais la mettre là où ils vont garder nos caméras organisées comme ça. Et nous devons supprimer ces formes et aussi ce logo et aussi notre bouton d'inscription. Je vais insérer le statut tout juste en haut. On y va, et je vais l'aligner vers le haut et me laisser mettre cette chanson en bouton ici. On doit le changer plus tard. Alors, quoi sert la vérification OTP ? OTP signifie mot de passe unique. Ok, donc nous devons obtenir le numéro d'utilisateur, et ensuite nous devrions envoyer un code de passe, par exemple, un mot de passe à quatre chiffres, puis l'APP doit le confirmer. Nous allons donc concevoir trois pages différentes pour cela. Les premières choses vont. Laissez-moi aller de l'avant et changer. Ce sont des ports nom à OTP. Super. Et puis je vais mettre une illustration juste là. Alors ouvrons le dossier des illustrations de notre fichier assets. On y va. Ici, nous avons OTP. Parfait. J' ai téléchargé cette illustration du site Andhra. Comme je l'ai déjà mentionné, vous pouvez l'obtenir gratuitement. Ensuite, nous allons l'aligner horizontalement et il s'arrête. Combattre va être vous 100 comme ça et je vais aller de l'avant et copier et coller ce titre ici parce que nous avons besoin des mêmes fonds dans la même couleur et une ligne dans le centre et aussi ici. Ensuite, le changement, la taille de la police à 24 points et la vérification OTP droite Assez bon. Il va avoir un rembourrage de 60 pixels comme ça et laissez-moi le dupliquer et le changer. Il est amusant de taille à 16 points et aussi de taureau à régulier et la ligne haute à 24. Alors, allons-y. Nous vous enverrons en un seul mot de passe à ce numéro de téléphone portable. D' accord ? Et puis je vais diminuer le avec 2 310 et une ligne dans le centre parfait. Et ça va avoir un pic de vente de 24 meilleurs combats comme ça. Ensuite, nous avons besoin d'un champ de texte ici et aussi d'un titre. Donc, nous allons à droite fin son numéro plus bile, et je vais changer le fonds pour texte SF Pro et aussi sa taille à 14 points et la couleur à un gris clair. C' est vrai. B neuf b neuf et neuf assez bien aligner au centre et nous avons besoin du champ fiscal ici. Je vais donc choisir le même champ de prises que nous avons créé pour notre page de signature. Permettez-moi de le sélectionner et de le copier et de le coller ici. Et puis je vais te faire 233 et il est aligné vers le centre et le déplacer vers le bas. Nous avons aussi besoin d'un numéro ici, alors nous allons le dupliquer. Et ici, vous pouvez écrire n'importe quel nombre. Alors allons-y. Plus 49. +111222333 Ok, Et nous allons le rendre audacieux et changé un collier le même gris foncé ici. Et nous devons également augmenter la taille du fonds à 18 points par ligne dans le centre. Il va y avoir 24 pixels de haut combat, alors rendez-en 24 assez génial. Et sélectionnons tous ces éléments. Regroupez-les à droite, plus de nombre de bile. Et maintenant, il est temps de créer notre nouveau fond ici. Ok, je vais faire quelques changements pour le rendre unique. Tout d'abord, je vais supprimer ces icônes et sélectionner ces textes et notre tango rec et aligner au centre Perfect. Alors, allons-y. Prends OTP assez bien. Encore une fois l'aligner. Et enfin, nous allons changer la position de ces formes. OK, je vais sélectionner ce bleu et le mettre là où il se déplace. Je vais le faire tourner comme ça. Parfait. Et sélectionnons le 2ème 1 et mettez-le ici et faisons pivoter aussi vers la droite pour obtenir quelque chose comme ça. C' est génial, n'est-ce pas ? Et je vais changer le nom de Fullers pour obtenir OTP. Barton, laisse-moi déplacer ce bleu un peu vers la gauche et ce violet tous les petits être vers le bas et vers la gauche. Maintenant, c'est génial. Maintenant, il est temps de vérifier le rembourrage sur place. Il doit avoir un rembourrage inférieur de 64 pixels, alors faisons-le 64. Et maintenant tout est fait. Bon, maintenant il est temps de créer notre deuxième page ici, alors laissez-moi dupliquer ici et je vais l'appeler vérification OTP. Alors ça a changé ces taxes aussi. Entrez aussi dans le sable OTP. Ce numéro. Ok, c'est vrai. Plus 49 +111 222 et 333 Ensuite, sélectionnez ce nombre et faites-le en gras. Parfait. Et nous devons supprimer ces éléments qui entrent dans mon titre de bois et aussi ce numéro. Cependant, nous devons garder cette ligne de conduite. Donc, sélectionnons-le et faisons-le pour les huit comme ceci et créé du texte. Par exemple. Écrivons sept et changeons le fonds en texte SF pro et augmentons la taille à 24 points. Impressionnant que sélectionner les deux éléments et les aligner. Ça va avoir un pic de vente à propos d'avoir un impact comme ça. Regroupez-les et ici nous avons besoin d'écrire un champ de texte. Ensuite, c'est dupliqué trois fois. Nous allons ajouter un rembourrage de 24 pixels entre eux. Ok, comme ça, parfait. Je vais les regrouper, aligner au centre et le texte droit ou TP se sent. Alors ça a changé ces chiffres. Je vais changer le 2e 123 et aussi supprimer ces deux parce que nous allons désactiver Thies à la taxe se sent bien comme l'utilisateur est en train de taper. Donc je vais changer la couleur de ces bordures pour être 9 B 9 et 9 B 9 assez génial, et je vais le déplacer vers le haut. On va avoir 58 Peak, vendre des rembourrages supérieurs et avoir une taxe ici. Allons, n'a pas reçu l'OTP renvoyer OTP. D' accord, je vais changer la taille de police à 14 points et aussi une ligne dans le centre et puis que sélectionner la première partie de cette phrase et changer la couleur pour être neuf bénigne, bénigne et sélectionnez la deuxième partie, qui est renvoyer OTP et vous changer à notre couleur primaire, qui est 27 43 F d. C'est fantastique. Alors, remontons-le. Il va avoir un haut de 40 pixels, ajoutant, comme ça et enfin, on va changer les Spartiates. Ça change deux. Très bien. Cependant, comme vous pouvez le voir, l'utilisateur n'a pas terminé les réservoirs, se sent OK, donc ce bouton va être désactivé. Comment pouvons-nous faire ça ? Nous allons sélectionner notre masque ici sur qui est dupliqué, puis les films directement vers le haut comme ça, nous devons changer l'int Grady pour sentir et nous allons le rendre blanc et diminuer la capacité à 40% assez génial. Et aussi, allons choisir nos réservoirs où trouver et diminuer l'opacité à 50% assez grand, non ? Tu vois la différence ici ? Très bien, ces pages sont faites aussi. Il nous faut une page de plus. Alors, dupliquons ça et je vais compléter ces ressentiments fiscaux. Laissez-moi dupliquer ce numéro. Mettez-le juste là et alignez-le jusqu'au centre. Et je vais le mettre dans son propre dossier. Changons-le à zéro Impressionnant. Et aussi une fois de plus dupliqué. Mettez-le ici, alignez-le et mettons-le dans son propre plus complet et change-le à deux. Maintenant, nous devons changer la couleur de nos lignes. OK pour la même couleur primaire comme ça. Et le dernier mais non le moindre, émis de l'eau d'activateur. Ce que nous devons faire est de supprimer ce calque supplémentaire ainsi que d'augmenter la capacité de notre texte à 100%. C' est fantastique. Et laissez-moi changer le nom de nos ports en OTP Verify. D' accord les gars, c'est tout pour cette vidéo. J' espère que vous l'avez apprécié et je vous verrai dans la prochaine vidéo 102. Profil: Salut, tout le monde. J' espère que vous allez bien dans ces vidéos. Nous allons concevoir deux écrans différents. Le premier écran est notre profil, et le 2ème 1 est notre page de profil complétée. Donc on n'entend pas que je le dise. Allons commencer. Tout d'abord, nous devons dupliquer ce tableau d'art, et je vais changer son nom en profil. Impressionnant. Ensuite, nous devons supprimer presque tous les éléments ici parce que nous n'en avons pas besoin. Cependant, je vais garder ce bouton juste là. Ensuite, je vais aller de l'avant et insérer le tango dressé comme fond comme ça. Parfait. Alors c'est sur Czech Borders, et je vais le sentir. Nous serions un grand n'a pas fait. La première couleur va être 49 60 et f neuf, et la deuxième couleur va être 1937 f e génial. Et laissez-moi changer un peu la direction. Ça va faire comme ça. Parfait. Ensuite, nous allons rendre notre barre d'état et aussi notre indicateur d'accueil blanc. Donc je vais le changer pour celui-ci et aussi ici. Parfait. De quoi d'autre avons-nous besoin ? abord, nous avons besoin d'une flèche gauche pour notre navigation. Alors amenons-le ici à partir de nos icônes de fichiers d'actifs. Et ici, nous avons laissé Arrow Dragon Drop it. Plutôt essayer de commander. Comme le miso signifie que ça va avoir un rembourrage de 30 pixels à gauche et aussi un ajout de 68 dessus, comme ce parfait. Ensuite, nous avons besoin d'un espace réservé d'image ici. Ok, alors insérons autour de tout le décalage et cliquez et faites glisser. Impressionnant. Il va être 100 par 100 pixels et changer le rayon Temps pour fumer les coins et a également changé le montant à 36 puis sur les frontières tchèques et le rendre blanc. Parfait. Maintenant, il est temps de vous aligner au centre pour est entièrement Ensuite, je vais le dupliquer et mettre notre nouveau calque juste en dessous de notre première couche comme ceci. Et je vais te changer en bleu parce qu'on doit changer la couleur en bleu aussi. Et la couleur va être 40 c e f 2. Impressionnant. Ensuite, faisons pivoter. Et ici, nous allons écrire 38 degrés assez bien sur. Maintenant, nous allons élire le Tueur le bleu et changer sa taille à 104 et en alignant au centre comme ceci et une fois contre élire notre rectangle blanc et dupliqué et mettre ce rectangle ci-dessous sont bleu et changer sa couleur pour être cinq à double F et 8, puis faisons pivoter de 30 degrés, et je vais changer sa taille à 106 grandes cellules par 106. Ensuite, nous allons les aligner au centre. Les deux verticalement et horizontalement sont justes. Et maintenant, nous allons élire ce bleu et je vais le faire tourner un peu vers la droite comme ça . 57 degrés, ce serait bien. Alors, de quoi d'autre avons-nous besoin ? On a besoin d'une icône de caméra juste là, alors amenons-la ici. Ici, nous avons la caméra. Je vais le glisser et le déposer ici et c'est l'endroit. C' est juste là, et je vais l'aligner au centre à la fois récemment et verticalement. Parfait. Alors allons les regrouper et je vais le nommer. Image de profil. Impressionnant ! Et il arrête d'ajouter, va être 84 au bord de notre écran comme ça. Plutôt bien. Alors il est temps d'ajouter nos sceaux fiscaux ici. OK, nous devons ajouter le nom d'utilisateur, le prénom, le nom et la date de naissance prend le champ afin d'utiliser les chars sent que nous avons créé pour notre page d'enregistrement. Je vais utiliser celui-là. Vous pouvez copier et coller ce que vous voulez. Mettons-le ici. Parfait. Bon, Maintenant, laissez-moi le déplacer comme ça, et je vais changer le premier titre en nom d'utilisateur et ce Merci aussi à votre nom d'utilisateur . Parfait. Les lignes vont être blanches, alors laissez-moi les rendre blanches. Parfait. Vous n'avez pas besoin de cette icône, évidemment. Et laisse-moi cacher cette icône. Je vais changer le titre du deuxième champ de texte en prénom. Et là, vous êtes le nom. Ensuite, nous devons dupliquer ces champs fiscaux. Et ici, je vais écrire le nom de famille. Et ici, nous devons écrire votre nom de famille. Et le dernier sera la date de naissance. Donc c'est juste. Date de naissance. Et là, je vais écrire ton anniversaire. Et là, je vais écrire D. Ce qui est le jour Mm. C' est quoi les mamans et pourquoi ? Pourquoi, pourquoi ? Quelle est l'année parfaite ? Ensuite, sélectionnons de vieux chars. Vous pouvez maintenir la commande et la touche Maj et les choisir et changé leur couleur à un T E. zéro double f. fantastique. Je vais changer le nom de notre Fuller ici. Le 1er 1 va être un nom d'utilisateur. Le 2ème 1 va être le nom de famille et l'anniversaire de la première chose. Impressionnant. C' est le cap supérieur qui sera 44. On y va. Et la dernière chose que nous devons faire est de changer le repérage. Donc la première chose, c'est les tarifs. Je vais choisir un rectangle et le rendre blanc. Et voilà, complet. Et changeons la couleur à un gris clair comme C huit c huitième et voir huit. Et nous n'avons pas besoin de ces cercles. C' est supprimer les ont raison. De quoi d'autre avons-nous besoin ? Votre droit. On a besoin d'une icône en teck, alors amenons-la ici. Je vais aller de l'avant et le copier et le coller. Alors changeons sa position. Il va avoir un rembourrage de huit pixels à gauche, et je vais le rendre plus grand. Donc, nous allons changer le avec 2 22 parfait et aligner verticalement, donc nous devons obtenir 28 au top 28 au bas et huit chansons de pointe aux nuits de gauche. Il est temps de changer la couleur ici. C' est vrai, C huit huit et voir huit. Plutôt bien. Ensuite, nous devons regrouper l'icône de l'Arctique avec notre texte et choisir notre rectangle et aligner, manger ou est entièrement fantastique. Maintenant, allons de l'avant et dupliquons. Ce ne sont pas un nom qu'il a profilé, terminé. Impressionnant. Ensuite, nous allons supprimer l'icône de la caméra et sélectionner notre profil image place holer, données anglicanes, esquisser les visages de données. Actualisons les données pour obtenir le meilleur pour le possible. Je pense que c'est génial. Et puis je vais sélectionner la forme bleue et violette que nous avons créée et les sortir de ces plus complets comme ça et les mettre directement sur notre rectangle de course bancaire. Et tuons-les à 438 comme ça, et je vais les mettre ici. Si je double-clique sur ce bleu et que je survole ma bouche sur le chemin, je peux voir qu'un point apparaît en cliquant ici. Je peux le déplacer comme ça. Je peux changer le rayon aussi, alors mettons-le ici. Je vais le changer pour obtenir la meilleure forme possible. Parfait. Maintenant, il est temps de changer notre forme violette. C' est un double clic sur cela et cliquez ici. Cliquez sur ce chemin pour insérer un point et le déplacer un peu comme ça et a changé un rayon. Plutôt génial. Et enfin, nous allons le déplacer ici, tourné un peu sur l'échelle à 445. C' est fantastique. Ensuite, nous devons ajouter nos données ici. Donc, nous allons utiliser le nom d'utilisateur à droite Emma sur leur ligne, Ashley, et le rendre blanc et n'oubliez pas de présenter une icône de coche ici. Ok, alors changeons le nom pour Emma. Faites-le blanc aussi. Et ici, le nom de famille en fait Perfect et l'anniversaire à 20-12 Dash 1990. Faites-le blanc aussi, et c'est dupliquer ces icône de coche. Ni de l'avoir dans chaque domaine fiscal. Je vais le mettre dans son propre plus complet et ici aussi. On a un pixel de 16 sur l'impact, et c'est un pour notre date de naissance. Jolie réponse. Maintenant, il est temps d'activer notre pourri. Alors, nous allons choisir ces textes et changer la couleur pour être 47 FC. C' est notre couleur principale. Et pour le bâton icona lent à 47 f c. On a presque fini. Cependant, je vais ajouter quelques ombres à notre photo. Alors sélectionnons ce rectangle et à l'ombre et diminuons le à la ferme à 20 et le vin à huit et Blair à 22. Plutôt génial. Et n'oubliez pas de changer le nom de ces dossiers. Ici, nous avons obtenu le bouton OTP parce que nous avons dupliqué le mot R. Donc ça change pour compléter Botton et ici aussi. Fantastique. D' accord les gars, c'est tout pour ces vidéos. J' espère que vous avez apprécié et je reçois un dans la prochaine vidéo. 103. Page d'accueil: Salut, tout le monde. Bienvenue à une autre vidéo des sections de cette vidéo. Nous allons concevoir notre page d'accueil ensemble. Donc, sans plus tarder, commençons. Tout d'abord, je vais insérer un nouveau tableau d'art. Là, on se déplace en or ici. Ensuite, nous avons besoin de la barre d'état. Je vais le copier et le coller. Je vais laisser ça comme une taquinerie. C' est blanc parce que nous allons ajouter un arrière-plan là-bas. Ensuite, je vais l'insérer comme ça, et je vais changer son haut à 278 et son rayon pour lisser les coins, puis augmenter le rayon à 66. Parfait. Après cela, je vais double-cliquer sur ce premier Let's on Czech Borders, puis sélectionne meilleurs points parfaits et diminuer le rayon à zéro. Donc, nous aurons une forme comme celle-ci. Alors je vais y ajouter une note. Nous allons avoir les mêmes INTS Grady que nous avons utilisés ici dans notre page de profil. Alors laissez-moi choisir Theis Rectangle dans le profil, page terminée et clic droit. Et c'est le style de copie et cliquez sur angle indirect dans le tableau d'art clic droit coller. Je suis plutôt bien alors je vais aller de l'avant et changer les tableaux d'art. Effet de nom sur page d'accueil. Alors, de quoi d'autre avons-nous besoin ? On a besoin d'une image de profil là-bas. Hamburger, beaucoup de droits d'icône en haut. Un texte ici. Nous allons insérer une carte ici et mettre notre charge sur ça et juste en bas. On a besoin d'un robinet. Sont donc allons-y et la conception sont robinet sont ensemble. De quoi avons-nous besoin ? Nous devons insérer Eric tango comme ça, et je vais changer le haut à 92 sur les frontières tchèques, puis l'aligner avec ressentiment et l'aligner vers le bas. Parfait. Et après ça, je vais changer sa couleur pour vouloir, pas quelques ombres. Je vais réduire les cinq montants à 10% et le Blair à 20. C' est génial. Maintenant on a besoin d'un indicateur de la maison ici, donc je vais aller de l'avant et l'amener ici. Changons-le à la lumière. C' est génial pour ces types. Sommes-nous besoin d'avoir trois sections différentes ou, disons, trois icônes différentes. La première icône va être un portefeuille. Ok, qui est pour la page d'accueil. Alors amenons-le ici. Icônes. Et ici, nous avons tapé pour Fuller et trois icônes différentes sur leurs portefeuilles, profil et édification. Alors amenons-les tous comme ça. Je vais mettre le portefeuille ici. Le profil ici et une notification écrit au centre. Impressionnant, puis que Sélectionnez tous les et les aligner verticalement. Et la bonne icône de portefeuille de la quarantaine va être 90. Et aussi pour ces icône de notification va être 90 aussi bien. Alors déplacons ces icônes de profil vers la gauche comme ceci, puis regroupez-les et déplacez-les vers le haut. Et nous allons avoir un rembourrage supérieur de 24 pixels et les aligner au centre comme ceci. Parfait. Donc, pour montrer que ces icônes ou cette page est activée, vous allez changer la couleur de ces icônes à notre couleur principale comme ceci. Ok, donc parce que la page va être notre portefeuille ou notre page d'accueil, nous devons garder ça tel quel. Cependant, je vais y ajouter quelque chose. Je suis allé insérer un petit cercle sur les frontières tchèques et le faire cinq par cinq et changer sa couleur pour notre primaire comme ça. Plutôt génial et ça va avoir un sommet de vente de huit têtes de tête Parfait. Élisons une icône de portefeuille et aussi notre cercle et une ligne dans le centre. Impressionnant. Donc, ce que je vais faire est de créer des symboles pour que nous puissions activer ou désactiver sont des icônes. Facile. Laisse-moi regrouper cette icône de portefeuille avec ce cercle et je vais écrire, je le veux. Laisse-moi regrouper cette icône de portefeuille avec ce cercle et je vais écrire, Ensuite, créez un symbole. C' est vrai. Haps slash portefeuille barre oblique active. Ok, alors copions le code couleur de ce gris foncé et allons à la page des symboles, et je vais dupliquer ce symbole comme ça. Ensuite, retirons le cercle et changez la couleur de notre portefeuille, aussi. Sont gris foncé. Et enfin, nous devons changer le nom ici d'actif à parfait actif, et nous allons faire la même chose pour les deux autres icônes. Revenons à nos pores. Parfait. Et ici, si je disais comme ce portefeuille, je peux facilement basculer entre actif et actif ici. Tu vois ? Comment est-il fantastique sont en ce moment nous allons comme la notification que je peux et cliquez sur créer un symbole et ici je vais écrire tapettes barre oblique notification slash l'actif. Ensuite, passons aux symboles. On y va. Et puis je vais augmenter la hauteur ici pour avoir la même hauteur que notre icône de portefeuille. Parfait. Et il est dupliqué et je vais copier et coller e Sirico. Alignons au centre, et il est temps de changer la couleur de notre forme. On y va. Et maintenant, changeons les tableaux d'art. Nom trop actif. Parfait. Et ici, nous pouvons facilement basculer entre le grand actif et actif et le dernier. Créons un autre symbole. Onglets barre oblique le profil actif. Allons à la page des symboles. Là, nous allons et puis augmenter la hauteur parfaite. Et maintenant, je vais le dupliquer et copier et coller le cercle ici et aligner au centre et changer la couleur de ces formes. Et c'est à peu près le moins. N' oubliez pas de changer le nom de ce symbole ici. Nous avons besoin d'être actifs, c'est tout. Vérifions ça. Deux fonctionnent parfaitement. Très bien, alors nous pouvons regrouper tous ces éléments et onglet droit sont, et aussi nous pouvons créer un nerd de symbole pour utiliser que dans nos prochains tableaux d'art facilement ici, nous pouvons écrire Tab sont parfaits. La prochaine chose que nous devons faire est de déplacer le rectangle directement vers le bas comme ceci. Et puis nous devons apporter notre icône du menu hamburger ici. Nous avons le menu hamburger glisser-déposer. Impressionnant. Mettons-le ici. Il va y avoir un rembourrage de 30 pizzas et une galette de 68 pixels comme ça. Et après cela, nous devons mettre notre image de profil juste là. Alors allons de l'avant et copions-le et collez-le à partir de notre page de profil comme celui-ci sur une échelle descendante à 50 x 50 pixels quand je le mets juste là. Miso signifie Maintenant, il est temps d'insérer un cercle un petit cercle ici et de le faire 10 par 10 pixels . Changer la bordure couleur orteil blanc et changer le champ à 20 c neuf 68 pour obtenir ce beau vert. Et c'est l'indicateur d'état afin de montrer si l'utilisateur est en ligne ou non. Ok, donc ça va avoir un rembourrage de 42 pixels et un tapotement de 38 pixels à gauche. Ensuite, nous pouvons les regrouper, et ici, image de profil droite. Comme vous pouvez le voir, nous avons un rembourrage droit de 30 pixels, et nous avons besoin d'un 68 gros top de vente, ajoutant parfait. La prochaine chose dont nous avons besoin, c'est un texte. Nous allons donc insérer un et écrire Bonjour, terminer son Emma et une virgule qui s'aligne à gauche et le rendre blanc. Et je vais changer la taille de la police à 24 points aussi. Comme ça. La prochaine chose qu'il nous faut, c'est une carte. Donc, insérons autour de ça ici comme ça, et je vais le faire 315 par 316. Je l'ai déjà calculé parce que nous devons mettre une charge sur cela, que nous le rendons blanc sur les frontières tchèques et ajoutons des ombres. Changez votre vin à neuf et Blair à 49 a diminué le sur pour 2 10% comme ceci, puis aligner avec ressentiment. Comme vous pouvez le voir, nous avons 30 pixels de remplissage gauche et 30 pixels de remplissage droit que nous le déplacons vers le haut et ensuite je vais diminuer le rayon à 40 pour obtenir un beau rectangle. Et c'est stop. Ajouter au bord de l'écran va être 199. Ok, alors faisons-le 199. Et le remplissage entre ce texte et ce rectangle va être de 16 pixels comme ceci. Donc ici, dans cette carte, nous devons ajouter un texte et rectifier votre solde total et changé la couleur 23 un trois a et trois A. Et changé la taille du téléphone à 16 points comme ça et il va avoir un 32 pics vendre top ajout et aussi un 32 pics. L a laissé le remplissage comme celui-ci dupliqué et le rendre gras et aussi changer la taille de la police à 30 points. Alors je vais écrire 8500$. Cela a changé la couleur à deux D 99 double f assez bon. Et la hauteur de la ligne va être de 37 le titre supérieur. Ça doit être huit pixels comme ça. Un génial. En outre, nous avons besoin de mettre un graphique juste dans ces espaces blancs et une icône en haut ici . Ok, alors amenons notre icône plus. On y va. Quand je l'ai mis ici, laisse-moi prendre les tampons. Ça va avoir 32 picks, aider à ajouter à droite et je vais l'aligner, Pete, ce texte pour obtenir un titre de 32 pixels en haut aussi. Maintenant, il est temps de créer notre graphique. Ok, Nous pouvons également utiliser des graphiques pré-faits pour notre projet. Cependant, je vais vous montrer comment créer un graphique par vous-même. Je vais créer un graphique à barres qui a une valeur négative aussi. Alors, insérons autour de ça comme ça. Et je vais sur les frontières tchèques et a changé un avec 29 et un haut à 122 que miso signifie double Cliquez sur ce tango épave et choisissez ces points bas et diminuer le rayon 20 Parfait. Ensuite, nous devons changer la couleur pour le 99 double F. C'est la même couleur que nous utilisons pour notre texte d'équilibre. Ok, alors je vais le dupliquer, déplacer ici, faire clic droit, transformer pour la verticale et le rendre plus court et le mettre ici. Qu' est-ce qui a changé ? Un collier à cinq F 3 et double f parfait, et il va avoir un rembourrage de quatre pixels comme ça. Alors nous allons les regrouper. C' est Collett Colin un dupliqué et placez-le nourrir un remplissage de 16 pixels une fois de plus dupliqué. Je vais avoir cinq colonnes pour l'instant, comme ça. Ensuite, sélectionnez ces hautes colonnes et diminuez sa hauteur. Parfait. Et aussi celui-ci, diminuez-le et celui-ci aussi pour certains. Super. Et maintenant, je vais sélectionner ces colonnes bleu clair et à nouveau la retourner verticalement et le mettre ici. Ok, ça diminue sa hauteur. Et je vais le dupliquer deux fois comme ça. Et maintenant, nous devons dormir. Ils commencent colonne bleue, théoriquement diminué la hauteur et le mettre dans la section négative, Puis augmenter la hauteur de notre vie de la barre à 70 cellules de cueillette. Et je vais l'enlever afin de gagner du temps et de dupliquer la dernière colonne et augmenter la hauteur de cette barre bleu foncé et augmenter celle-ci aussi. Je vais sélectionner ce pauvre et diminuer sa hauteur aussi. Maintenant, il est temps de regrouper toutes les colonnes, et je vais l'appeler un graphique à barres. Parfait. Ensuite, sélectionnez un tango épave, alignez-le au centre horizontalement et son rembourrage inférieur sera 32 comme ça. Pouvez-vous voir à quel point c'est incroyable facilité ? Et maintenant, il est temps de regrouper nos éléments et d'appeler cette carte de solde de groupe génial. Et la dernière chose dont nous avons besoin, c'est une autre carte. Ou, disons une sorte de fond pour naviguer utilisateur de portefeuille, page deux, page des comptes bancaires. Ok, donc ce que je vais faire est de dupliquer le rectangle Theis et de le déplacer vers le bas et a changé le haut à 146 comme ça et changer la couleur à notre couleur primaire, qui est d'être 47 f et C génial. Et il va y avoir un haut de 24 pixels qui ajoute et laisse-moi insérer les chars ici. Je vais écrire, vérifier vos comptes bancaires. Je vais le changer en standard et aussi la taille de la police à 20 points et un collier à blanc . Et dernier mais pas le moindre, je vais diminuer le avec 2 150 C'est assez génial. Maintenant, je vais l'aligner verticalement, et il aura 32 pics. L gauche rembourrage comme ça alors devrait être ajouté à ces cartes ou disons bouton. Je vais aller de l'avant et copier et coller ces formes ici comme ça et sélectionnez ce tango Rick et cliquez sur démasquer. Alors, électionnons le violet et je vais le faire 198 pixels et le mettre correctement. Ordre et le bleu aussi à 198 pixels et le mettre ici assez bon. Et puis nous avons besoin d'une petite flèche pour placer ici. D' accord ? Alors amenons-le ici. Petite flèche. On y va. Et je vais l'aligner au centre verticalement, et il va avoir un rembourrage de 32 pixels à droite aussi. Ensuite, nous allons changer le nom du groupe en carte de comptes bancaires. Impressionnant. Et on a fini. Tout est génial. Donc c'est prévu. Comme vous pouvez le voir, cela a conçu avec succès une page d'accueil étonnante ensemble. J' espère que ça vous a plu, et je vous verrai dans la prochaine vidéo. 104. Le menu: Bonjour, tout le monde. Bienvenue à une autre vidéo de ce cours dans cette vidéo. Nous allons concevoir l'écran du menu. Ok, Donc quand l'utilisateur clique sur ces menu hamburger, icône et menu vient du côté gauche de l'écran ici. D' accord, donc tout d'abord, laissez-moi y aller et insérer un tableau d'art, et je vais changer son nom en menu. Alors ce dont nous avons besoin, c'est d'exporter cette page d'accueil. Alors, nous allons cliquer dessus. Cependant, n'oubliez pas de masquer cette barre d'état et cet indicateur d'accueil. Je vais vous dire pourquoi dans une minute. Ok, donc je vais sélectionner cet indicateur de la maison, et ici je peux le mettre sur non sont correctes. Ensuite, sélectionnez notre ne sont pas à bord rendre exportable. Et ici, comme vous pouvez le voir, nous n'avons pas d'arrière-plan, donc je vais vérifier la couleur de la banque, y compris l'exportation, et c'est blanc par défaut. Ensuite, je vais changer la taille 23 x et son tambour dragon. Ici Pete. Parfait. Je vais le réduire et changer le avec 2 375 qui est le avec hors de notre écran. Et maintenant, laissez-moi ramener notre barre d'état et notre indicateur d'accueil. Impressionnant. Alors pourquoi l'exportation de la page d'accueil ? Mais tu vois ce qui se passe ici ? Lorsque l'utilisateur clique sur ce bouton de menu, cette page va se déplacer vers le côté droit comme ceci et entendre un menu apparaîtrait. Alors laissez-moi passer à droite, et puis je vais insérer autour de l'année qui est double clic sur ça et choisir les deux points. Le coin supérieur gauche et le coin inférieur gauche. Le rayon 20 assez génial et a changé le avec 2 281 Et le rayon Ici, comme nous pouvons le voir, nous avons 40 pour ces deux points. Je vais le faire 20 et sur les frontières tchèques et le rendre blanc. Parfait. Ensuite, je vais déplacer notre image vers la droite. Maintenant, c'est génial. Cependant, c'est trop brillant. OK, donc c'est une bonne idée de placer un calque de superposition afin de rendre son plus sombre. Laissez-moi insérer un rectangle ici comme celui-ci sur les frontières tchèques. Rendez-le noir et diminuez la capacité à 30%. On y va. C' est génial. De quoi d'autre avons-nous besoin ? Nous avons besoin de l'indicateur de la maison, alors laissez-moi l'apporter ici maintenant vous pouvez voir pourquoi j'ai retiré l'indicateur de la maison et le statut loin quand j'exportais que notre port, parce que dans ce cas il aurait deux indicateurs différents, et cela n'a pas de sens. OK, il est donc nécessaire de prêter attention aux détails lorsque vous voulez devenir un designer Yuan UX professionnel . Très bien, nous avons besoin d'une image pro fine juste là, puis le nom de notre utilisateur, le nom d'utilisateur et d'entendre quelques sections de menu. Alors amenons notre image de profil d'ici. Copiez et collez-le. Quand un protecteur, la taille va être la même. Et nous allons avoir un 30 choix. Rembourrage LF dans un titre supérieur de 68 pixels, puis je vais écrire une année de nom. C' est vrai, Emma le rend en gras, et je vais diminuer la taille de la police à 18 et changer la couleur. 23 un trois a et trois a. parfait. Il va avoir un remplissage de huit pixels à gauche et je vais le dupliquer. Mets-le ici, et c'est juste à Emma. Soulignez Ashley. Rendez-le régulier et réduisez la taille de la police à 14 points assez bon. Ensuite, je vais le déplacer et le mettre comme ça, ça va avoir 22 picks en haut en direction du bord supérieur de notre nom. Texte. Ok, comme ça. Ensuite, regroupez-les et alignez-les avec notre photo parfaite. Regroupez-les à nouveau et changez le nom en utilisateurs. Information. Fantastique. Maintenant, il est temps de créer nos sections de menu. La première chose que je vais faire est d'insérer autour de lui ici, et ça va faire 281 x 60 pixels et changer le rayon à 14 comme ça sur Jake Borders, double-cliquez dessus. Choisissez ces points en haut à gauche et en bas des coins et diminuez le rayon 20 Ensuite, nous allons changer la couleur deux F deux, F quatre et F huit. Donc, nous obtenons un collier bleu clair, comme vous pouvez le voir ici, une couleur bleue très vie. Et puis nous avons besoin d'un texto. Donc, la première section va être les paiements. On y va. Faisons 18 points et changeons sa couleur à notre couleur primaire, qui est d'être 47 f c. D'accord, quoi d'autre avons-nous besoin ? Votre droit. Il nous faut une icône. Alors amenons-le ici. Ici, dans notre dossier d'icônes, nous avons un menu, Fuller. Alors amenons les paiements corrects et mettons-les ici. Je vais aligner nos chars sur notre icône verticalement. Super. Et il va avoir un rembourrage de huit pixels à gauche. Parfait. La dernière chose dont nous avons besoin, c'est une petite flèche. Ok, alors amenons-le à partir d'ici, collez-la changer de couleur à notre couleur primaire. Elle est celle-là. Je vais le mettre juste là. C' est une ligne Il verticalement, même notre prend une icône, et il va avoir un rembourrage à droite de 30 pixels comme ça. Ensuite, nous ne pouvons pas regrouper ces éléments et les paiements de collègues. Et après cela, nous allons double-cliquer ici grouper ces éléments aussi bien et ici, les bons paiements, et puis je vais copier et coller ici et le déplacer vers le bas. Laisse-moi le changer en transactions, et ça va avoir 50 pics sur le dessus. Ajouter à nos paiements prend ici, alors vérifions. C' est 48. Je vais le déplacer maintenant. C' est 50. Ensuite, nous devons changer l'icône ici. Alors supprimons ça. Ensuite, glisser-déposer l'icône des transactions. C' est un pdf. Très bien. Ici. Je vais le mettre juste là-bas et Élisons ces icônes de paiement et les aligner horizontalement. Impressionnant. Cela a changé le nom de ces groupes en transactions et les regrouper une fois de plus avec cette icône transactions. Génial ! Et encore une fois, nous devons le dupliquer et le mettre avec le rembourrage de 50 pixels comme ceci. Changeons les chars à mes cartes et supprimez cette icône et amenons à mes cartes. Icône, mets-le ici. Ça va avoir un rembourrage de huit semaines et je vais mettre ce dossier dans les transactions Copier Fuller et changer la copie des transactions pour mes voitures. Impressionnant. Encore une fois, dupliquons parfait et changez le texte en promotions. Je vais apporter l'icône des promotions. On y va. C' est le mettre ici. C' est l'aligner et il va avoir sur un pic de rembourrage droit vendeur. Et ça a changé le nom en promotions. Et enfin, nous allons le dupliquer pour notre section épargne. Cela se transforme en économies et supprime ces icônes et apporte l'icône d'épargne lorsque je l'aligne . Aussi que nous avons mis cette icône d'enregistrement dans le dossier de copie de promotion et je vais changer le nom de la copie de promotions à Économies. Ensuite, je vais sélectionner toutes ces icônes de commande et de déplacer et d' aligner tous sur le centre ou l'entité est OK ? Donc maintenant, nous pouvons être sûrs que toutes les icônes sont parfaitement alignées. Maintenant, vérifions le rembourrage gauche. Ici. C' est 50. Je vais en faire 32. Et maintenant, nous allons élire toutes les sections et les déplacer vers la gauche. Fais 30 pour ramasser les cellules, et puis nous devons déplacer ces petites flèches vers la droite pour obtenir un 32 picks sont bon rembourrage maintenant. C' est fantastique. Nous avons besoin d'une chose de plus. On a besoin d'un bouton de déconnexion juste en bas. Laisse-moi aller de l'avant et ramène notre bouton d'inscription. Ici. Copie-le. Coller. Ici. Je vais utiliser le même contour. Bouton enlevé ces flèches, le rendre plus petit. Ça va faire 221 pixels et a changé les chars pour déconnecter. Et nous devons sortir la jambe. J' entends qu'il va avoir un rembourrage droit de 24 pixels. Regroupez-les et appelez-les. Bouton de déconnexion, et il va avoir un rembourrage inférieur de 56 pixels comme ça. Très bien, gars, nous avons conçu avec succès notre page de menu aussi, et j'espère que vous l'aimerez dans la prochaine vidéo. Nous allons concevoir la page des voitures ensemble, alors à vous voir 105. Cartes de crédit: Salut, tout le monde. Bienvenue à une autre vidéo de ce cours dans ces vidéos. Nous allons concevoir la page des cartes ensemble. Donc, sans plus, je le fais. Commençons. Première chose de rechange. Je vais aller de l'avant et dupliquer cette page d'accueil. Laisse-moi le déplacer. Voilà, c'est juste. Et puis je vais changer l'œuvre d'art. Nommez deux cartes. Parfait. Et nous devons presque supprimer tous les éléments. D' accord. Sauf ce rectangle, qui est notre en-tête. Allons de l'avant et supprimons tous ces éléments. Et aussi cette image de profil et cette icône de menu. Ensuite, nous avons besoin d'une flèche gauche pour notre navigation. Alors allons de l'avant et copions et pas de notre page de profil. On y va. Et aussi, nous avons besoin d'un indicateur de maison, donc je vais le copier et le coller à partir d'ici. Parfait. Tout d'abord, nous avons besoin d'un texte. D' accord. Ici. Et je vais écrire. Vous pouvez vérifier vos cartes ici, et je vais la rendre audacieuse. Et enfin, je vais changer le avec 2 274 comme ça. Il est laissé tapoter va être 30 cellules de prélèvement et il arrête d'ajouter au bord de l'écran . va être 125 comme une taquinerie. Ensuite, nous allons placer deux cartes de crédit différentes ici, la 1ère 1 qui est notre principale carte créée. Et le 2ème 1 qui est l'alternative. Ok, et après ça, juste en bas, nous allons avoir des transactions récentes. Alors maintenant, allons de l'avant et créons nos cartes. Pour ce faire, nous devons insérer autour de lui comme ceci. Ensuite, nous allons faire 209 par 305 et changer le type de rayon pour lisser les coins et augmenter également le rayon à 40 Perfect sur les frontières tchèques. Je vais le remplir de blanc. Cependant, dans ces parties, je vais vous apprendre une très bonne technique afin de créer un éclat très intéressant ou, disons, course bancaire pour nos cartes. Donc, ce que je vais faire est de cliquer sur ces boutons plus afin d'ajouter une autre sensation. Et cette fois, je vais te changer en radio Radiant. Ok, alors c'est utiliser la première couleur et changer en 40 d trois f et deux, et je vais le copier et le coller dans la deuxième couleur. Et nous allons avoir la même couleur ici. Cependant, je vais diminuer la chute tout à zéro parfait. Et puis je vais le déplacer ici comme ça, et je vais changer l'effet de direction. Ensuite, ajoutons à nouveau d'autres champs Radial Grady int et choisissez la première couleur. Et je vais vous changer pour e 100 double F et la même couleur pour le 2ème 1 et encore réduit le off à zéro. Et je vais le mettre ici. J' ai changé la direction comme ça. Je vais le faire tourner comme ça. Parfait. Et puis nous avons besoin d'un autre Grady int. Alors faisons un autre radial radial ici et changez la couleur pour être 47 FC et utilisez-la pour l'autre couleur également. Et diminuez le tout 4 à 0. Parfait. Et je vais placer manger ici en bas à droite. D' accord. Et maintenant je vais déplacer nos Grady INT pour obtenir le meilleur résultat possible. Alors tournons ce rose ou disons violet quand je le déplace ici, et ensuite je vais choisir ce bleu. Le premier Grady int, comme nous l'avons ici ont raison et le dernier comme ça. C' est parfait. Utilisons encore ces violettes. Je vais le déplacer vers la droite pour obtenir cette couleur claire ici. C' est plutôt génial. Alors pouvez-vous voir à quel point vous pourriez facilement créer un arrière-plan pour rendre votre carte unique ? Alternativement, vous pouvez créer votre arrière-plan avec des couleurs unies, et après cela, vous pouvez mettre un nouveau calque et vérifier l'option Blair d'arrière-plan. Cependant, avec l'utilisation de cette technique, vous pouvez facilement déguiser l'un ou l'autre fond ici. Parfait. Ensuite, je vais déplacer cette carte illégale avec le haut, et il va avoir un dessus de 16 pixels ajoutant comme ça et un tapotement de 30 pixels à gauche, quoi d'autre avons-nous besoin ? Nous avons besoin d'un solde ici, alors écrivons 4500$. Parfait. Je vais le déplacer ici. Il va avoir un rembourrage supérieur de 38 pixels et 24 pixels gauche frappeurs qui est dupliqué. Et ici, je vais écrire compagnie, qui signifie que cette carte est liée à des fins de travail et en faire 18 points. Et nous allons aussi changer la ligne cachée à 22. Vous vous demandez peut-être, Peut être changé une hauteur de ligne. Ok, parce qu'on n'a qu'une seule ligne ici. Alors quel est le piège quand on veut rester le rembourrage entre notre taxe ici, la hauteur de ligne compte beaucoup. Ok, alors supposons que c'est là. J' ai un huit morceau sur le titre supérieur Si ma hauteur de ligne Waas 29 ici je obtiendrais quatre pics rembourrage Celta, et ce serait comme ça. Donc, la hauteur de la ligne compte beaucoup, mais ils l'ont mis ici avec un haut de trois pixels, ajoutant et je vais insérer un autre texte juste là et passons à la normale et aussi la taille à 14 points et les enjeux vont représentent notre date d'expiration. Ok, donc nous avons le mois et l'année assez bien. Nous avons 24 pixels à gauche ou à droite, et maintenant je vais le dupliquer, ni pour créer notre numéro de voiture pour le 1er 12 chiffres de ce numéro de carte, je vais utiliser une étoile comme celle-ci. Et les quatre derniers chiffres vont être 22 04 Je vais déplacer ces dates d'expiration et il va avoir un rembourrage en bas de 13 pixel. Et celui-ci a également besoin d'avoir un rembourrage inférieur de 40 pixels laissez-moi tenir le décalage et sélectionnez notre date d'expiration ainsi, et les a déplacés vers le haut. Parfait. La seule chose dont nous avons besoin ici, c'est le logo ou la belette MasterCard. Carla, vas-y comme tu veux. D' accord, mais pour ce projet, je vais utiliser MasterCard. Alors amenons le logo ici. On y va. Ici, nous avons le logo et le logo MasterCard. Laisse-moi le glisser et le déposer ici. Parfait. Il va avoir 22 pixels, rembourrage droit, et aussi un tapotement de 12 pixels gauche. OK, et le rembourrage inférieur sera 32. Et ces deux-là sont parfaitement alignés. Plutôt génial. Je pense qu'il vaut mieux déplacer ces Grady pourpre dans un peu. Fais-le comme ça. Maintenant, il crée un meilleur contraste. Nourrissez notre contenu. Ok, alors sélectionnons nos éléments et regroupés dans MasterCard. Et la dernière chose dont nous avons besoin ici est d'ajouter des ombres. Alors choisissons un rectangle. Et là, je vais ajouter quelques ombres, et je vais changer la couleur à 59 88 f 8. Impressionnant et changez le tout pour 20%. Et aussi le Blair à 49 l'Y 2 90 Il ressemble beaucoup à droite. On a une légère ombre derrière elle. D' accord. Comme je l'ai déjà dit, nous avons besoin d'une autre carte ici, ce qui est notre alternative. Alors laissez-moi dupliquer ces cartes, mettez-la ici, et ensuite je vais la réduire et mettre le avec 2 176 Parfait. Et il va avoir 24 pics sur le dessus, ajoutant 24 pixels de remplissage gauche et 24 cellules de sélection, rembourrage inférieur. Ok, comme ça. Et je vais changer le nom pour Master Car en. Et cette nuit, on va avoir un carton blanc. Ok, alors décochons ces Ian's, puis sélectionnez nos éléments ici assez bien et changez la couleur. 23 un trois A et trois A. Et aussi, nous avons besoin de changer ces ombre couleur année un changement à 29 29 29 faire 10% comme ça. N' oubliez pas de changer certains de ces contenus afin de transmettre le message que ces deux voitures sont complètement différentes. C' est faire pour 1000 cette entreprise à la maison. Et aussi cette date d'expiration. Changons l'année à 20 à n'importe qui et un mois à trois ou quatre et aussi, ces quatre chiffres 2 90 50 Très bien, nous avons créé avec succès nos voitures ensemble. Maintenant, nous devons concevoir la section de transaction récente. OK, donc les premières choses vont. Nous avons besoin d'un mal serré qui est juste, transactions récentes, puis le rendre audacieux et changer la taille à 22 points. Parfait. Et ça va avoir un haut de 50 pixels et 30 pics de galette gauche. Donc, ce que nous allons créer ici, c'est au moins des transactions, nous devrions mettre trois transactions différentes ici. Par exemple, le 1er 1 pourrait être pour le shopping et le prochain pour la médecine et le dernier pour le sport. Donc, ce que je vais avoir ici est une icône pour représenter un type spécifique de transaction. Alors laissez-moi insérer le cercle et le changer à 48 par 48 comme les bordures secouées et changer le collier pour doubler si C. F et 87 parfait. Et ici, nous devons insérer une icône. Alors amenons l'icône du shopping ici, nous avons mes cônes et mes transactions, et ici nous avons quatre icônes différentes. On a besoin du shopping pour le 1er 1 ou à droite, laisse-moi une ligne dans le centre. Plutôt génial. Pouvez-vous voir quelle couleur sont utilisés pour ces banques de shopping ? Je peux supposer que nous avons une couleur noire ici et nous voulons choisir une grande couleur. Ok, ma suggestion. Facilité. abord, choisissez la même couleur que nous avons pour notre tour de banque, puis déplacez ces sélecteur de couleur pour trouver une version de cheveux foncés de couleur spécifique à la mort. C' est la meilleure façon de créer un contraste approprié. Ok, donc c'est comme ça que j'ai choisi la couleur spécifique. Alors nous avons besoin d'un titre ici. C' est vrai. Shopping et le faire 18 points et aussi régulier. Et la ligne haut à 22. Plutôt bien. Et laissez-moi le dupliquer parce que nous avons besoin de temps ici et aussi d'un rencard. Et écrivons 15. Mars 2019 virgule 20h20 Et je vais faire 12 points et changer un collier aussi. B f b f et B f k et la hauteur de la ligne également à 15. Plutôt génial. Donc, ces remerciements va avoir un ajout de quatre pixels haut, comme ceci qui sélectionnez les prises de shopping ainsi les grouper. Et ici, nous avons des textes. Choisissez le cercle et alignez-les verticalement. Plutôt bien. Ok, je vais sélectionner le cercle et aussi notre icône et les regrouper. Ici, nous avons mon Khan et mettre cette icône Fuller dans notre dossier d'achat. Alors, de quoi d'autre avons-nous besoin pour une transaction ? Tu as raison. On a besoin du montant ici. Et aussi, je vais mettre une petite flèche juste là. Alors laissez-moi copier et coller le texte shopping. Nous allons le mettre ici et le changer en moins 120$ changer la taille de la police à 16 points. Et aussi la ligne salut à 19. Plutôt bien. Cela peut l'aligner verticalement. Et puis nous avons besoin d'une petite flèche ici, alors amenons-la ici. Nous pouvons également créer un symbole ni pour l'utiliser facilement, coller et changer la couleur en C sept C sept et C sept comme ça. Et je vais le mettre là-bas avec 16 pics. Rembourrage LF comme ça et avec une cellule de 30, droite, Patty, cependant, n' oubliez pas d'aligner le texte pour écrire, ok, parce que sinon, quand nous changeons cela montant, l'alignement va être faux. D' accord ? Et puis je vais mettre ces deux couches dans notre dossier. Parfait. Comme vous pouvez le voir, il nous reste 30 pics et Ryan rembourrage, c'est ce qu'on veut. Ensuite, nous allons dupliquer ce calque et le placer avec le remplissage de 16 pixels comme ceci et changer la couleur du cercle pour plus facile 09 f F F C'est supprimé cette icône et apporter le médicament que je peux entendre qui est aligné au centre verticalement et horizontalement. Plutôt génial. Ensuite, il est temps de changer le nom de Fullers en médecine comme ça et aussi ce titre et le temps de 13 Mars 2019 et ici Changons l'heure à 12:10 et le montant à 89 Je vais avoir quelques changements ici. Donc 89.50 parce que nous l'avons aligné vers la droite. Le avec automatique, ils ont augmenté du côté gauche. OK, alors nous devons le dupliquer encore une fois. Et ici, je vais changer le nom Fullers pour le sport et la couleur des céréales pour un bleu clair . Écrivons 87 F zéro f f r. droite enlevé cette icône et apportant l'icône de sport de nos transactions. Fuller, laisse-moi le mettre dans les icônes Fuller et l'alignement. Les deux ont ressenti Lee et verticalement. Ensuite, je vais changer le titre pour le sport et le temps pour le 10 mars et le temps pour 18 h 50. Et voici, nous allons changer le montant à 99,90 et c'est tout. Tout semble en ligne. Permettez-moi de regrouper ces transactions et de les nommer. Et c'est tout va bien, les gars. Nous avons finalement créé de l'espace pour cartes ensemble. J' espère que vous apprécierez cette vidéo et je vous verrai dans la prochaine vidéo. 106. Transactions: Salut, tout le monde. J' espère que vous allez bien dans ces vidéos. Nous allons concevoir notre page de transactions. Donc, tout d'abord, dupliquons ce tableau d'art, et je vais supprimer presque tous les éléments ici. Gardions ces flèches gauche parce que nous en avons besoin. Et je vais enlever ces chars et aussi ces transactions. D' accord ? On n'en a pas besoin pour l'instant. Alors je vais changer un peu ce rectangle. Changons le haut à 245 et le rayon de 66 à 62. Ok, donc je vais changer ces deux chiffres, donc on a une forme comme ça. Maintenant, je vais le dupliquer et mettre ce calque juste en dessous de notre premier film rectangle vers le bas environ trois pixels parce que vous pouvez voir ici les vins trois. Et puis nous allons changer la couleur à un solide et la ville à 87 F zéro et double gauche pour obtenir un beau bleu clair. D' accord, alors je vais mettre le Y 25, je pense que c'est mieux. Oui, ça a l'air génial. Et là, quoi avons-nous besoin ? Il nous faut une barre de navigation. Nous pouvons insérer facilement de notre pomme sur nous. Tu aimes manger ici. Barre de navigation. D' accord. Cependant, je vais vous montrer comment en créer un. Donc, nous allons écrire des transactions et changer le fonds en comme de pro text. Et puis faisons-le audacieux et aussi blanc. Enfin, modifions la taille de la police à 17 points. Je vais aligner le centre horizontalement. Ce miso veut dire que je vais le mettre avec un haut de 50 pixels, ajoutant au bord de notre écran comme ça. Et puis je vais déplacer ces Scalea flèche gauche vers le bas à 19 picks. est parfait. Et puis je vais changer de scène à régulière comme ça. Ensuite, sélectionnez notre flèche gauche et aussi ce texte Alignez-les verticalement. Donc, nous devons obtenir avec le pixel divin. Arrêtez d'ajouter et un batteur gauche de 24 pixels. Alors je vais regrouper ces éléments avec notre barre d'état. Et ici, écrivons la barre de navigation. Parfait. Alors de quoi d'autre avons-nous besoin ici ? Laissez-moi d'abord me changer. Ce sont des déversements nom aux transactions. Donc ici, nous avons besoin de monter les dépenses. Ok, donc je vais ajouter un réservoir et écrire vos dépenses totales comme ça. Puis laissez-moi changer le fonds à Monserrat il et la taille de la police à 22 points et aussi la couleur à ce bleu clair. Comme nous l'avons ici, je vais sélectionner nos réservoirs et cet en-tête, notre rectangle s'alignant au centre horizontalement. Et il va avoir un rembourrage inférieur de 82 pixels. Laisse-moi en faire 82. Parfait. Puis dupliqué ici. Allons droit. 1000 et 63,30$ Je vais changer trop gras. Et aussi le fonds signe à 28 points. La raison pour laquelle j'ai choisi ce numéro est à cause de nos transactions. Ok, donc plus tard, quand nous créerons nos actions de tours et que nous les calculerons, nous obtiendrons le numéro de thèse. Ok, maintenant, laisse-moi une ligne dans le centre ou est entièrement, et ça va avoir 16 choix. L haut ajoutant, comme ça. N' oubliez pas de mettre la ligne de salut à 34. Sinon, notre alignement serait différent. Bon, donc tout est juste ici. L' étape suivante consiste à créer notre carte que l'utilisateur peut glisser vers le haut ou vers le bas. D' accord, pour plus de détails. Donc, ce que je vais faire est de sélectionner le rectangle de pièce dupliqué. Je vais le déplacer ici, puis ça change en carte Kitty droite avec transformation 50 particules et ensuite mettre le haut à 541. Plutôt génial. Je vais le déplacer. Il va créer un haut de 21 pixels, ajoutant à l'âge de notre forme bleu clair. Ok, et ensuite je vais choisir la carte. Et ici, changeons la direction de notre Grady int comme ceci et aussi ici. Ce serait génial. D' accord, la prochaine chose que nous devons changer est l'indicateur de la maison de cette lumière à l'obscurité. Parfait. Maintenant, c'est sympa. Et puis nous devons créer un indicateur ici pour cette carte afin de montrer à l'utilisateur comment il peut ouvrir et fermer la carte. Alors allons de l'avant et insérons autour de lui ici comme ceci sur les frontières tchèques et changez le haut à quatre. Et avec deux 47 puis je vais changer le collier en blanc et aligner au centre, ou est entièrement et il va avoir un haut de 16 pixels, ajoutant parfait. Puis ici, en haut. Nous avons besoin d'une recherche, donc nous n'avons pas besoin d'utiliser la partie de recherche standard dont nous avons besoin pour créer notre propre barre de recherche. Alors allons de l'avant et insérons autour de ça ici comme ça. Je vais changer le avec 2 315 et haut à 53. Parfait sur les frontières tchèques. Alignement au centre et je vais changer le rayon pour lisser les coins et changer le montant à 16 comme ceci. Et enfin, changeons le collier. 2051 99 e Donc nous avons obtenu ce beau bleu foncé ici afin d'obtenir un bon rapport de contraste. Et puis nous devons ajouter un texte ici. Alors écrivons, cherchons et changeons les fonds pour SF autour de l'identité comme ça, et je vais le rendre régulier. Et aussi la taille amusante va être 14 points et changer le personnage ici un peu. Mettons-le à zéro points la route vers maintenant C'est mieux. Et enfin, nous devons changer sa couleur. Ça va faire trois B 54 FB Parfait. Il est aligné verticalement. Alors quoi ? On a aussi besoin d'ici ? Tu as raison. On a besoin d'une icône de recherche, alors amenons-la ici. Là, nous allons icônes Et ici nous avons la recherche assez bonne. Il a la même couleur que nos chars de recherche qui peuvent l'aligner verticalement. Et puis nous avons besoin d'un 16 choix en haut, gauche et bas rembourrage. Ok, alors laissez-moi en faire 16. Parfait. Et le tapotement gauche du réservoir de surtension va être huit picks possèdent comme ça, et ensuite on peut les regrouper et l'appeler barre de recherche comme ça. Le rembourrage supérieur de notre barre de recherche sera 44. Très gentil. Alors de quoi d'autre avons-nous besoin ici ? Tu as raison. Nous avons besoin des transactions. Nous avons donc créé trois transactions différentes. Laissez-moi les copier et les coller ici comme ça. Il va avoir un rembourrage de 24 pixels. Parfait. Alors, qu'est-ce qui devrait être changé ici ? Évidemment, les couleurs de nos chars devraient être changées. Alors sélectionnons-les. Et je vais les rendre blancs et dit comme ces textes aussi bien sur notre date et l'heure et les faire 80 e zéro double F pour obtenir ce beau bleu clair. Et nous allons copier et coller le code de couleur afin d'utiliser aussi pour ces petites flèches . Ils paient le siège. Parfait. Que devrions-nous faire ici ? Nous devons dupliquer certaines de ces transactions et en créer une nouvelle. OK, donc je vais dupliquer ces courses comme ça. Et comme vous vous en souvenez, ils ont un rembourrage de 16 pixels entre eux et ici. Changons la date de la compétition pour Mars et un temps à 7 20 comme ça et aussi le montant pour faire paraître rial à 155$. Puis encore une fois, dupliquons. Et maintenant, nous devons créer un autre type de transaction. Ok, ce qui est le voyage. Donc je vais aller de l'avant et si méchant et choisir le cercle et changer la couleur, aussi. Double F 87 87 qui a supprimé cette icône et apportant notre icône de voyage ici transactions. Et ici, nous avons un voyage. Parfait. Je vais choisir le cercle et les permettre à la fois verticalement et horizontalement. Et évidemment, vous devez changer ces titres pour voyager et un jour à trois et un temps à 5 50 le montant va être de 399$. Ça a du sens, non ? N' oubliez pas de changer le plus complet Zane. Changeons ça pour voyager. Et enfin, nous avons besoin d'une transaction de plus ici. Donc, je préfère utiliser le sport. Nous allons le dupliquer. Tu peux choisir ce que tu veux, OK ? Et changeons la journée à 10 Février. Et le temps sera, par exemple, 5 20 et le même montant. Ok, donc il aime que ce soit un service d'abonnement. Ok, donc nous avons le même montant chaque mois, et je vais aller de l'avant et sélectionner ces éléments pour les regrouper ensemble. Et c'est une voiture de transaction de manger. Plutôt génial. Vous vous demandez peut-être pourquoi nous n'avons pas créé de symbole pour ces transactions. Et après ça, on pourrait les changer facilement. Tu as absolument raison. Mais pour le bien de ce cours, je vais tout vous montrer en détail afin de vous faire pratiquer au lancement. Ok, parce que c'est comme ça que tu deviendrais un grand designer. Mais rappelez-vous, si vous voulez créer des bols semblent, vous devriez créer quatre symboles différents. D' accord ? Vous devez avoir un symbole spécifique pour chaque type de transaction car nous avons des transactions différentes . Icône, puis vous pouvez facilement changer. Les montants sont justes. La seule chose que je pense qu'il faut changer, c'est la taille de ces flèches gauche. Ici, laissez-moi donc est un double clic moyen sur cela. Et parce que c'est un symbole d'actif de l'application de symbole SF, qui est développé par Apple, je peux facilement changer sa taille comme une police. Ok, alors laissez-moi le changer à 20 et je vais l'aligner encore une fois sur notre texte ici et maintenant . Je pense que ça a l'air génial. Ont raison. Il a conçu avec succès notre écran de transactions ensemble. J' espère que ça vous a plu. Dans la prochaine vidéo, nous allons concevoir une autre transaction. L' écran, qui a tous ces éléments avec une différence dans cet écran. On doit fermer la carte et la déplacer vers le bas. Et dans dit que nous avons besoin de créer quelques détails sur nos dépenses. Je suis tellement excité de commencer à concevoir cette page ensemble. Alors voyez-vous que 107. Transaction - Détail: Salut, tout le monde. Bienvenue à une autre vidéo de ces cours dans ces vidéos. Nous allons concevoir une autre page de transaction pour montrer comment l'utilisateur peut interagir avec cette carte. Et que se passe-t-il si l'utilisateur décide de déplacer ces cartes vers le bas ? Ok, donc on n'essaie pas, faisons-le commencer. Nous dupliquons ces tableaux d'art, et je vais changer son nom pour les transactions détail de tableau de bord comme ça que je vais aller avant et déplacer cette voiture vers le bas, dit, sélectionnez qu'il semble que nous avons oublié de regrouper ces voyages ici. Laissez-moi l'inclure ici. Je vais le mettre en voyage pour LIRR comme ça. Ensuite, je vais régler le y 2 693 Parfait. Alors, qu'est-ce qu'on a besoin de mettre ici ? Nous devons ajouter un titre juste là, puis quatre petites voitures différentes pour montrer le montant total de chaque transaction. Et puis nous avons besoin d'une autre grande carte. Comme ce que nous avons ici comme ça, et nous devons le faire pour la section de remboursement par carte de crédit. Ok, alors allons de l'avant et insérons notre texte ici et ici. Je vais écrire suivre vos dépenses parfaites. Ensuite, je vais changer le fonds pour Mancera il et aussi sa taille à 22 points. Il va être audacieux et sa hauteur de ligne devrait être de 27. La couleur va être notre grille noire Le fromage. Trois un trois un trois A comme ça. Laissez-moi le mettre ici, il arrête d'ajouter va être 32 2 Le bord inférieur de notre forme bleu clair comme ça et c'est le rembourrage gauche va être de 30 pixels. Ok, alors nous devons créer nos cartes. Alors insérons autour d'elle. Parfait. Et je vais faire 153 sur 103 comme ça. Changez le rayon en coins de fumée et augmentez la quantité de rayon à 25 sur les frontières tchèques . Et ici, je vais choisir un int Grady. La première couleur va être voir 16 un et six A. Dans la deuxième couleur devrait être double F 87 87 comme ça. Ensuite, je vais changer la direction de notre quelque chose radieux comme celui-ci qui a l'air bien et il arrête de tapoter va être 16 pixels alors laissez-moi en faire 16. Bon, alors de quoi d'autre avons-nous besoin ici ? On a besoin d'un texto. D' accord. Ce qui indique le type de transaction qui est juste. Voyage. Et je vais le rendre régulier et changer sa taille à 18 points et un collier à un 7 31 31 Assez génial. Alors laissez-moi l'aligner. Il va avoir un rembourrage de 16 pixels et un haut de 24 pixels caché. Ensuite, je vais le dupliquer, et je vais le relier vers la gauche. Et c'est vrai. 399 $. Laisse-moi le rendre audacieux. Et je vais changer la taille de la police à 24 points et une ligne haut à 29. Assurez-vous d'aligner ces piquets sur le côté gauche également. Et ce n'est pas le cas. Le rembourrage va être de quatre pixels comme ça. D' accord ? Et puis je vais ajouter plus de détails à cette carte. Donc, ce que je vais faire est d'insérer un cercle ici comme celui-ci sur les frontières tchèques, et je vais le faire 112 par 112 pixels, puis ajouter un grand dedans et la première couleur va être double F 91 91 dans la deuxième couleur qui le met à vide et diminuer offre à zéro. Ensuite, je vais changer la direction comme cette touche de commande entière et déplacer et sélectionner rectangle de thèse, masque anglican. Et après avoir mis la position hors du cercle, je vais changer de grade Ian une fois de plus. Alors laissez-moi l'aligner. Il va avoir un rembourrage inférieur de six pixels dans un rembourrage droit de 54 pixels. Ensuite, changeons le Grady int celui-ci que nous avons dit en noir et choisissons cette couleur. Ok, alors diminuez les horribles comme ça. Et je vais changer un peu la direction pour obtenir quelque chose comme ça. Ça a l'air fantastique. Maintenant, il est temps de regrouper sont des éléments ensemble, ce groupe les et je vais appeler ça voyage. Ensuite, c'est dupliqué et mettez-le ici avec un tapotement de neuf pixels à gauche. Ensuite, changez le nom de Fullers en shopping et la cravate est tombée au shopping aussi. Et le montant va être de 375$ enfin, nous devons changer nos couleurs. Alors première chose escalier. Changons l'int Grady ici et la première couleur va être voir un 95 et 47 la deuxième couleur va être double F C F et 87 comme ça. Et aussi, changeons ces cercles. Grady en deux F, six C cinq et sept A. Je vais copier cette couleur et le rythme pour la deuxième couleur ici et puis diminuer l' offre. Et enfin, changeons notre couleur de texte pour un 27 43 0 assez génial. Et puis c'est dupliqué une fois de plus parce que nous avons besoin de quatre cartes différentes comme ça changer son nom pour le sport et aussi le titre pour le sport et le montant à 199,80. , Ensuite, changeons la couleur de nos chars à 29 86 93. Et après cela, allons changer notre grand en trois Double A à B et un et le deuxième appelant à 87 F zéro double F parfait, et maintenant il est temps de changer la couleur de notre cercle. Ici, mettons-le à 73 D C et e être génial, et qui est copié et collé pour la deuxième couleur. Comme ça et diminuer l'horrible à zéro assez génial et la dernière carte. Laisse-moi le dupliquer. Changez votre nom en médecine et changez le titre en médecine aussi. Et le montant va être 89.890.50$ alors que changer les couleurs à 91 37 B C et ingrédient à huit, un 46 et un B et la deuxième couleur à plus facile ou neuf et f f NF comme ça. Et il est temps de changer la couleur de notre cercle ici. Deux D, Double huit F f f et laissez-moi copier et coller pour notre deuxième couleur et a augmenté l' offre à zéro. Ça a l'air fantastique. D' accord. Maintenant, il est temps de créer notre carte de remboursement de voiture créée ici, alors allons de l'avant et copions et collez cette carte. Ou disons bouton man, collez-le ici. Ensuite, double-cliquez et choisissez le rectangle de thèse, et je vais le faire 315 par 105 comme ceci et changer le rayon à 25. Et la raison pour laquelle nous le changeons à 25 est parce que utilisé 25 nos voitures ci-dessus, donc nous devons être cohérents. Ensuite, nous allons utiliser les formes et les déplacer comme ça. Et je vais aligner cette petite flèche verticalement ici. Aussi, ce texte assez génial et ensuite changé son texte pour le remboursement par carte de crédit assez bon. Ensuite, cela a changé le nom du groupe en remboursement par carte de crédit comme ça et le déplacer vers le bas pour obtenir un haut de 16 pixels, ajoutant Et maintenant tout est fait. Tu vois à quel point ça a l'air incroyable ? Si vous le souhaitez, vous pouvez aller de l'avant et ajouter des ombres à ces cartes. Cependant, je préfère garder cela simple parce que, comme vous pouvez le voir, ils ont tellement d'éléments dans cette page. Et si on ajoute des ombres ici, ça aura l'air lourd. Ok, donc je vais rester simple. J' espère que vous apprécierez cette vidéo et je vous verrai dans la prochaine vidéo. 108. Transfert: Salut, tout le monde. Bienvenue à une autre radio de ce cours dans cette vidéo, nous allons concevoir notre page de transfert ensemble. Donc, sans juste, je le fais. Commençons par dupliquer l'écran. Parfait. Et je vais l'appeler transfert. Très bien, alors nous allons supprimer presque tous les éléments de cette page. Enlevez ces réservoirs. Aussi, ce plaisir sur toutes nos cartes assez bon. Puis ça a changé la couleur de l'indicateur de la maison pour cette version lumineuse. Très gentil. Alors, qu'est-ce qu'on a besoin de changer ici ? Tu es juste là. Nous devons changer notre barre de navigation. Ça a changé le titre pour transférer. Cependant, nous devons d' abord vous aligner sur le centre, puis changer pour transférer comme ceci. Ensuite, je vais sélectionner nos formes ici, toutes les deux hors d'eux. Regroupez-les bien. Et réglons le y tu moins 141. Plutôt génial. C' est notre barre de navigation. Maintenant, dans cette page, nous devons placer quelques éléments ici, nous devons écrire entrer un monticule que le montant réel. Et après cela, un séparateur et le récepteur ou le bénéficiaire et juste en bas. On va avoir une clé Pat. Ok, alors allons de l'avant et insère le texte sur la droite et son montant, et je vais changer le fonds pour Monsour. Et nous allons changer le chemin vers Regular et c'est amusant taille à 18. Et puis je vais changer la couleur à 27 43 f d et la ligne haute à 22. Vraiment génial. Je vais l'aligner avec ressentiment. Laisse-moi le dupliquer. Et ici, nous avons besoin d'un signe de dollar. Espace zéro. OK, mais pour quoi ? C' est l'endroit où l'utilisateur peut entrer le montant réel qu'il ou elle veut transférer. Ok, alors laissez-moi le faire audacieux, et je vais faire 36 points comme ça. Ne changez pas la couleur. Zéro ici d'être cherche B f f f f f comme ça pour montrer qu'il est inactif en ce moment. Donc, quand l'utilisateur entre une quantité ici, il aura la couleur foncée. D' accord. Cependant, quand c'est zéro, ça va ressembler à ça. Alors laissez-moi l'aligner au centre et sa hauteur de ligne va être 44 assez génial. Alors ça a mis le haut combat à 16 cellules de pointe comme ça. Et ici, comme je l'ai déjà mentionné, nous avons besoin d'un séparateur. Alors créons une ligne de semaine. Je vais le faire 224 et changer la couleur pour le E E et un e f comme ça. En s'alignant sur le centre, laissez-moi l'avoir dit. Arrêtez d'ajouter à 16 comme ça. Plutôt génial. Ensuite, nous avons besoin d'un autre texte. Donc je vais aller de l'avant et dupliquer le texte et c'est exact. Deux. Plutôt bien encore. Il va avoir un haut de 16 pixels, ajoutant une fois de plus dupliqué. Et ici, nous devons écrire le nom de notre bénéficiaire. Ok, donc allons-y, Grace Edison, et je vais changer la couleur. 23 un trois A et trois A et la taille de la police à 16 comme ça. Alors de quoi d'autre avons-nous besoin ici ? Ne pensez-vous pas que c'est sympa d'avoir la photo de notre utilisateur ? Ou disons notre bénéficiaire ici, donc je vais aller de l'avant et je vais l'insérer autour, et ça fera 34 sur 34 pics. Cellules. Laissez-moi changer le type de rayon pour lisser les coins, et ici je vais le mettre à 12 sur les frontières tchèques. Et nous allons utiliser la base de données de croquis pour ajouter une photo à manger comme ça. C' est sympa. Nous pouvons également ajouter quelques ombres. Faisons le Y zéro et le joueur sept, et nous devons diminuer le off évidemment à 20% assez agréable. Et après cela, vérifions l'alignement. Cette taxe va avoir un remplissage de huit pixels à gauche comme ça, et je vais les aligner verticalement, les regrouper et encore une fois les laisser au centre, ou est entièrement, et notre groupe va avoir un haut de 16 pixels ainsi que ceci. C' est génial, n'est-ce pas ? Alors de quoi d'autre avons-nous besoin ici ? On a besoin d'un clavier. Ok, alors créons un. Tout d'abord, seulement quand un groupe, tous ces éléments ensemble et c'est le bon détail de transaction, les déplacent comme ceci. Alors, de quoi avons-nous besoin pour notre numéro, Pat ? Ici ? Nous devons avoir un total de différents rectangles et avoir des nombres de 1 à 9, y compris zéro à droite en bas. Alors, insérons autour de ça ici. Je vais faire son 89 par 70 et son rayon sera 17 sur les frontières tchèques et changer la couleur à F 5, F 6 et F A comme ça. Ensuite, je vais écrire un et laissez-moi changer le fonds pour que de texte pro et la taille amusante aussi. 24 points comme ça, et je vais le rendre moyen. Enfin, la couleur de notre primaire ici. Ensuite, nous allons les aligner verticalement et horizontalement et les regrouper. Appelons-le un. Puis dupliquez-le et placez-le avec le 10 pixel à gauche. Rembourrage une fois de plus dupliqué. Et je vais changer leur nom de 22 et de 123, et encore une fois, nous devons les dupliquer. Et encore une fois, et nous avons besoin de la dernière rangée. Ok, alors changeons le nom du groupe. Tout d'abord, ce dernier bouton va être notre bouton sable. Ok, donc maintenant nous devons changer ce texte. Alors changeons aussi. Et encore les aligner et ainsi de suite. Et ici, nous avons point et zéro. Ok, et enfin, ici, on doit avoir notre bouton d'envoi, donc on a besoin d'une flèche droite ici, alors amenons-le d'ici. Je vais copier, c'est un texto, accord ? Et collez-le ici et vous devez changer le fonds pour s un pro autour d'elle parce que c'est un sf semble arc et ne fonctionne pas avec les autres fonds. Faites-le 28 points et aussi voler assez impressionnant. Ensuite, c'est l'aligner et aussi changer la couleur au vent. Et nous devons ajouter un Grady dans ce bouton, qui est le même Grady int que nous avons ici. Ok, donc je vais sélectionner cet en-tête clic droit sur ce style de copie. Et je vais y aller, d' accord. Cliquer et coller sont assez bons sont à droite Maintenant, il est temps de regrouper nos boutons, les alignés au centre. Comme vous pouvez le voir, nous avons 44 pixels à gauche. 44 ramasse les cellules vers la droite, et nous devons avoir 74 cellules de pointe vers le bas. OK, et maintenant nous allons déplacer nos détails de transaction vers le bas pour obtenir un 58 choix. L fond se bat comme ça. Bon, maintenant, changeons le nom du groupe ici aussi. Panoramique numérique et aussi le nom du groupe ici à la barre de navigation comme ceci sont corrects. Tout est fait. J' espère que vous apprécierez cette vidéo. Et dans la prochaine vidéo, nous allons concevoir notre page de confirmation ensemble. Alors, on se voit là 109. Confirmation: Salut, tout le monde. Bienvenue dans une autre vidéo de ce cours dans cette vidéo. Nous allons concevoir la page de confirmation ensemble. Donc, sans plus tarder, commençons à dupliquer le tableau d'art de transfert, et je vais me renommer en confirmation. Très bien, alors retirons le numéro, le pad et aussi certains de ces éléments. Par exemple, nous n'avons pas besoin de ce montant et du séparateur, alors supprimez-les. Et ici, nous pouvons changer ce titre soit à la transaction ou à la confirmation. Donc je vais écrire une transaction comme ça, alors laissez-moi regrouper ces éléments, non ? Cliquez ici sur le groupe Assez génial. Et là, c'est exact. Vous avez envoyé $99 avec succès à Grace Addison are right, puis diminuez la avec 2 248 et la ligne haute à 27 comme ceci. Je vais l'aligner au centre et le film vers le bas assez génial. Cependant, je vais dire comme ce nom et le rendre en gras afin d'attirer l'attention de l'utilisateur sur. Voyons voir, quoi d'autre avons-nous besoin ici ? Premières réponses. Laissez-moi supprimer ces noms. Et je vais effrayer cette photo à 78 comme ça. Et je vais y ajouter quelques détails. Ok, alors laisse-moi apporter l'icône d'état ici. Je vais choisir ce vert, copier et le coller ici pour l'agrandir à 18 par 18 pixels. Plutôt génial. Et enfin, je vais changer la couleur en orange, et cela montre que l'utilisateur n'est pas disponible en ce moment. Alors écrivons F 7 A et 700 comme ça. Il va avoir 60 pics de rembourrage gauche et un cap de 60 pixels. Regroupez-les et une fois de plus aligner au centre. Ensuite, nous avons besoin d'une icône de coche comme Don Icône ici. Alors amenons-le de ses icônes. Icahn. Et ici, nous avons fait ressemble beaucoup. C' est s'aligner sur le centre. Ça s'arrête. combats vont être 217 cellules de pointe à l'âge de notre écran comme ça, et le rembourrage inférieur va être 16 zones de sélection. Laisse-moi faire baisser les enjeux et le haut qui se bat contre notre image sera 40 comme ça . Il nie. Donc nous avons besoin de deux choses de plus. On doit placer deux boutons ici. Le bouton supérieur sera le bouton Exécuter à nouveau, ce qui permet à l'utilisateur d'exécuter à nouveau la même transaction. Et le bouton du bas est notre bouton de confirmation. D' accord ? Ce qui donne à l'utilisateur la confirmation de cette transaction. Donc, continuons et copions et collez ce bouton de vérification. Non. Donc je veux ce bouton d'inscription. Et tout d'abord, changeons aussi le nom de Fullers. Exécutez à nouveau et changez maintenant les chars pour exécuter à nouveau. Plutôt bien. Bougez-le vers le haut. Retirons cette flèche de notre deuxième bouton et je vais l'aligner. Cela prend au centre et le changer pour confirmer une fois de plus une ligne dans le centre. Et ici, je vais changer les dossiers. Nom à la confirmation Comme ça sont justes. Le rembourrage inférieur de ce bouton de confirmation va être 37 il est arrêté. Rembourrage va être 16 pixels comme ça sont corrects. Les mecs. J' espère que vous apprécierez cette vidéo. Nous avons conçu avec succès notre page de confirmation ensemble et je vous verrais dans la prochaine vidéo. Alors, voyez-vous alors 110. Page de notification: Salut, tout le monde. Bienvenue à une autre vidéo du cours dans ces vidéos. Nous allons concevoir notre page de notification ensemble. Donc, sans plus tarder, commençons à dupliquer. Ce n'est pas un tableau, et je vais me renommer en notification plutôt bon. Ensuite, supprimons presque tous les éléments ici. D' accord ? Cependant, nous avons besoin de la barre d'état comme nous l'avons ici. Laisse-moi l'amener ici, et je vais te changer à la lumière. Plutôt bien. Alors de quoi avons-nous besoin ici dans cette page ? On doit placer une barre de recherche en haut. OK, alors allons-y et amenons la recherche d'un a recréé être page de transaction je vais copié et collé ici. Plutôt génial. Alors c'est changer sa couleur pour f five f cherche et f A comme ça et nous n'avons pas besoin de changer quoi que ce soit d'autre. Il arrête de se battre va être 68 pixels au bord de notre écran comme ça. Ici, nous avons besoin d'un titre. Ok, donc je vais apporter le titre de thèse ici. Copiez et collez-le et laissez-moi une ligne dans la gauche et le changer pour que vous pouvez vérifier vos notifications ici. Plutôt génial. et cela a diminué. C' est avec 2 274 Plutôt bon. Eh bien, il arrête d'ajouter va être 32 pixels et le tapotement gauche va être 30 grandes cellules. Ok, alors de quoi d'autre avons-nous besoin ici ? Nous devons créer nos identifications, évidemment. Nous avons donc besoin d'une image pour notre notification, ainsi que d'un nom et d'un message. Ok, Donc ce que je vais faire est de copier et coller cette photo de notre page d'accueil comme ça et laisser moi l'avoir réduite à 40 par 42 choix. Les elfes nient. Je vais zoomer méchant, et je vais agrandir la taille de cette icône d'état. Ok, ça a augmenté à 11 aligner au fond et écrire trois dénégations. Et là, nous avons besoin d'un titre. Alors écrivons un nom. D' accord ? Et peut-être Lane, nous devons changer la photo plus tard. Alors allons-y, Floyd Farmer. Et je vais vous changer trop régulièrement et diminuer la taille de la police à 14 points comme ça. Et la ligne de salut à 18. Jolie nie qu'ils l'aient mis ici, le dupliquent, et ici nous devons écrire notre message. Donc, nous allons droite Floyd juste vous envoyer 20$ comme ça et je vais changer la taille à 16 points et aussi la couleur à notre couleur primaire. Vous pouvez utiliser cette couleur pré nie que le titre supérieur va être trois picks, cellules ou droite. Et le rembourrage de gauche va être de huit pixels comme ça. Ensuite, regroupez-les et en ligne avec notre photo yeux plissant verticalement. De quoi d'autre avons-nous besoin pour notre notification ? Nous avons besoin d'une petite flèche pour mettre ici. Ok, alors amenons ça d'ici. Ils ont raison. Je vais l'aligner sur notre photo et nos chars verticalement, et il aura un rembourrage de 30 pixels à droite. Plutôt bien. Maintenant, nous allons regrouper tous ces éléments. Et ici, nous allons écrire une notification. Impressionnant. Et n'oubliez pas de changer cette photo, actualisez les données dont vous avez besoin pour obtenir une photo masculine. OK, c'est plutôt bien. Ensuite, afin de rendre ce processus beaucoup plus rapide, je vais créer un symbole. Et là, c'est vrai. Notification. Ok, alors allons à la page des symboles. On y va. Donc, pour le moment, nous pouvons changer la photo et aussi ces deux titres, mais nous devons être en mesure de changer l'icône d'état aussi bien. Nous devons donc créer un autre symbole ici. Créons un symbole. Et ici, nous allons écrire la barre oblique d'état Disponible. Impressionnant. Ensuite, nous avons un autre symbole qui est dupliqué. Nous devons créer trois statuts différents. Ok, alors changeons le nom ici. Trop occupé, et je vais changer la couleur en orange. Alors écrivons F sept un sept. Double zéro. Plutôt génial. Et il est dupliqué une fois de plus, qui est notre dernier statut, et changer la couleur pour ce et ce assez génial. Et a également changé le nom en mode hors ligne. Jolies niies. Revenons à notre page un an. Et comme vous pouvez le voir ici, nous pouvons changer ces chars et aussi leur statut. Ok, c'est plutôt génial. Alors de quoi d'autre avons-nous besoin ici ? On a besoin d'un séparateur. D' accord, mais tout d'abord, nous allons dupliquer la notification, et ça aura 32 pics. Tout rembourrage supérieur. Ok, encore une fois dupliqué assez bien. Nous avons aussi besoin de robinet sont. Nous allons donc insérer une falsification ici à partir de notre document parce que nous avons créé un robinet ou un symbole. Je vais le mettre ici, et j'ai besoin de faire de l'onglet l'actif ok, et de rendre la certification active comme ça. Alors mettons notre séparateur ici. Donc on doit insérer une ligne comme ça, et ça va être 315 et changer la couleur en D double E un e. Ok. Il va avoir 16 picks sur le dessus et un rembourrage de 16 pixels en bas. Donc je vais le dupliquer assez bien. Regrouperons ces lignes. Et là, je vais me renommer en séparateurs assez bien, accord. Et maintenant, il est temps de changer nos données. Ok, alors nous allons élire le n'est pas l'éducation, et je vais changer le nom pour autre chose. Alors allons-y, Jane. Plutôt bien. Et aussi ici, je vais écrire. Jane vous a envoyé ici, nous sommes rencontrés juste parce qu'elle a envoyé l'utilisateur, par exemple, il y a un jour. OK, alors allons-y. Jane t'a envoyé 99$ et je vais copier assez génial. Et c'est comme cette photo et rafraîchissez-la. C' est bon. Allons changer le 3ème 1 Je vais écrire à ah Maxwell, et c'est coller qui prend ici et changer le nom à tout. Et le montant à 500$ nous avons besoin de changer la photo aussi bien que ça. Mais maintenant, nous allons changer le statut de disponible pour être facile. Ok, Si vous voulez rendre ce processus rapide cheveux OK, vous pouvez utiliser le bouchon appelé Craft. Comme vous pouvez le voir, je l'ai ici. Il peut générer des données pour vous facilement et rapidement. Par exemple, ici, je peux générer des noms, des titres, articles, même des dates , des devises , des pays villes, etc. OK, mais pour l'instant, on va le faire manuellement, un par un. Alors maintenant, changeons le suivant. Changeons le nom pour Herman Frasier. Comme ça. Et ici, président aussi. Et le montant ? C' est vrai. 25 $. N' oubliez pas de changer la photo. C' est génial. Et les changements de statut à notre vol assez génial. Et le prochain ici, changeons le nom de William Weight. Et voici William vous a envoyé 10$. Laisse-moi changer la photo. D' accord. C' est bon. D' accord. Il nous faut deux de plus. Alors changeons le nom. Non. Semble calme et ici à Elsie aussi. Sinon, il vous a envoyé 12$ le statut est occupé et nous devons changer la photo pour quelque chose comme ça . Et le dernier. Changeons le nom pour Harriet Coleman. Plutôt génial. Et les attaques pour porter son vous envoyer 25$ le statut va être hors ligne. Et aussi, la photo va être celle-ci. C' est plutôt bien. Et c'est tout. Et croyez-moi, si vous travaillez ça bricolage, il faut moins de temps pour faire tous ces processus. Laissez-moi vous montrer comment ce fléau en justifie. Supposons qu'on ait ici un texto, d'accord ? Et ça va être un nom. Des noms de silicium, et je peux choisir entre un homme, une femme ou les deux. Alors écrivons femme. On y va. Ou je peux choisir des pays, des villes, même des dates. C' est fantastique, non ? Donc, l'utilisation de ce branchement vous permet d'économiser beaucoup de temps. D' accord ? Maintenant, laissez-moi les regrouper. Nous n'avons pas besoin de cette dernière notification que nous avons créée, donc je vais supprimer cela. Et maintenant, nous allons les regrouper. Voici nos notifications, et nous pouvons à nouveau les regrouper avec nos séparateurs. Et c'est tout. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. Nous avons conçu avec succès notre prochaine page de vacances ensemble, et dans la prochaine vidéo, nous allons concevoir notre page de profil. Donc, je vous verrai dans la prochaine vidéo 111. Page de profil: Bonjour, tout le monde. J' espère que vous allez bien dans ces vidéos. Nous allons concevoir notre page de profil. Donc sans plus tarder, commençons à dupliquer ce tableau d'art, accord ? Et je vais me renommer pour profil assez bon, et nous devons supprimer presque tous les éléments sauf ce titre assez génial. Et faisons cela appuyer sur l'actif et rendons celui-ci actif. C' est génial. Et nous devons changer le titre en profil et le rendre plus grand parce que c'est notre grand titre ou, disons, gros en-tête. Je vais faire 41 points et il fait 9 hauteur va être 50 et il va avoir un rembourrage de 90 pixels et un 30 pixels comme ça. Ensuite, nous devons aller de l'avant et copier et coller les formes de notre société de profil qui le rythment ici, les déplacer au bas de notre liste de calques comme ça, assez génial. Et là, je vais les faire tourner un peu comme ça sur Faisons comme ce violet. Déplacez-le et écrit, Si c'est un peu vers la gauche, c'est fantastique. Nous avons besoin de l'image de profil de l'utilisateur , le nom, l'état et entendre certaines sensations telles que le nom d'utilisateur, le prénom, le nom de famille, la date de naissance, et en bas. On doit avoir le même bouton de vente. Ok, alors commençons à apporter ces éléments. Tout d'abord, on a besoin de l'image de profil, donc je vais l'amener ici. Faisons peur de 60 zones de cueillette comme ça. Il va y avoir un rembourrage de 30 pizzas et 33 pics qui vendent le dessus comme ça. Alors nous avons besoin d'un nom. Alors allons bien, Emma, en fait, en fait, et changez la taille de la police à 20 points et la ligne haute à 24. Et enfin, nous devons changer la couleur à trois D 56 f a comme ça. Et changons le fonds pour un texto pro, et je vais le rendre fantastique, puis dupliqué. Et là, allons-y. Le statut qui est en ligne, rendre clair sur la police La taille va être de 16 points et la hauteur de la ligne devrait être de 19. Il va avoir sur un haut pixel comme ça. Regroupez-les et alignez-les verticalement avec notre image de profil. Et nous allons avoir un rembourrage de 16 pixels à gauche. Plutôt génial. Encore une fois, regroupez-les ici. Nous devons écrire des informations sur les utilisateurs comme celle-ci. Alors allons-y. Et à partir de là, je vais copier et coller tous ces réservoirs champs année. Et maintenant, nous allons élire tous ces titres, qui sont le nom d'utilisateur, le prénom, le nom de famille et la date de naissance. Et nous devons changer la couleur 23 un trois A et trois A et aussi sélectionner l'entrée ok et changer la couleur à celui-ci comme celui-ci. Et nous devons supprimer ces icônes en teck. Et enfin, changeons la couleur de nos séparateurs. On doit les changer en D E et un e f comme ça. Oh, j'ai oublié de sélectionner celui-là. Alors, changeons-le aussi. Le e e et un e f ont raison. Le premier coup de notre impôt semble être de 40 points de mire. Et puis, comme je l'ai déjà mentionné, nous avons besoin d'un bouton de déconnexion. Alors allons de l'avant et copions et collez le bouton d'inscription que nous avons créé pour notre menu. Je vais le déplacer vers le bas génial. Et changeons aussi la taille. 315 par 72 comme ça. Alignement au centre. Et ici, nous devons déplacer cette icône sur le côté droit pour obtenir un 24 pixel juste tapotant comme ça . Fantastique. Et enfin, ça se déplace vers le bas pour obtenir une cellule de 30 crête. Mais je tapote, et c'est tout. D' accord, les gars. Il a également créé notre page de profil ensemble. J' espère que vous apprécierez cette vidéo. Et je te verrai dans la prochaine vidéo, qui est notre dernière vidéo. Et c'est sur les pages d'embarquement. Ok, alors à vous voir. 112. Onboarding: Bonjour, tout le monde. Bienvenue dans la dernière vidéo de cette section. Dans cette vidéo, nous allons concevoir ensemble les pages d'embarquement. Donc nous, docteur, je le sais. Commençons. Tout d'abord, je vais aller de l'avant et inserts et tableau d'art ici. Plutôt génial. Alors changeons son nom pour son embarquement Juan. Et je vais le dupliquer deux fois parce que nous avons besoin de concevoir trois pages différentes et il les a renommées votre sur l'embarquement en un sur l'embarquement 3, respectivement. Parfait. Alors de quoi avons-nous besoin ici ? En haut. Je vais mettre un logo. Ok, la couleur du logo. Alors apportons-le de notre écran de déjeuner. Celui-ci copié, collé ici. Et je vais enlever ces chars dont je n'ai pas besoin. Déplaçons ça et arrêtez de se cacher, ça va être 84. C' est génial. Laissez-moi le copier et le coller dans tous les tableaux d'art comme ça, puis ici. Nous devons mettre notre illustration. Ok, alors amenons notre illustration ici. On y va. Ici, nous avons des vélos de sécurité. Épargne et échange. La première illustration va sauver, donc je vais la glisser et la déposer ici, laissez-moi l'aligner au centre et ça va avoir un top 170 se cachant comme ça. Ensuite, nous devons placer nos réservoirs et ici au fond, nous devons mettre notre fond. Alors, insérons le texte ici et à droite, économisez votre argent. Pratiquement comme ça. Je vais le rendre plus grand. Faisons 24 points et aussi changer le fonds à Monserrat il. Et il va être audacieux et la ligne salut à 36 assez génial. Et la dernière chose que nous devons faire est de diminuer le avec deux 307 comme ça et il va avoir un rembourrage de 30 pizzas à gauche. Assez génial et un 116 pics. J' ajoute en haut, OK comme ça. Ensuite, nous allons dupliquer parce que nous avons besoin d'écrire une description ici et maintenant je vais utiliser un fonds d'auto-protection et faisons 19 points et aussi régulier, et je vais changer la couleur à sept c deux un double F comme ce beau. Alors ça a changé avec 2 300 changer ces chars pour obtenir 5% d'argent. Banque pour chaque transaction et le dépenser facilement. Plutôt génial. Et maintenant, changeons la ligne haute à 28 comme ça, et le cap d'arrêt va être de 22 pixels. Impressionnant. Ensuite, nous avons besoin d'un bouton et aussi de l'indicateur de page. Alors allons continuer et copier-coller ce bouton de connexion et je vais changer la taille à 153. Donc, diminuons le avec, comme ça. Plutôt bien. Je vais ramener nos techniciens à l'intérieur du Spartan, et il restera 24 pixels en tapotant comme ça. Changons-le en suivant. Fantastique. Je vais renommer ce dossier en suivant, et il aura un rembourrage de 30 pixels droit et un 38 pixels qui n'aura pas d'impact comme ça. Alors de quoi d'autre avons-nous besoin ici ? Nous avons besoin d'un indicateur de page. Alors faisons-en un. On a besoin d'un cercle ici et je vais sur les frontières tchèques. Fais cinq par cinq à Mizzou. C' est doublé, et il va avoir un tapotement de quatre pixels à gauche. Et maintenant je vais insérer autour de ça ici comme ça sur les frontières tchèques. Et avec 2 22 comme ça, il va avoir un remplissage de quatre pixels les grouper, et cela a changé la couleur du premier indicateur à un 46 et double F et sélectionnez ces deux cercles et changer leur couleur pour être cinq b f f f f génial. Ensuite, je vais renommer ces deux indicateurs plus complets et créons un symbole ici. Je vais écrire des indicateurs, barre oblique page 1, puis aller à la page Symboles et dupliqué deux fois comme ça et les renommer à la page 2 et page 3 parce que plus tard, nous pouvons les changer facilement. Maintenant, à la page 2, nous devons changer la place de nos indicateurs. Placons donc le grand indicateur ici au milieu, un an à gauche et pour le dernier. Il a placé cette grande année, et les deux autres, déplacons-les vers la gauche comme ça. Parfait. Très bien, ça va avoir 30 pics de tapotement gauche. Vous pouvez l'aligner avec notre fond verticalement. Fantastique. La seule chose que je vais ajouter ici, c'est un cercle. Alors, insérons un cercle et faisons-le 470 par 470. Et sur Czech Borders, je vais changer la couleur pour avoir cinq f cherche et F A comme ce film à droite au bas de notre liste de couches et changé l'Exposition Tu moins 125 et le blanc à 423 comme ça et ça a l'air fantastique. J' espère que ça vous plaira aussi. Donc, pour d'autres pages, nous avons également besoin de ces contenus. Au lieu de simplement les copier et les coller, je préfère supprimer ce sont des planches, payer et les dupliquer. Ça va être beaucoup plus facile une fois de plus qu'on a rebaptisé ces tableaux d'art Tom embarquement et votre sur l'embarquement trois comme ça. Ensuite, tout d' abord, ici, changeons l'illustration. Alors amenons la boîte de sécurité ici. Impressionnant. Alignement au centre et changer la guerre en 170 pour obtenir un 170 pics sur le dessus, ajoutant, Et ici, nous devons changer le titre pour sécuriser votre argent gratuitement et obtenir des récompenses. Impressionnant. Ensuite, modifions la description ici pour obtenir l'application de paiement la plus sécurisée jamais et en profiter . Ensuite, nous devons changer l'indicateur de vos deux pages deux comme ceci et la dernière page. Supprimons cette illustration et amenons l'illustration de trading ici. Je vais l'aligner au centre et changer le vin à 170. Impressionnant. Et ici, modifions le titre pour profiter du trading d'actions sans commission. Et ici, écrivons. Investissement en ligne n'a jamais été aussi simple qu'en ce moment, Previ. Impressionnant. Et maintenant, changeons l'indicateur à la page trois. Et nous devons changer notre bouton ici pour le démarrer. Impressionnant. Alignement au centre et supprimez notre flèche droite comme ceci et renommez ce dossier pour démarrer assez bien. Et c'est tout. Nous avons conçu avec succès nos propres pages d'embarquement ensemble. Et c'est la dernière vidéo de cette section. D' accord, gars, j'espère que vous apprécierez cette série de vidéos. C' était si intéressant de créer ce projet ensemble, et j'espère que vous l'avez vraiment apprécié. Si vous voulez accéder au projet final, vous pouvez le télécharger à partir de la section ressource est de la dernière conférence dans cette section. Donc, une fois de plus, j'espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. Alors, à vous voir. 113. Projet 3 - Page d'accueil: Salut, tout le monde. Bienvenue dans une autre section de ce cours dans cette section. Nous allons concevoir une page de destination pour notre application d'argent. Donc, comme vous pouvez le voir, nous allons concevoir et moderne, belle et intéressante page de destination ensemble. Donc ici utilisé les captures d'écran de l'application que nous avons conçu dans la section précédente. Et aussi, comme vous pouvez le voir, nous avons des menus en haut. Nous avons un appel à l'action. Ensuite, nous avons des caractéristiques clés. Comme vous pouvez le voir, nous avons ici six caractéristiques clés différentes. Nous allons concevoir chaque chose ici et puis nous avons une fonctionnalité et fonctionnalité à et aussi nous avons la section client et ici nous avons l'appel à l'action à nouveau pour la dernière fois et la nourriture elle. Donc, à la fin de cette section, vous comprendrez comment vous pouvez concevoir une page de destination étonnante et aussi créative. Donc, pour commencer à concevoir ces pages de destination ensemble, assurez-vous de télécharger les actifs trouvés à partir de la section ressource est de la conférence sur les actifs. Donc je vous verrai dans la prochaine vidéo 114. Mise en page et grilles: Salut, tout le monde. Bienvenue dans une autre vidéo de ce cours dans cette vidéo. Nous allons créer nos mises en page ou nous avons accepté IR afin de commencer à concevoir notre page de destination. Donc la première chose que j'ai besoin que vous fassiez est d'ouvrir l'application d'argent que nous avons conçue précédemment et ici dans les pages, je vais ajouter une autre page sur. Écrivons la page de destination. Parfait. Ici, il nous faut une œuvre d'art. Ok, alors allons de l'avant et insérons un tableau d'art. On y va. Ici, vous pouvez choisir Responsive Web. D' accord. Et comme vous pouvez le voir, nous avons différentes options. Nous avons l'inversion mobile, tablette et bureau. Ok, on va concevoir la version de bureau. Cependant, tous ont un disque vers le haut, qui est de 10 24 par 10. 24 ou HD de bureau, qui est 14. 40 par 10. 24. Ok, c'est sous la taille standard. Cependant, nous allons changer son avec 2 1920 et attacher à 10. 80. Ok, nous augmenterons la hauteur plus tard à mesure que notre conception va à d'autres niveaux. Ok, alors rappelez-vous, quand il crée un nouveau tableau d'art, c'est une œuvre d'art personnalisée. Donc, pour que vous puissiez Previte unité appropriée Quicken personnalisé ici et créer une taille constante. Vous pouvez écrire, par exemple, HD de bureau comme celui-ci, ou vous pouvez l'appeler page de destination comme ceci. Ainsi, lorsque nous créons un tableau mart constant, nous pouvons facilement prévisualiser d'une manière appropriée. Et quand nous augmentons le haut plus tard, nous pouvons faire défiler vers le bas et faire défiler facilement vers le haut. Ok, parfait. La prochaine chose que nous devons faire est de mettre en place nos mises en page et nos salutations. Alors, que sont les mises en page et les salutations ? Salutations, gros, nos gars vont bien ? Donc, pour concevoir une page Web réactive, il est fortement recommandé d'utiliser de grands systèmes. Vous pouvez utiliser différents systèmes de grille. Cependant, pour ces projets, je vais utiliser un système de groupe de 12 colonnes. Alors, comment pouvons-nous créer notre cupidité ? C' est si facile. Nous pouvons aller de l'avant et cliquer sur la vue. Et ici, comme vous pouvez le voir, nous avons deux options montrer saluer les mises en page. Ok, donc je vais te tuer, peux montrer une mise en page comme celle-ci, et puis nous allons cliquer sur les paramètres de mise en page parfaits. Ici, nous avons différentes options que nous pouvons modifier. Le total avec est défini sur 1920 pixels. ce moment, cependant, nous ne mangeons pas notre avec pour être ce vent. OK, donc on va écrire 1600 comme ça. Et en passant, ce n'est pas un hasard avec c'est un standard on peut aussi utiliser 960 pour cela. Ensuite, je vais définir le décalage à 160 le nombre de colonnes, comme vous pouvez le voir dit à 12. Ok, et c'est ce qu'on veut cette gouttière à l'extérieur. Donc ça ajoute, elle l' a sortie de nos colonnes. Et ici, nous avons deux options différentes. Elle est avec et colonne avec. Donc la gouttière est cet espace blanc entre nos colonnes et notre colonne, évidemment, c'est cette zone plus sombre. Alors définissons la colonne avec deux, 117 cellules photos. Et comme vous pouvez le voir, la gouttière avec automatiquement changé à 16 pixels, c'est exactement ce que nous voulons. Nous pouvons également vérifier Rose, cependant, nous n'avons pas besoin de cela. Alors gardons ça non vérifié. Et ici, vous pouvez choisir les couleurs afin que je puisse choisir le sombre ou les lumières. C' est à vous de décider. Vous pouvez le changer comme vous le souhaitez. Tu peux le changer à ce que tu veux. Je vais le garder comme ça. C'est parfait. Assurez-vous de tuer Lincoln Center. OK, parfait. Nous avons créé avec succès nos lignes directrices ou, disons, nos salutations pour ce projet. Donc, dans la prochaine vidéo, nous allons commencer à concevoir notre section de héros ensemble. Alors, à vous voir. 115. Section 1 du héros: Salut, tout le monde. Bienvenue à une autre vidéo de la section Dans la vidéo précédente, nous avons mis en place nos mises en page, comme vous pouvez le voir ici avec le avec 1200 pixels off. Et dans cette vidéo, nous allons commencer à concevoir notre page de destination. Je suis tellement excité ensemble commencé. Alors quoi ? Peut manoir quelque chose. Chaque site a une section héros. OK, qu'est-ce qu'une section de héros ? Laissez-moi ouvrir le site Web de l'application de croquis pour vous montrer un exemple. On y va. C' est le croquis. Je suis site Web et cette section est appelée section héros. Ok, alors de quoi avons-nous besoin ici ? Oh, section. Comme vous pouvez le voir, nous avons besoin d'un logo en haut et aussi de quelques menus. Et puis un titre et un titre d'arrêt. Et enfin, nous avons besoin de contre-actions. D' accord. Et vous pouvez voir que nous avons quelques boutons, essayez gratuitement et voir les prix. Ceux-ci sont appelés appel à l'action. Et après cela, nous avons une autre section. Il peut s'agir de fonctionnalités clés de l'application, du site Web ou même du produit. Ok, on y va. Ce sont les principales caractéristiques et ici nous avons quelques autres fonctionnalités, puis la section client , Une autre section de tibia contrat Et à la fin, nous avons le pied de page. Ok, donc dans cette vidéo, nous allons nous concentrer sur la création de notre section héros. Commençons. Comme je l'ai déjà mentionné, nous avons besoin d'un logo à mettre ici. Ok, alors allons-y et ouvrons notre dossier d'actifs. On y va. Et ici, j'ai préparé pour vous quelques dossiers. Nous avons des écrans, qui est la capture d'écran de notre application Beach redessinée. exporté cinq tableaux d'art ici. Comme vous pouvez le voir, nous avons des voitures, accueil, transactions de menu et les détails des transactions. Et puis nous avons des icônes, des illustrations, des logos et des attaques. Bien ici. Donc maintenant, nous devons ouvrir les logos et ici nous avons de l'argent. Parfait. Laisse-moi le glisser et le déposer là-bas. En fait, j'ai créé une autre version de notre logo comme ça. La seule chose que j'ai changée est la position de notre texte. Ok, donc j'ai créé une version horizontale de notre logo comme ça. Maintenant, je vais zoomer moyen, et nous devons utiliser notre cupidité pour aligner nos éléments. Ok, donc ce que je vais faire, c'est déplacer ces éléments comme ça jusqu'à ce qu'ils touchent notre colonne. Parfait. Et son rembourrage supérieur sera 50 comme ça. Parfait. De quoi d'autre avons-nous besoin ici ? Nous avons besoin de menus qui sont des attaques publicitaires. Et je vais choisir sur les téléphones Sarah parfait. Et ça a changé la taille d'un téléphone à 17. Et ça va être irrégulier et le caractère, nous allons et le caractère, ça va être zéro effet. Et puis changeons la couleur. Je vais le changer à trois a. trois aet trois a. et trois a. la même couleur foncée que nous avons utilisé pour la conception de l'application vierge de ce produit. D' accord ? Et enfin, définissons la ligne haute à 24 parce que nous utilisons un système de huit pixels sont les nombres devraient être divisibles par huit. Plutôt bien. Je vais zoomer méchant. Et là, allons-y. Les produits ont raison. Que l'ambiance ici dupliqué et droit, Développeurs parfait. Encore une fois, dupliqué sur le bon prix à nouveau, je vais le dupliquer. Et là, c'est vrai. Soutien. Laisse-moi les déplacer sur le côté gauche. Et nous avons besoin de deux autres choses ici qui le dupliquent. Et ici, nous avons besoin d'aimer. Et la dernière option sera notre bouton d'inscription. Ok, donc ce que je vais faire, c'est biper Juan. D' accord. Et ici, je vais zoomer moyen et choisir ceci obtient ou tp bouton copié. Et ici, sur la page de destination, je vais payer l'état parfait. Et maintenant, je vais encore dupliquer parce que j'ai besoin du même fond. Et maintenant, nous allons double-cliquer sur le 1er 1 et enlever ces formes assez bien. Si vous voulez cacher ces mises en page, vous pouvez facilement garder le contrôle et moi et pourquoi, monsieur ? Vendre. Parfait. Et maintenant, je vais sélectionner mon fond ici. Et ça a changé leur avec deux, 178 par 72. Je vais aligner nos chars au centre. Plutôt génial. Et ça a changé la taille d'un téléphone à 17. Encore une fois, aligner assez bien. Et n'oubliez pas de changer le Lion High en 24. Et comme vous pouvez le voir, nous avons 24 pixels vers le haut et 24 pixels vers le bas. Et ici, je vais renommer ce plus complet pour m'inscrire. Et aussi, changeons ce texte pour s'inscrire assez bien. Et déplacons-le ici, et je vais vous présenter nos salutations. D' accord, alors où exactement devrait repositionner nos éléments pour ce projet ? J' ai décidé d'utiliser la deuxième colonne du côté gauche et la deuxième colonne du côté droit aussi. Donc ce bouton doit être ici comme ça, et il est caché en haut va être de 40 pixels. Parfait. Ensuite, je vais aller de l'avant et choisir sont beaucoup d'humains, les déplacer vers le labo. Et maintenant, nous allons les aligner. abord, tout ce que je vais aligner ces réservoirs. Il va avoir 64 pics de rembourrage comme ça. Plutôt génial. C' est une ligne. C' est aussi verticalement, alors c'est comme un support, et ça va avoir un 72 pics. Bon, rembourrage et ainsi de suite. Donc, ces prix 72 pics cellules ainsi, les développeurs et les produits. Plutôt génial. Ensuite, nous allons sélectionner tous ces textes et les regrouper verticalement. Et ici, nous allons écrire le menu parfait. Et comme vous pouvez le voir, il a un haut de 64 pixels, ajoutant, c'est fantastique. Et encore une fois, je vais aligner tous nos éléments ici, donc nous devons choisir notre logo, notre menu sur notre fond, et les aligner verticalement. Plutôt génial. La seule chose qui a changé, c'est la position de notre logo. Comme vous pouvez le voir, il arrête de cacher ses 56 cellules p en ce moment. Fantastique. Ensuite, je vais déplacer la place sur le côté gauche et ici nous devons ajouter quelques éléments qui sont des chars. Alors ajoutons un texte et je vais changer sa taille à 65 comme ça. Et il a aussi changé le fonds pour que le texte pro, et je vais changer le chemin de la scène et la ligne salut à 80. Parfait. Et la dernière chose que nous devons changer est la couleur que je vais mettre à un 46 sur double F comme ça, et puis cela change pour sécuriser votre argent gratuitement et obtenir des mandats re assez génial. Laissez-moi diminuer avec 2 667 et je vais l'aligner sur le côté gauche, et je pense qu'il vaut mieux changer le Fonds. Je vais le changer en écran SF pro, alors recherchons-le. C' est un pro qui affiche parfait. Maintenant, c'est mieux. Et puis je vais zoomer et m'aligner parfaitement sur nos lectures. Comme vous pouvez le voir, il est parfaitement aligné et il est arrêter d'ajouter va être 367 pixels comme ceci, Alors je vais le dupliquer. Rappelez-vous, comme je l'ai déjà dit, vous avez une amende fiscale ici, donc si vous l'ouvrez, vous pouvez avoir tous ces chars. C' est votre utilisation dans ce projet, et vous pouvez les copier et les coller facilement et rapidement. Juste un rappel. On a besoin de la deuxième ligne. Copiez-le et collez-le ici. Et puis nous allons changer la taille du téléphone à 17 points et la ligne haute à 24 pixels assez bon. Et puis je vais changer le poids du thème à la lumière allumée. Laissez-moi changer le avec 472 comme ça. Nous pouvons changer l'alignement de la masquage automatique à la taille fixe, donc je vais changer le haut à 48 comme ça et c'est le titre supérieur qui va être 16 pixels parfait. Et puis il est temps de mettre notre appel à l'action ici, qui est notre bouton d'inscription. Donc, ce que je vais faire est renommé ce dossier ensemble commencé, et aussi ces prend ensemble commencé aussi bien et laissez-moi changer la science du téléphone de 17 points et la ligne haute à 24 assez bon je vais sélectionner notre rectangle, et je voudrais changer le avec 2 251 comme ceci et alignons nos éléments une fois de plus au centre, verticalement et horizontalement. C' est plutôt bon, et il arrête le cap va être pour les pixels comme ça. C' est génial, n'est-ce pas ? Jusqu' à présent, nous avons ajouté le sous-titre du logo des menus et un bouton de contre-action à notre section héros . Dans la prochaine vidéo, nous allons ajouter et marquer jusqu'à son afin de le rendre intéressant et fantastique. J' espère que vous avez apprécié le CDO et je reçois la prochaine vidéo. 116. Hero Section 2 - Maquettes de maquettes: Bonjour, tout le monde. J' espère que tu vas bien. Comme je l'ai déjà mentionné dans cette vidéo, nous allons concevoir notre balisage pour le placer juste là. Ok, qu'est-ce qu'un balisage ? Laissez-moi vous montrer un exemple. Si vous recherchez iPhone Mark copping Google, vous pouvez voir que vous obtiendrez différentes options et différents exemples. Par exemple, celui-ci, c'est assez génial. Comme vous pouvez le voir, c'est un espace réservé pour vos captures d'écran énergie. Présentez votre design. Nous avons l'iPhone 11 ici aussi. Il y a tellement de ressources gratuites et payantes est là-bas que vous pouvez utiliser. Cependant, vous allez créer notre propre marque parce que ce sera si simple et unique. Revenons à notre croquis et je vais l'insérer parfaitement autour. Et puis nous allons de l'avant et changer leur avec 2 260 par 563 comme ce bordures non cochées et changer le type de rayon pour lisser les coins et cela équivaut à 41 assez génial. Alors je vais ajouter des ombres. Donc, nous allons diminuer le tout 5 à 10% et un Y 2 43 Je veux aussi changer le x 21 Et enfin le Blair à 56. Plutôt génial. Donc ce que je vais faire est de placer nos captures d'écran de l'application que nous avons conçue sur ces rec tango. Alors, comment pouvons-nous faire ça ? En fait, il y a des accolades différentes. La première façon est juste de glisser et déposer la capture d'écran, puis de choisir ce rectangle sur le masque. C' est, cependant, cependant, il y a une autre façon que je vous recommande d'utiliser cela et qu'il utilise la sensation de pattern dans la section feel. Donc, si vous ouvrez des champs, vous pouvez voir ici nous avons un sentiment de motif et je peux choisir une image. Alors ici, ouvrons les écrans et je vais choisir la page d'accueil comme ça. Et on y va. C' était facile, non ? À mon avis, c'est la meilleure façon de le faire. Et aussi, c'est le moyen le plus précis, accord, alors je vais aller de l'avant et le dupliquer comme ça. Je vais le placer avec un tapotement de 60 pixels parfait. Et nous allons changer la photo deux cartes assez bien encore une fois dupliqué et changer la photo détail des transactions, et nous avons besoin de deux autres, donc je vais le dupliquer une fois de plus et changé la photo à la transaction et le dernier un qui change trop bien. Ensuite, nous allons élire ces deux écran du milieu Qué et les déplacer un peu comme ça. Et nous allons aussi sélectionner ces deux et les déplacer comme ça. Et enfin, nous devons tous les choisir, les grouper et l'appeler balisage Awesome ! Ensuite, c'est tourné de 30 degrés sur le côté gauche. Donc disons à moins 30 degrés, et je vais le déplacer vers le bas pour trouver le meilleur endroit possible. Je vais présenter mes salutations ici et bougeons un peu quand un zoo signifie et cet écran va toucher cette colonne, Ok, Ok, je pense que maintenant c'est génial. Cependant, vous vous demandez peut-être ce qui va se passer pour le reste de ces balises. En fait, ils ne vont pas être coupés parce qu'on doit augmenter la hauteur ici, donc je vais multiplier par deux. C' est un bon moyen de calculer les tailles ici, donc je vais multiplier par deux et nous obtiendrons tout le monde 60 pixels parfait. Donc maintenant, si vous cliquez sur l'aperçu, vous pouvez facilement faire défiler comme ceci et ici nous allons mettre nos fonctionnalités clés. C' est fantastique, n'est-ce pas ? D' accord. Une chose dont nous devons nous souvenir est de changer la couleur de nos arrière-plans. Ok, donc si vous sélectionnez ce tableau d'art, vous aurez l'option de couleur d'arrière-plan. Je vais aller de l'avant et cocher cette case et y compris l'exportation comme ça sur ce canapé. Deux F cinq F six et F A pour obtenir ce bleu très léger et agréable. OK, maintenant ça a l'air fantastique. D' accord, gars, j'espère que vous apprécierez cette vidéo. Je vous verrai dans la prochaine vidéo pour créer nos fonctionnalités clés. Alors, à vous voir. 117. Section des caractéristiques clés: Salut, tout le monde. J' espère que tu vas bien dans cette vidéo. Nous allons concevoir nos principales caractéristiques. D' accord. En fait, nous devons concevoir six fonctionnalités clés différentes pour cette page de destination, qui sont sûres et sécurisées. Économie facile. 5% de remise en argent, convivial, basé sur le cloud et support 24 7. Ok, Donc si vous avez remarqué, j'ai déjà préparé pour vous six icônes différentes et il peut les trouver dans le fichier d'actifs. Donc maintenant, nous pouvons aller de l'avant et insérer autour de ça ici comme ça. Je vais le faire 80 par 80. Parfait. Et a changé un rayon. Temps pour lisser les coins et le montant à 25. Plutôt génial. Laisse-moi zoomer méchant, alors je vais aller de l'avant et sur les frontières tchèques, et changeons la couleur. Je vais le rendre orange ou être en sécurité. Caractéristique. Alors écrivons F 5 un 6 et 23 comme ça. Plutôt génial. Et maintenant, il est temps d'ouvrir nos actifs. Très bien. Et ici, nous pouvons aller de l'avant et ouvrir les icônes, plus complète. Et comme vous pouvez le voir, nous avons différentes icônes. D' accord ? Je vais aller de l'avant et Dragon a laissé tomber une icône sécurisée comme celle-ci parfaite. Et quand un film vers le bas, c'est une ligne à la fois verticalement et horizontalement et enfin les regrouper et je vais écrire sécurisé assez génial. Ensuite, nous devons envoyer un texto. Ok, donc la première chose est de rechange. Je vais aller de l'avant et changer le plaisir pour SF Pro affichage comme ça sur. Changeons la taille du téléphone à 22 points. Parfait. La hauteur de la ligne est 26. C' est bien et rendre la ligne haute 24 assez bonne. Et enfin, nous devons changer la couleur. 23 un trois un et trois un k. et ici je vais écrire en sécurité et en sécurité assez bon. C' est s'aligner sur le centre, et le remplissage entre eux va être de 16 pixels. Mais c'est génial. Assurez-vous que le texte est une ligne vers le centre. Encore une fois, nous allons les regrouper et appeler ça sûr et sécurisé. Plutôt génial. Ensuite, nous devons le dupliquer, ont raison. Et tout d'abord, changeons la couleur. Donc si je vais de l'avant, je peux choisir un autre Connor facilement. Si vous n'êtes pas sûr de ce que Connor est génial de combiner ensemble, il est préférable de simplement déplacer ce choix de couleur ici ou disons curseur comme ceux-ci. Et comme vous pouvez le voir, vous pouvez choisir les meilleurs Connors possibles de cette façon. Assurez-vous de ne pas changer la position du sélecteur de couleurs comme ceci. Ce n'est pas un moyen idéal, cependant. C' est une option. Par exemple, ces deux sont super, mais pour ces pages de destination, j'ai déjà préparé les couleurs, donc je vais aller de l'avant et le mettre à 23 5 c et F 5. Plutôt génial. Supprimons l'icône et amenons l'icône de la tirelire comme ceci. Je vais l'aligner au centre à la fois verticalement et horizontalement. Cependant, vous ne devriez pas toujours faire confiance à ce type d'alignement, parce que parfois vous devez équilibrer et aligner un manuellement afin d'obtenir les meilleurs résultats possibles. Donc, comme vous pouvez le voir, ce n'est pas au centre. Alors choisissons ça et déplace-le de deux pixels et je vais déplacer le dossier et le mettre dans le coffre sécurisé comme ça. Comme vous pouvez le voir, il est saut en ajoutant Eastern Devaughn et son impact spot est de 24 pixels. ce moment, cependant, comme vous pouvez le voir, vous pouvez reconnaître qu'il s'agit d'une ligne vers le centre. Ok, alors laissez-moi changer les réservoirs trop facile à économiser comme ça et encore une fois aligné au centre plutôt bon. Et ici, nous devons changer le nom de Fullers trop facile à économiser aussi. C' est génial une fois de plus dupliqué. Et ici, je vais changer la couleur pour être 32 3 F et cinq Génial. Cela a supprimé cette icône et amener l'icône de remise en argent ici. On a donc des voitures de crédit. Ça va être notre icône de remise en argent. C' est une ligne dans le centre, et nous devons l'équilibrer manuellement. Ça a l'air génial. Et puis je vais aller de l'avant et déplacer ce dossier et le mettre dans ce sécurisé, plus complet et changer la taxe à 5% de remise en argent comme cette ligne au centre et ensuite renommer ce dossier. C' est vrai, Cash Bank. Plutôt bien. Nous avons besoin de trois autres fonctionnalités clés. Ok, alors allons de l'avant et dupliquons-les comme ça. Et maintenant, nous devons changer la couleur de ce rectangle. Ou, disons que Square Teoh ont 5 23 et 23 assez bon qui est supprimé cette icône et apporter l' icône similaire ici. On y va. Je vais l'aligner au centre à la fois verticalement et horizontalement. Et nous allons changer ces chars pour être conviviaux. Plutôt bien. N' oubliez pas de déplacer ces dossiers et de le mettre à l'intérieur du Fuller sécurisé ici et renommé son Fuller en convivial. Fantastique. Et le prochain aussi, je vais changer le virage pour 23 d c et F. Fine. D' accord. Et puis je vais supprimer cette icône et amener l'icône du nuage ici parce que c'est basé sur le Cloud. Je vais l'équilibrer manuellement comme ça. Et cela a changé le nom en basé sur le Cloud plutôt bon. Enfin, je vais déplacer ce dossier et le mettre à l'intérieur d'un plus sécurisé et renommé le dossier principal en Cloud. Basé sur le dernier mais non le moindre, nous devons également changer la couleur du carré. Donc je vais le changer pour F 5 23 et 9 D comme ça. Retirez ces cartes de crédit et apportez le support. Je peux entendre une ligne au centre à la fois verticalement et horizontalement et changer ces textes à 24 7 support. Ensuite, je vais aller de l'avant et déplacer le support plus complet à l'intérieur de la sécurité plus complète et renommé la chute principale ou pour soutenir Fantastique sont raison. La prochaine chose que nous devons faire est de les aligner. Donc je vais aller de l'avant et choisir leur sécurité et convivial comme ça, et je vais régler le rembourrage entre eux à 107 cellules de sélection comme ça. La même chose arrive à ces deux-là aussi. 107 et de l'Est à assez bon. Ensuite, nous allons choisir sûr et sécurisé. Regroupez-les et nous allons me renommer en un seul groupe. Économie facile avec Cloud, basé sur Lee deux et 5% cash Bank B 24 7 Support et appeler trois. Choisissez-les anglicans. Distribuez ressentiment comme ça, et nous allons régler le tapotement entre eux à 200 pixels. Plutôt génial. Encore une fois, regroupez-les . Et ici, nous allons écrire la section de fonctionnalités assez génial, et je vais aligner dans le centre horizontalement en descendant comme ça. Je pense que je vais mettre le vin à 14 45. C' est une meilleure position, et c'est prévu. On y va. Ils ont l'air incroyables. Cependant, je pense que c'est une bonne idée d'ajouter quelques détails ici parce que nous avons un peu d'espace vide en haut et aussi ici dans le coin inférieur droit. Alors quoi ? Je vais faire, c'est payer John. Et si vous vous souvenez, dans le profil terminé tableau d'art, nous avons créé deux formes, donc je vais les choisir, les copier et entendre page de destination, les coller, puis sélectionnez le un bleu. Déplace-le ici et le violet. Ici. Je vais sélectionner le bleu et faire tourner les chaleurs vers le côté gauche comme ça. Déplaçons le ici et le violet à nouveau, tourné vers la droite et déplacez-le ici comme ça. Donc je vais présenter mes mises en page année en tenant le contrôle L. et déplacons ces bleus sur le côté gauche comme ça. Parfait et le violet aussi. Du côté droit, c'est génial. Comme vous pouvez le voir, nos principales caractéristiques ne sont pas alignées sur nos mises en page. Ok, parfaitement donc ce n'est pas un problème. Vous devriez juste vous concentrer sur cela, que tout devrait être aligné avec votre mise en page. Les mises en page et la cupidité sont juste là pour vous aider à garder tout organisé, accord, et parfois il arrive que vous les traversiez. Cependant, c'est tout à fait normal, plutôt bon. Encore une fois, c'est Previte. Cependant. abord, changeons le haut à 3000 comme ça et créons maintenant. C' est fantastique, n'est-ce pas ? est vrai, les gars, on va mettre fin à cette vidéo. J' espère que ça vous a plu. Et dans la prochaine vidéo, nous allons concevoir notre premier long-métrage ici. Donc, voir la vidéo suivante. 118. Fonctionnalité 1: Salut, tout le monde. Bienvenue à une autre vidéo sur les scores de cette vidéo, nous allons concevoir notre fonctionnalité de tarifs ici. D' accord, donc les premiers inserts, laissez-moi vous présenter nos mises en page ici assez bien. Et puis je vais zoomer méchant, Ajoutons un texte ici. Le fonds est dit à sf pro affichage, qui est ce que nous voulons. Et je vais changer le chemin à moyen et la taille à 15 points. Plutôt génial sur la ligne. Salut à 24. Je vais écrire, toujours améliorer comme ça et il est capitalisé à partir prend options qui est fantastique. Et la couleur sera de cinq à double F et huit comme ça, s'alignant sur le côté gauche et dupliqué. Et maintenant, fixons les signes du fonds à 24 points. La hauteur de la ligne va être la même, et le poids va aussi être moyen. Changeons le texte pour que nous continuions à améliorer nos services comme ça et changeons la couleur pour un 46 double f fantastique, et il va avoir un remplissage supérieur de 16 pixels comme ça et une fois de plus dupliqué. Cependant, cette fois, changeons la science du téléphone à 16 points et la ligne salut à 32. Il ne sera pas capitalisé. Je vais le remettre à l'option précédente. Et ça a changé la couleur en 4 B zéro et double s comme ça. Tu te souviens de ça ? J' ai parlé du fichier texte que j'ai préparé pour vous. Alors maintenant, on va l'ouvrir. On y va. Et comme vous pouvez le voir ici, vous avez tous les chars. Donc, pour gagner votre temps, je vais le copier et le coller. On y va. A enfin, ça a changé avec 2 517 comme ça. Plutôt génial. C' est stop cap va être 32 pixels comme ça. Sélectionnez tous les et déplacez vers le côté gauche et en alignant sur le bord gauche de notre deuxième colonne comme ceci. La seule chose dont nous avons besoin ici, c'est un fond. Ok, nous devons créer un bouton en savoir plus ici. Donc ce que je vais faire, c'est faire défiler vers le haut, OK ? Et copiez et collez les commencer. Bouton. On y va. Je vais tellement méchante. Tout d'abord, enlevons ces deux formes. Nous n'avons pas besoin d'eux et modifions le texte pour en savoir plus. Cependant, je vais changer le avec 2 200 alliant les prises au centre. Fantastique. N' oubliez pas de renommer notre Fuller En savoir plus. Et comme vous pouvez le voir, il est parfaitement aligné et il arrête d'ajouter, Il va être 32 cellules de pics aussi bien. Comme ça ? Ça a l'air génial. Alors sélectionnons-les tous, regroupez-les et appelons-la fonctionnalité un. De quoi d'autre avons-nous besoin ici ? Tu as raison. Il nous faut une illustration. Alors amenons-le ici à partir de notre dossier d'illustrations. Nous avons trois illustrations différentes. Je vais glisser et déposer le 1er 1 En fait, j'ai obtenu cette illustration du site Andhra comme je l'ai déjà mentionné. Vous pouvez vérifier. C' est une excellente source d'illustrations. Plutôt bon à Mizzou méchant ? Je vais le déplacer sur le côté droit. Comme vous pouvez le voir, il s'harmonise parfaitement avec notre deuxième colonne, et je vais faire le pourquoi 22. Et à n'importe qui comme ça assez bien. Déplaçons également ces prises vers le bas et alignons-les avec notre illustration. C' est fantastique. Il est maintenant temps de prévisualiser notre page de destination. On y va. C' est génial, n'est-ce pas. Très bien, les gars, merci beaucoup d'avoir regardé la vidéo. J' espère que ça vous a plu. Dans la prochaine vidéo, nous allons travailler sur notre deuxième long métrage. Alors, à vous voir. 119. Fonctionnalité 2: Bonjour, Ron. J' espère que vous allez bien dans ces vidéos. Nous allons concevoir notre deuxième fonctionnalité. Donc sans moi, commençons par le faire. Je vais faire défiler un peu vers le bas. Et sélectionnons notre monde de l'art parce que nous devons augmenter la taille de la hauteur à, disons, pour 1000 comme ça C'est suffisant, je suppose. D' accord. Donc, pour notre deuxième long-métrage, nous avons besoin d'une autre illustration à placer à droite sur le côté gauche. Tu as raison. Nous devons le mettre de l'autre côté. D' accord. Afin de garder le solde hors de notre page de destination. Alors maintenant, nous allons choisir notre première fonctionnalité dupliquée. Je vais le déplacer et le mettre ici comme ça. Assurez-vous que c'est un mensonge parfaitement, assez bon. Je vais aller de l'avant et changer ces contenus. Donc je vais ouvrir le fichier texte. Et ici, je vais copier et coller 24 7 support C'est coller ici. Parfait. Et pour le sous-titre, copions et collez la phrase Experience Help lorsque vous avez besoin d'assez bon. Et ici, nous avons la description rivaliser et coller ici. Et c'est tout. N' oubliez pas de changer le nom de Fullers en fonction deux. Ensuite, nous devons placer une illustration juste en face de notre texte. D' accord. Cependant, avant de faire ça, c'est insérer un cercle ici et je vais le faire 11 06 par 11. 06 sur les frontières tchèques Assez bon. Et nous devons utiliser un Grady incroyable et intéressant pour ça. Alors passons à la première page. Et comme vous vous en souvenez, nous avons créé une bonne note. Ian est là. Donc je vais aller de l'avant et sélectionner ce bleu un clic droit sur cela et copier le style assez bon. Et je vais payer assis ici. Impressionnant. Ça a changé un peu la direction de notre radieux. Ça a l'air fantastique. Ensuite, nous allons le dupliquer une fois de plus et sur Chek Fields et vérifier Bordures. Et je vais le mettre à 0.9 et on va utiliser la même couleur ici. Donc, nous allons utiliser la première couleur et choisir le soufflé. Le code est 48 un trois F cinq et la deuxième couleur à nouveau ici et diminuer le sur pour 20 Assez génial. Maintenant, allons le déplacer vers le côté droit comme ça. Cependant, je pense qu'il est préférable de changer la couleur à quelque chose de plus sombre. Alors mettons-le à trois C 54 f un assez bon. Je vais changer un peu la direction maintenant. Il a l'air fantastique, et il se déplace vers le côté gauche et remonter une fois de plus dupliqué avec sur le côté droit et déplacez-le comme ça. Il est maintenant temps d'ajouter notre illustration à notre page de destination. Alors apportons notre deuxième illustration assez bonne. En fait, j'ai eu cette illustration sur le site des humains. C' est une très grande ressource hors des illustrations, alors assurez-vous de consulter ce site Web. Vous pouvez télécharger ces illustrations gratuitement. Plutôt bien. Donc ce que je vais faire, c'est placer ces illustrations ici. Je vais l'aligner, nourrir notre deuxième colonne du côté gauche, comme vous pouvez le voir, et choisir nos cercles les grouper. Je vais l'appeler Circle un film sur le côté gauche comme ça. Maintenant, c'est génial. Et le sommet de la lutte contre ces taxes sera 430 choix possède comme ça. On y va. Allons-y et prévisualisons-le. Ça a l'air incroyable. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Dans la vidéo suivante, nous allons concevoir ensemble la section client, alors voyez que 120. Section des clients: Bonjour, tout le monde. Bienvenue à une autre vidéo de la section dans cette vidéo. Nous allons concevoir ensemble la section client afin de ne pas favoriser le faire. Commençons par augmenter notre taille ici à 5000 comme ça. Plutôt bien. Ensuite, je vais vous présenter mes mises en page ici et nous avons besoin d'un texto. Comme vous pouvez le voir, la police est dite à SF Pro Display et la taille amusante va être de 24 points et la hauteur de la ligne va être de 29. Et enfin, changeons la couleur. 23 un trois a et trois a. assez génial. Ensuite, je vais écrire, rendre visite à certains de nos clients comme ça, une ligne dans le centre et il aura 610 choix. Alter rembourrage, comme vous pouvez le voir, alors ici nous devons placer nos logos. Alors allons de l'avant et glisser-déposer nos logos ici. Logos, clients. Nous avons cinq logos différents, donc je vais les traîner et les déposer ici assez bien comme ça. La deuxième réservation Munn. Et puis je vais placer Shopify et après ce mou et à la place panier, comme vous pouvez voir la hauteur, avoir ces logos est réglé à 30. Ok, et je vais les sélectionner tous. Vous pouvez distribuer Presente Lee et distribuer inégalement comme ça. Donc maintenant, nous devons mettre un rembourrage 60 Peaks Ella entre eux comme ça. Génial. Plutôt bien. Parfait. Maintenant, nous allons les regrouper et je vais écrire non, va une ligne dans le centre et nous allons l'alignement shakthi. Comme vous pouvez le voir, nous devons changer le rembourrage entre eux dans l'envie, s'alignant parfaitement avec nos colonnes. Alors sélectionnons-les tous, déplacons-les sur le côté droit jusqu'à ce que nous obtenions un bon alignement ici. Plutôt bien. Et c'est comme le dernier logo et film sur le côté gauche. Encore génial. Sélectionnons-les tous. Franchement, peut distribuer inégalement sont juste assez bon. Ensuite, nous allons élire nos logos Fuller et nous allons fixer un 72 pics. Vendre top se cacher pour elle. Fantastique ! Et c'est tout. Donc, nous allons aperçu assez génial. D' accord, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et dans la prochaine vidéo, nous allons concevoir une autre section « appel à l'action » ici. Alors, voyez-vous. Que 121. Appel à l'action: Bonjour. Tout le monde reviendra à une autre vidéo sur les partitions de ces vidéos. Nous allons concevoir un autre appel à l'action ici. En fait, presque tous les sites Web ont une action de condo juste avant le pied de page. Donc nous allons en créer un ici pour ces parties. Tout d'abord, je vais augmenter la hauteur 26 1000 comme ça. Alors allons de l'avant et dupliquons notre cercle. Je vais le retourner horizontalement comme ça. Plutôt bien. D' accord, je vais le mettre ici. Nous avons 1234 et cinq colonnes. C' est génial. Et ça va avoir un 72 pics vendre top head. Alors ce que nous allons faire est de changer le Grady int ici en autre chose. Alors choisissons la première couleur, le bleu léger, et mettez-la à un F trois c et F E. Et le 2ème 1 à cinq pour doubler F sur huit comme ça. Ensuite, changeons la direction de notre Grady int Assez génial. Et enfin, nous devons apporter notre illustration ici. C' est une autre illustration du site des humains, et je vais la mettre ici comme ça. Bon, alors de quoi avons-nous besoin ici ? On a besoin de Tex. Ok, alors créons le 1er 1 que je vais écrire. Qu' est-ce que vous attendez ? Un point d'interrogation ? Alors faisons 30 points et c'est neuf. La hauteur va être de 24 et la couleur sera de cinq pour doubler F un huit. Quoi qu'il en soit, je vais changer le personnage ici. Alors passons à 1.5 pour obtenir plus d'espace entre nos personnages et le dupliquer , et il va avoir un rembourrage Eldar 32 picks et changer de vous pour vous inscrire aujourd'hui et profiter de votre remise en argent de 5%. Ensuite, je vais changer la couleur pour un 46 et double F comme ça assez génial. Et ici, nous avons besoin de boutons comme notre appel à l'action. Alors allons de l'avant et copier-coller ce bouton get started, et je vais changer ces prises, aussi. Essayez gratuitement. Et cette fois, je vais le faire capitaliser comme ça, et arrêter d'ajouter ça va être 64 pixels et nous avons besoin d'un autre bouton. Mettons-le ici. Cependant, rappelez-vous de renommer le Fuller je vais le faire essayer gratuitement et pour le Spartan. Je vais enlever ces deux formes, et je vais aller de l'avant et changer la couleur pour un blanc solide comme ça. Sur cela a changé la couleur du texte à un e trois b et f e comme ceci. Ça change pour nous contacter. Plutôt génial. Et enfin, nous devons changer la couleur de notre ombre. Faisons trois C trois C et trois c k. Et après cela, je vais diminuer le tout loin à 10% et le reste devrait être intact assez bon. Enfin, nous devons renommer le dossier pour nous contacter. Élisons maintenant ces textes et ces deux boutons les regroupent. Écrivons appel à l'action, déplacez-les un peu jusqu'à ce que vous obtenez un 555 picks out tapotant comme ça et puis c'est prévisualisé. On y va. Ça a l'air incroyable. Très bien, gars, merci beaucoup d'avoir regardé la vidéo de la prochaine vidéo, qui est notre dernière. Nous allons créer un pied de page à cette fin de notre tableau d'art. Alors je te verrai. Que 122. Footer: Salut, tout le monde. J' espère que tu vas bien dans cette vidéo. Nous allons concevoir la dernière partie de cette page de destination, qui s'appelle Pied de page. Chaque site Web a un pied de page, et il doit avoir à coup sûr, parce que nous devons mettre quelques informations importantes de Ling ou des informations importantes sur la langue ou l'emplacement hors de l'utilisateur. Et dernier mais non le moindre, nous devons écrire sur le droit comp, donc sans plus je le fais. Commençons par insérer une ligne, qui va être notre séparateur ici, donc je vais créer une seule ligne. Comme vous pouvez le voir, sa longueur est 1920 choisir des chansons assez bonnes. Je vais changer son avec 20,5, puis la couleur à un bleu clair. Donc, je vais le mettre à neuf b un neuf et je serai assez génial et allons l'aligner donc je vais supprimer ces points ici. Alors définissons le titre supérieur à 100 chansons de choix comme ça. Et alors de quoi avons-nous besoin ici ? Nous allons créer trois colonnes à partir des menus ou disons des liens et ici nous allons mettre deux chars différents qui sont ensuite, les deux icônes différentes afin d'indiquer l'emplacement de l'utilisateur et la langue hors mettre deux chars différents qui sont ensuite, les deux icônes différentes afin d'indiquer l'emplacement de l'utilisateur et la langue hors page de destination. Et enfin, année, nous allons écrire notre comp droit, donc sans plus je le fais. Commençons par créer notre première colonne. Donc ici, je vais écrire produit. Génial. Le fonds va être Monsour, donc c'est parfait. Cependant, je vais changer la taille de la police à 16 points, et je vais la rendre audacieuse. Et changeons la ligne haute à 24. C' est génial. Enfin, nous devons changer la couleur, donc je vais utiliser un bleu clair. Mettons-le à neuf b un neuf. Onda sera plutôt bonne. Je vais le mettre ici. C' est dupliquer manger et arrêter de se cacher va être 16 ans. Choisissez des chansons comme ça font son alignement régulier vers la gauche, deux hors d'eux. Ensuite, je vais le changer en doublons de paiements, et il va avoir un haut de huit pixels caché. Changeons à la facturation une fois de plus, dupliquée, et là, nous allons avoir des prêts et le dernier plaisir, il va être des cartes de crédit comme ça. Sélectionnez tous les regroupés et appelez le produit. Et puis c'est dupliqué. Et je vais changer les dossiers Nom de l'entreprise, Très bien, Très bien, Et maintenant nous allons de l'avant et de changer ces produits à l'entreprise assez bonne. Et les paiements vont être à peu près. Et la prochaine sera l'entreprise génial. Et les prêts vont être des clients dans le dernier, cette ville aux emplois, d' accord, accord, et nous avons besoin d'un plus commun. Donc, dupliquons, et je vais renommer le dossier en Ressource Is. Et ici, la société devrait être changée en ressource est aussi bien et environ devrait être soutien. Entreprise doit être le contact et les clients. Changons-le en politiques, et la dernière sera la carte de côté. Bon, maintenant, allons de l'avant et sélectionnons ces trois colonnes. Et comme vous pouvez le voir, la ressource est Column est dans notre deuxième colonne du côté droit, assez bien, et ils vont avoir un 100 picks haut, ajoutant, comme il peut le voir et ici nous allons créer l'emplacement sur la langue de la page de destination. Alors allons de l'avant et écrire un nom de ville , par exemple, je vais choisir San Francisco comme ça, et ça change la couleur pour un 46 sur double gauche. La taille de la police sera la même. Il devrait être 16 points, cependant, Changeons la ligne. Salut à 30 ont raison, et maintenant il est temps d'apporter l'icône. Donc, ici, dans les icônes, nous avons un autre dossier, qui s'appelle Pied de page, et nous avons deux icônes différentes, vieilles d' années. Glissons et dépose-les ici. On a un langage et une boussole, d' accord, alors on va les faire descendre comme ça. Le 1er 1 qui est une boussole, va être pour notre emplacement, et il va avoir un rembourrage de 16 pixels comme ça. Regroupez-les et appelez ça une vocation. Et je vais copier et coller le texte assez bien ici. Écrivons les États-Unis anglais assez génial. Il va avoir un rembourrage de 16 pixels comme notre emplacement et les regrouper. Laissez-moi me renommer en langage comme celui-ci, et comme vous pouvez le voir, il a un rembourrage de 16 pixels, ce qui est parfait. Et enfin, nous devons ajouter nos droits d'auteur ici, donc je vais changer la couleur aussi. Neuf b un neuf et double B et changeons la ligne haute à 24. Et je vais ajouter un symbole de copyright en maintenant la touche d'option et en cliquant sur G comme ça. Et c'est vrai, argent jusqu'à la virgule 2019 et tous les droits réservés. C' est un texte standard et il s'aligne sur le côté gauche et il va avoir 60 pics et se cacher comme ça sont des bons gars. Maintenant, la seule chose que nous devons faire est de diminuer notre taille, OK, parce que nous allons obtenir un remplissage inférieur de 100 pixels aussi. Donc, comme vous pouvez le voir ici, nous avons 250 cellules de pointe. On a besoin de 100 pixels. Alors allons de l'avant et choisissez notre tableau d'art. Et ici, je vais écrire moins 150. On y va. Tout est mis en place parfaitement, sont justes. Et n'oubliez pas d'aligner ces deux-là aussi, ils auront un haut de 100 pixels se cachant comme ça . Donc, nous devons changer l'alignement de notre texte copyright ici obtient un alignement parfait. On y va. Maintenant, tout est génial. Donc, pour la dernière fois, nous allons prévisualiser notre page de destination ensemble. Prévi. Génial. Tout a l'air bien. Voici notre pied de page. D' accord, gars, j'espère que vous avez apprécié cette vidéo. Et aussi la section si vous voulez obtenir le projet final peut le télécharger à partir de la ressource est la section de la dernière conférence qui est appelée Projet final. Encore une fois, j'espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. 123. Introduction à la modélisation 3D: Salut, tout le monde, et bienvenue à une autre section de ces cours dans cette section. On va parler de la modélisation en trois D. Vous vous demandez peut-être que comment trois d modélisation va vous aider dans votre carrière en tant que designer Yuan UX. Laissez-moi vous l'expliquer en un mot simple. Pour vous en tant que designer UX yuan est bon de savoir un peu sur la modélisation trois D parce que parfois vous voulez concevoir une page de destination créative ou, disons, un cri pour une application qui a besoin de quelques formes simples ou même quelques trois D contextes. Donc, dans la section, je vais vous apprendre comment vous pouvez utiliser ces techniques pour créer un moi incroyable pour votre design. Vous pouvez donc être familier avec les trois logiciels de modélisation D traditionnels, tels que Cinema quatre D trois D Max, etc. Cependant, travailler avec ces logiciels traditionnels pourrait être assez redoutable pour les débutants. Donc, au lieu de travailler avec ces logiciels, je vais vous montrer un autre excellent environnement. Il existe une application Web, qui s'appelle Victory. C' est une application Web incroyable et toute nouvelle qui peut vous aider à créer étonnant trois D stomp d'une manière rapide et facile. Donc, au lieu de travailler avec des outils complexes, je vais vous apprendre comment utiliser la victoire pour obtenir les meilleurs résultats possibles. Donc, si vous allez à la victoire point com, comme vous pouvez le voir, c'est la page de destination. On y va. Nous pouvons voir ces caractéristiques. Et la bonne nouvelle, c'est que lorsque vous finissez cette section, vous pouvez facilement créer ce genre de choses. Et vous pouvez mettre le manteau sur votre site Web ou vous pouvez même le prévisualiser comme un modèle de réalité augmentée . Ok, donc la première chose qu'on doit faire est de créer un compte. Ok, il y a deux types de comptes. La première fois est gratuite. Donc, si vous allez à la tarification, vous pouvez voir que nous avons deux types gratuits et premium Pour ces cours. Vous pouvez utiliser le compte gratuit car nous allons nous concentrer uniquement sur les bases, alors assurez-vous de créer votre compte. Et dans la prochaine vidéo, nous commencerons ensemble notre premier projet de modélisation en trois D. Alors, voyez-vous alors 124. Formes 3D: Salut, tout le monde. Quand nous reviendrons à une autre vidéo de ces cours dans ces vidéos, nous allons commencer à travailler avec le presbytère. Donc, sans plus tarder, commençons. Tout d'abord, allons de l'avant et cliquez et commencez à créer. Ensuite, vous pouvez créer un nouveau projet. Ou au lieu de cela, vous pouvez utiliser des projets pré-faits. Donc je vais aller de l'avant et cliquer sur ce projet à notre droite. Comme vous pouvez le voir ici, nous avons un environnement trois D avec trois dimensions. On y va. Jusqu' à présent, on travaillait sur un environnement denté. Cependant, maintenant, nous allons plonger dans un environnement trois D. C'est tellement intéressant. Donc, tout d' abord, laissez-moi vous expliquer quelques rudiments. Si vous voulez vous déplacer autour de ces canevas, ok, vous pouvez facilement maintenir de l'espace sur votre clavier et vous déplacer. Si vous allez zoomer ou zoomer, vous pouvez faire défiler comme ceci et vous pouvez également faire un panoramique. Nous avons laissé un clic sur votre souris. Rectory est une application assez complexe, donc nous ne allons pas couvrir tous les outils. Cependant, je vais vous apprendre les exigences afin de vous faire savoir comment vous pouvez utiliser cette excellente application. En haut. On a quelques instants. Comme vous pouvez le voir, nous avons le mode d'édition d'objet, bibliothèque et les commentaires dans l'objet. Nous avons aussi différentes options. Ici, nous avons des primitives, comme vous le concevez, ont des vélos , peur , tube cylindrique etc. Vous pouvez facilement cliquer et les banques ici et là nous allons. Vous avez vos couchettes, alors faisons un zoom arrière. Plutôt génial. Et sur votre droite, vous pouvez modifier certaines variables telles que la position, la rotation, la taille de numérisation et même un matériau comme celui-ci. génial, n'est-ce pas ? Segments du compte aussi, donc je vais en faire 10 pour l'instant. Comme vous pouvez le voir ici, nous avons un gadget. Il y a des flèches, des cubes et des arts. Ok, ce gadget vous permet de faire pivoter l'échelle et de déplacer votre objet. D' accord ? Donc, si vous voulez déplacer votre objet, vous pouvez utiliser ces flèches comme ceci dans n'importe quelle direction que vous voulez. Si vous voulez effrayer votre objet, nous pouvons utiliser les cubes. Comme vous le concevez. Nous avons deux cubes différents. Le cube externe vous permet de mettre à l'échelle votre objet dans une direction comme celle-ci. Et le cube interne vous permet de mettre à l'échelle votre objet proportionnellement. Si vous voulez faire pivoter votre objet, vous pouvez utiliser les arcs. Fantastique. Alors maintenant, je vais supprimer cet objet. L' autre chose que vous pouvez utiliser est le texte. Ok, donc chaque fois que vous cliquez sur ces trois chars D, vous pouvez voir que la victoire crée automatiquement une nouvelle année fiscale pour vous. Et si vous voulez changer ces chars, cela peut facilement vous diriger vers une section des taxes en trois D. Et changeons ça pour vous. Je ux design assez génial, et je peux bouger. C' est facilement ici. Je peux changer la profondeur parfaite. Et aussi je peux changer le matériel. Ou, disons que la couleur dans ce cas assez génial, et vous pouvez également changer les fonds. Alors regardons des mois Aretz il y a. Vous pouvez également modifier le poids, le rythme des caractères et l'espacement des lignes. Lorsque vous travaillez avec un objet trois D, vous devez rendre son OK. Donc, ici en haut peut voir la raison plus grand bascule. Et si vous pointez votre souris dessus, vous pouvez voir qu' il y a trois options différentes, de faible qualité, de qualité moyenne et de haute qualité. Donc je vais aller avec une qualité moyenne. On y va. Il a été rendu parfaitement, bien sûr, Il y a quelques filigranes en version gratuite. Si vous voulez les supprimer, vous pouvez utiliser la licence premium hors victoire. Alors maintenant, arrêtons de rendre notre texte. Très bien, les gars, c'est tout pour ces vidéos. Merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et dans la prochaine vidéo, nous parlerons de la caméra et de l'éclairage. Alors, à vous voir. 125. Appareil photo et éclairages: Salut, tout le monde. Bienvenue à une autre vidéo du cours dans ces vidéos. Nous allons continuer à travailler sur notre projet précédent. Comme vous pouvez le voir, nous avons ces trois D tex. Cependant, il est maintenant temps d'ajouter un appareil photo à notre toile ou à notre vue. Ok, mettons-le sur ces caméras plutôt génial. Et maintenant, si vous faites un tour, vous pouvez voir que la caméra est fixe et face à notre taxe dans la vue spécifique que nous avons dit. Ok, donc si vous cliquez sur cette couche de vue caméra au moins là, nous y allons. Vous obtiendrez la vue de votre caméra de concepteur. Une caméra nous aide à garder une vue spécifique chaque fois que nous voulons rendre notre projet. Ok, alors maintenant rendons nos chars une fois de plus. Et comme vous pouvez le voir, ça ne semble pas réaliste, OK ? Parce que nous n'avons pas de grandes ombres et de lumière grise, alors réparons ça. Ce qu'on va faire, c'est choisir un avion d'ombre assez génial. Je vais le déplacer vers le bas, et comme vous pouvez le voir maintenant, nous avons un plan d'ombre. Ok, En fait, chaque fois que vous mettez un objet ou quoi que ce soit, été un très met un objet ou disons un trois chars D sur le dessus d'un plan d'ombre. Il créera automatiquement une ombre pour cela. Ainsi, par exemple, ici à Mizzou Mean, Comme vous pouvez le voir, nos chars ne sont pas parfaitement au-dessus de notre plan d'ombre. Alors tout d'abord, allons élire nos trois chars D et appuyer sur un assez bon. Et puis je vais le déplacer comme ça. Assurez-vous qu'il est au-dessus de votre plan d'ombre. Ok, comme vous pouvez le voir, ce n'est pas le cas. Je vais le déplacer à nouveau. Maintenant, c'est plutôt bon. Ok, donc si vous rendez vos objets en ce moment, vous pouvez voir que nous avons une grande ombre. Tu vois ça ? En fait, vous pouvez également ajouter quelques lumières, par exemple. Ici, je vais opter pour une lumière rectangulaire comme celle-ci. Je vais le bouger un peu et nous allons rendre une fois de plus. C' est trop brillant maintenant c'est mieux. Fantastique. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Je te verrai dans la prochaine vidéo. 126. Matériaux et textures: Bonjour, tout le monde. Bienvenue à une autre vidéo de la section de cette vidéo. Nous allons parler de textures et de matériaux lorsque vous concevez un objet en trois D pour vous assurer que vous avez besoin d'une part fiscale ou d'un matériau. Comme je l'ai déjà mentionné, vous avez une bibliothèque en haut. Alors allons de l'avant et cliquez dessus. Et ici, vous avez différentes options. Ici, nous avons des collections. Nous avons une collection de différentes formes, comme il peut le voir ici, nous pouvons utiliser ces formes comme celle-ci ou celle-ci. Et nous avons également d'autres options, comme des actifs. Vous avez beaucoup de trois actifs D et ensuite nous avons du matériel. Ok, donc supposons qu'on veuille changer le contenu de notre texte ici. Ok, donc ici on peut choisir un de ces matériaux. Je vais aller pour celle-là pour que vous puissiez le glisser et le déposer sur votre texte de trois d comme ceci. C' est plutôt cool, n'est-ce pas ? C' est ça. Rendez-le une fois de plus et vous pouvez voir la différence. Pouvez-vous voir à quel point Getty vous pouvez facilement changer le matériel comme vous le souhaitez. Alors passons à autre chose. Par exemple, celui-ci Donc, vous pouvez choisir votre texte et cliquer dessus. Parfait. Ou il est préférable de créer une autre forme. Ici. Nous allons créer un bloc ici. Je vais le réduire. Déplaçons ça. Tu es parfait. Et puis je vais changer son matériel pour autre chose. D' accord. Par exemple, celui-là C'est plutôt cool, n'est-ce pas ? Pouvez-vous reconnaître combien de possibilités il y a pour vous de créer des objets étonnants là-bas  ? C' est fantastique. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. 127. Créer une scène 3D: Bonjour, tout le monde. Et bienvenue à une autre vidéo de cette section. Dans cette vidéo, nous allons commencer à concevoir notre 1er 3 D vu ensemble. Alors c'est quoi un trois D ? Vu comme vous pouvez le deviner, une scène de trois d est une scène composée de trois objets D. Ok, donc, par exemple, nous avons une scène parce que nous avons au moins deux éléments ici. Cependant, nous allons créer une scène plus intéressante ensemble. Donc, tout d'abord, enlevons ces deux objets assez bien. Je vais garder Shadow Plane ont raison, et je n'ai plus besoin de la caméra. Alors supprimons ça. Et après ça, je vais créer un texte. Donc, nous allons cliquer sur trois texte D là-bas assez bon. Et puis je vais te le changer. J' aime ça et réglons cette couleur, aussi. B 7 42 et double F comme ce assez génial. Et puis je vais le dupliquer et changer sa position. Et changeons ça pour vous. X comme ça. Et après cela, je vais changer la couleur à 36 46 sur double. Si c'est génial, ce Mizzou veut dire et puis je vais le faire tourner de 90 degrés comme ça. Plutôt génial. Et laisse-moi le bouger. Guerres des orteils, Le u je texte comme ça, et une fois de plus, je vais le faire tourner comme ça. On dirait que le U X est couché au-dessus de vous, c'est bon. Et puis je vais diminuer la taille de UX K par ce cube comme celui-ci sur. Déplaçons-le sur le côté gauche. Plutôt génial. Et nous allons bouger ce que vous. Je me lève un peu parce qu'on a besoin de cette ombre. Si vous vous souvenez, lorsque vous utilisez un plan d'ombre, nous devons mettre des objets au-dessus afin d'obtenir une ombre. Très bien, Fantastique. Alors ce sont des chaussures que vous êtes ici et un film sur le côté gauche comme ça. C' est fantastique. Cependant, je vais te rendre un peu plus petit. Je pense que c'est mieux maintenant. Plutôt bien. Et la prochaine chose que je vais faire est d'ajouter un mur derrière ça. Ok, alors allons à la bibliothèque et ensuite aller aux formes en zigzag par victoire. Et ici, nous avons un mauvais coin. Alors, nous allons cliquer sur ce Pretty impressionnant. Je vais faire un zoom arrière parce qu'il faut agrandir ce mur. Donc, ici, assurez-vous que le mur est sélectionné et utilisé ce cube pour l'agrandir. Et cette Cuba aussi. Plutôt génial. Alors ce que je vais faire, c'est changer de couleur. Alors changeons sa couleur pour quelque chose comme ça. C' est plutôt génial. Je vais zoomer méchant et ensuite je vais aller à la bibliothèque. Et cette fois, je vais ouvrir des environnements comme celui-ci. Et ici, nous avons différents types d'environnements. Donc, par exemple, nous pouvons essayer celui-là. Vous pouvez le glisser et le déposer comme ceci et nous allons rendre sont vus pour voir à quoi il ressemble. C' est génial. Cependant, je vais le changer pour quelque chose d'autre comme celui-ci. Rappelez-vous que l'environnement que vous choisissez va avoir simulé les reflets et aussi les ombres. OK, alors assurez-vous de choisir le meilleur environnement possible. Essayons celui-là aussi. Je pense que c'est génial. Ensuite, ajoutez quelques atouts D à notre scène. Alors allons à la section des actifs et chercher des livres et je vais choisir celui-ci assez génial. Agrandissons fantastiques. Et je vais chercher autre chose, par exemple, une tasse de verre comme ça. Faisons un film plus petit sur le côté droit. Fantastique. Et nous pouvons également ajouter un beignet. Alors, nous allons chercher Ne pas. Nous pouvons ajouter, par exemple, ce plaisir. C' est un beignet local. Je vais le rendre plus petit et le mettre à côté de notre tasse de boisson. Ok, d'accord. Comme vous pouvez le voir, ils ont une lumière rectangle. Cependant, je vais ajouter une autre lumière sont vus. Alors regardons la lumière directionnelle assez bonne. Je vais zoomer. Déplaçons le sur le côté droit. Tourné un peu. Je pense que c'est mieux maintenant. Nous pouvons également ajouter différents objets sont vus afin de le rendre plus professionnel et aussi plus complexe. Cependant, pour le bien du cours, je vais garder les choses simples. Ou Ryan. Nous allons rendre sont vus pour voir à quoi il ressemble. C' est plutôt génial, n'est-ce pas ? Vous pouvez également aller de l'avant et ajouter des objets à partir de collections. Par exemple, nous pouvons aller de l'avant et ouvrir des formes organiques, et ici nous avons différents objets comme celui-ci qui les réduisent. Ou vous pouvez utiliser d'autres objets, par exemple, autour des formes comme celle-ci. Cela dépend de vous et du projet sur lequel vous travaillez. Assurez-vous donc de choisir de grands objets afin de créer la meilleure combinaison possible. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et dans la vidéo suivante, nous parlerons du rendu et de l'exportation. Alors, à vous voir. 128. Rendu et exporter: Bonjour, Ron. Et bienvenue à une autre vidéo de la section dans ces vidéos. On va lui parler, vous rendre vu comme je l'ai déjà mentionné. Chaque fois que vous travaillez sur un projet trois d, vous devez le rendre à la fin. Bon, donc maintenant je vais vous montrer comment vous pouvez modifier les paramètres de rendu et aussi comment vous pouvez utiliser l'option de visionneuse et aussi comment vous pouvez exporter. Tu vas bien. Avant de faire ça, je vais faire quelques ajustements à notre plan d'ombre. Allons sélectionner notre plan d'ombre, et je vais changer sa couleur pour quelque chose comme ça. Je vais choisir le sélecteur de couleurs. Bon, maintenant nous allons rendre sont vus. C' est génial, n'est-ce pas ? Très bien, pour rendre votre scène, vous avez différentes options. Tout d'abord, allons de l'avant et ouvrons le menu de rendu juste en haut. La première section est comme le bascule. Ok, donc tu peux modifier la qualité. Vous pouvez le mettre trop bas, moyen ou élevé, et il peut tuer. Vous pouvez commencer un ami ou un aperçu comme ceci. Vous pouvez ajouter des effets à travers elle. On peut changer la situation. Le contraste du filtre de couleur et aussi la balance des couleurs, etcetera. Et enfin, vous pouvez exporter. On vous voit comme une image. Cependant, vous devez mettre à niveau votre licence afin d'obtenir cette fonctionnalité, puis vous pouvez cliquer sur le bas avec l'image. La prochaine caractéristique importante de la victoire est le spectateur. Ok, donc quand vous allez à la section de visionneuse, vous avez différentes options ici que vous pouvez modifier comme des textures cuisson. Et ce sont des éclairages. Et ici, vous pouvez choisir la vue de la caméra centrale, et cela signifie que la vue de la caméra sera centrée sur l'objet actuellement sélectionné. Ok, donc si vous sélectionnez votre oeil, la vue de la caméra sera centrée sur cet objet et la réalité augmentée est allumée, qui est génial parce qu'on peut voir une réalité augmentée aussi. Ensuite, nous générons notre cour ici et maintenant nous pouvons cliquer et générer. Ça prend du temps, et c'est bien fait. Et ici, vous pouvez prendre le manteau. Comme il peut le voir, vous pouvez copier et coller le code de cadre I. Vous êtes une honte et un code, ou si vous ne développez pas votre site Web ou l'application peut facilement le donner à votre développeur et il ou elle pourrait l'utiliser parfaitement. Cependant, si vous voulez afficher à vos clients à l'avance, vous pouvez changer le format d'un cadre Ally honteux à lier, et vous pouvez copier ce lien dans votre presse-papiers et l'envoyer à vos clients ou à votre ami. Donc, tout d'abord, vérifions ici. On y va. Ça va ressembler à ça. N' est-ce pas génial ? On peut garder le commandement et si méchants. C' est fantastique, n'est-ce pas ? Et si vous ouvrez cette scène sur votre téléphone, nous pouvons utiliser le théâtre, option de réalité commentée dans orderto comme signifiait cette scène dans votre environnement, c'est assez génial, alors assurez-vous de vérifier. Vous pouvez utiliser à la fois les appareils Android et RUS pour faire cela, et c'est fantastique. L' option suivante est l'exportation, et ici vous pouvez exporter votre fichier avec le format que vous voulez. O B g d a ust Z, qui est le format de réalité augmentée pour Rus etcetera. Cependant, pour utiliser ce type de fonctionnalité, vous devez obtenir une licence étendue pour cela. D' accord, les gars, c'est tout pour cette section. J' espère que vous apprécierez cette vidéo et je vous verrai dans la prochaine vidéo 129. Outils de prototypage: Salut, tout le monde, bienvenue dans une autre section. Il marque dans cette section. On va parler de prototypage, mais d'abord. Je vais vous présenter quelques-uns des meilleurs outils pour prototyper vos projets. En fait, vous pouvez faire un prototype, utilisent croquis. Cependant, si vous voulez faire un prototype fantaisie et complexe, je vous recommande d'utiliser d'autres sites Web et applications bien, si les meilleurs outils de prototypage Numéro un prototype I, qui est mon application préférée comme Eh bien parce que c'est si facile de travailler avec. Et il y a une version d'essai, et vous pouvez l'essayer avant d'acheter n'importe quel numéro de licence deux Zeppelin numéro trois Framer X, puis envisager Studio Sketch et Morrow dans cette section. Nous allons travailler avec certains d'entre eux afin de vous familiariser avec le processus de prototypage dans chaque application. Donc, dans la prochaine vidéo, nous commencerons à prototyper un de nos précédents projets en croquis. Alors voyez-vous que 130. Prototyping dans croquis: Bonjour, tout le monde. J' espère que vous allez bien dans ces vidéos. On va parler de prototypage en croquis. Comme je l'ai déjà mentionné, vous ne pouvez pas créer un croquis de prototypage complexe. Cependant, parfois, vous n'avez pas besoin d'un prototype complexe. Donc, dans ce cas, vous pouvez facilement utiliser catch pour prototyper votre projet. Donc, comme vous pouvez le voir, je vais prototyper notre application financière que nous avons déjà conçue. Laissez-moi zoomer méchant. Et ici, nous avons une page de bienvenue, si vous vous souvenez, et nous avons deux boutons différents. Donc, fondamentalement, quand l'utilisateur clique sur le bouton de signature, cette page de connexion va glisser du côté droit, ok. Et chaque fois que l'utilisateur clique sur le bouton d'inscription, la page d'inscription va glisser dans. Donc, ce que nous allons faire est de cliquer sur le bouton Se connecter, comme il l'admet, sélectionné en ce moment. Ensuite, cliquez sur Lien en haut et Kelly Candies Art board comme ceci. Comme vous pouvez le voir, une flèche apparaît immédiatement. Et ici, vous pouvez voir deux options différentes les cibles et l'animation. Ok, la cible est notre écran de destination, qui est dans ce cas sont l'écran de signature et l'animation, par exemple, ici nous n'avons pas d'art pour l'animation. Donc, si je clique sur l'aperçu et que je clique et la signature, vous pouvez voir qu'il n'y a pas d'animation. Cependant, je vais choisir glisser du côté droit et une fois de plus prévu signature. On y va. C' est incroyable, n'est-ce pas ? Alors nous devons créer un autre lien pour notre bouton d'inscription que le musée et cliquez sur l'écran d'inscription. Plutôt génial. Encore une fois, prévisualisez-le. C' est fantastique. Alors, pouvez-vous voir à quel point il est facile de prototyper en croquis ? Mais vous ne pouvez pas vous attendre à autant de fonctionnalités dans ce genre de prototypage. Allons-y. Et ici, je vais ajouter un lien vers ce bouton complet et cliquez sur cette page d'accueil assez impressionnant et prévisualisé. Fantastique ! Je vais changer le type d'animation de bas en haut comme ça. C' est plutôt génial. D' accord, les gars, c'est tout pour cette vidéo. J' espère que vous l'avez apprécié, et vous pouvez maintenant commencer à prototyper votre projet facilement dans le croquis. Cependant, n'oubliez pas que nous allons travailler avec un prototypage plus complexe dans les vidéos suivantes. Alors, voyez-vous alors 131. Prototypage dans InVision Studio: Salut, tout le monde. Bienvenue à une autre vidéo du cours. Dans cette leçon, vous allez apprendre à prototyper dans InVision studio, l' une des meilleures applications de l'industrie du design. Tout d'abord, vous pouvez télécharger et installer le studio envision sur Mac OS et Windows gratuitement. Deuxièmement, vous devez importer votre fichier d'esquisse dans le studio d'envision. Pour ce faire, nous pouvons facilement cliquer sur le bouton ouvrir votre fichier d'esquisse. Vous pouvez également choisir l'importation de fichier et sélectionner votre esquisse. Très bien. Bon, donc maintenant nous devons importer notre année de recherche de croquis. Alors allons de l'avant et importons-le ici. On y va. Votre est notre finance et notre projet. Donc ici, je vais vous montrer quelques techniques que vous pouvez utiliser pour le prototypage ou le projet. Rappelez-vous que dans la vidéo précédente, nous avons commencé à prototyper cette page d'accueil et ces pages de signature et d'inscription en croquis. Cependant, c'était si simple, mais nous pouvons le rendre meilleur et plus professionnel. Donc, ce que je vais faire est de sélectionner cette page d'accueil. Et comme vous pouvez le voir, nous avons quelques formes communes dans la page d'accueil et la page de signature. Ok, par exemple, nous avons ici le logo et ces cercles, et ce sont les choses courantes que nous avons ici. Tu te souviens ? C' est alors que votre prototypage dans envision studio, vous devez vous assurer que le nom de votre couche est le même dans les deux écrans. Par exemple, ici, je vais créer une animation que lorsque l'utilisateur clique sur ces boutons de signature, cercles deviendront plus petits et seront placés dans cette position et ces éléments. Par exemple, la signature et cette impression fiscale vont s'estomper. Et ici, dans cette page d'accueil, ces deux boutons vont disparaître. Ok, alors n'oubliez pas de vérifier le nom de votre Fuller. Par exemple. Ici, nous avons des formes et dans l'écran de signe, ce sont aussi des formes qui sont parfaites. Maintenant, nous allons choisir le bouton de connexion et cliquez sur cette icône pour ajouter une interaction. Et là, vous avez une flèche flottante, et je vais sélectionner ce signe dans notre cordon. Entretien avec la boutique immédiatement. Ici, nous avons quelques options. Déclencheur, par exemple, voulez-vous qu'il soit cliqué ensemble, double clic ou même tapotez trou robinet, touchdown, etc. Mais maintenant, nous allons choisir Click, et la destination sera notre page de connexion. Et ici, nous avons le temps de transition, préréglages ou le mouvement. Je vais le changer en mouvement. Ici, nous avons deux options différentes que nous pouvons modifier la durée et le délai. Je vais régler le délai à zéro et la durée à 0,6 seconde et cliquez sur Enregistrer. Bon, donc maintenant, c'est la prévisualisation du prototype pour voir ce qui se passe ici. On y va. C' est notre page d'accueil, et je vais cliquer sur Sign Me. C' est incroyable, n'est-ce pas ? Tu as vu à quel point cette animation est belle ? En seulement deux clics, nous pourrions réaliser ce genre de prototypage, Alors nous allons chercher la page de bienvenue à nouveau pour le vérifier une fois de plus. On y va. C' est plutôt génial. J' espère que ça vous plaira aussi. Maintenant, il est temps d'ajouter un lien à notre bouton d'inscription, alors allons-y et faisons Mt. Cliquez sur cette annonce dans le bouton de réaction et choisissez S'inscrire à nouveau tableau d'art, mouvement, et vous n'avez pas besoin de changer quoi que ce soit ici. Cliquez et enregistrez. Encore une fois. Présentons un aperçu Fantastique. C' est plutôt génial, n'est-ce pas ? Si vous regardez le bon côté. Vous pouvez voir ici que dans la section interaction vous avez l'option Modifier la chronologie. Alors, nous allons cliquer dessus. Et ici, vous avez une chronologie que vous pouvez voir vos interactions et votre animation à moindre vitesse. Pouvez-vous voir à quel point les années cinquante sont belles et petites ? Plutôt génial. En fait, il y a tellement de choses que vous pouvez faire dans le studio d'invasion. Cependant, nous ne pouvons pas couvrir toutes les fonctionnalités et toutes les fonctionnalités. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. 132. Prototypage dans InVision Studio partie 2: Bonjour, tout le monde. Bienvenue dans une autre vidéo de ces cours dans cette vidéo. Je vais vous apprendre une autre grande technique pour prototyper votre projet dans InVision studio. Donc, sans, pour moi, commençons dans la vidéo précédente. Comme vous vous en souvenez, nous avons commencé notre projet avec le prototypage. Cette page d'accueil. Et nous avons ajouté deux ailes différentes à ces deux boutons. OK, maintenant je vais vous montrer une autre technique pour l'utiliser dans vos projets. Alors allons-y. Et comme vous pouvez le voir ici, nous avons deux transactions différentes. Page, le 1er 1 est appelé Transactions, et le second est appelé Détail des transactions. Ce qu'on va faire, c'est prototyper la carte de transaction. Ok, donc chaque fois que l'utilisateur le ramène vers le bas, sera comme ça dans le détail des transactions. Et, bien sûr, chaque fois que l'utilisateur le déplace vers le haut, ce sera comme le tableau d'art de l'art. Comme je l'ai déjà mentionné, lorsque nous allons prototyper un composant spécifique dans deux tableaux d'art différents, nous devons nous assurer que leur nom est le même que vous pouvez voir. Ici, nous avons la carte de transaction et dans ces tableaux d'art, nous avons également la carte de transaction. D' accord, jusqu'à présent, c'est parfait. Cependant, le seul problème que nous ayons, c'est que ces transactions sont médiocres. Nous n'avons pas ces éléments. Nous n'avons pas ces titres et ces cartes. Donc, si vous commencez à prototyper, les deux sont des pores comme ils le sont maintenant. Lorsque l'utilisateur le fait glisser vers le bas, ces éléments vont s'estomper. Ok, ce n'est pas ce qu'on veut, alors essayons-le pour te montrer et te donner une vision claire. Tout d'abord, je vais sélectionner cette carte de transaction et cliquer sur undies et interaction ou, disons, ajouter un lien. Ensuite, cliquez sur ces tableaux d'art et ici dans le déclencheur, je vais choisir bu comme ça nous pouvons sauver, et c'est les aperçus sont corrects. Essayons maintenant. Comme vous pouvez le voir ces éléments disparaissent immédiatement, et ce n'est pas ce que nous voulons. Donc, la meilleure façon de résoudre ce problème est d'aller de l'avant et de sélectionner ces éléments. Tous les copier et les coller dans l'écran de ces transactions. Alors allons les coller ici, et je vais déplacer ces dossiers et les mettre juste en dessous de notre carte de transactions comme ça . Maintenant, ça va encore vérifier. Et comme vous pouvez le voir, cela fonctionne parfaitement. Toutefois, vous devez vous assurer de créer un autre lien pour effectuer un balayage vers le haut. OK, alors allons de l'avant et disons, comme ces transactions détail art board. Et ici, je vais sélectionner la carte de transaction Anglican à Interaction Button et cette fois que sélectionner nos transactions ne valent pas. Et maintenant, je vais sélectionner glisser vers le haut et enregistrer. C' est prévu une fois de plus. Et comme vous pouvez le voir, cela fonctionne parfaitement. Je vais parler d'autre chose ici. Comme vous pouvez le voir, nous avons beaucoup de différents ports ici, donc nous devons trouver un moyen de spécifier quels sont les ports est notre point de départ. Donc, pour ce faire, vous pouvez facilement aller de l'avant et cliquer sur ces icônes d'accueil juste là. Et de cette façon, InVision studio sait que notre point de départ ou disons que notre écran de démarrage est ces transactions. Ok, tu peux le changer quand tu veux. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Je te verrai dans la prochaine vidéo. 133. Mocking une application: Salut, tout le monde. Et bienvenue à une autre vidéo du cours dans cette vidéo, on va parler de « mark ups ». Créer des marques est une tâche importante pour vous en tant que concepteur UX car peu importe à quel point vos créations sont incroyables et créatives, si vous ne pouviez pas les présenter d'une manière géniale, il ne peut pas impressionner les autres et même vos clients ou votre patron. Donc, dans cette vidéo, je vais vous montrer comment vous pouvez créer et marquer dans le croquis. Comme vous pouvez le voir ici, nous avons notre application financière que nous avons conçue ensemble. Et je vais vous montrer comment vous pouvez créer une maquette pour le projet. De nos jours. Il y a tellement de ressources là-bas que vous pouvez utiliser gratuitement ou payant, et je vais vous montrer comment vous pouvez y accéder. Laissez-moi ouvrir le site Google et ici je vais chercher iPhone X s marquer et croquis . Ok, ici vous avez plein de sources. Par exemple, ici, nous avons l'accès iPhone et iPhone accès Max ressource est, et dans ces sites Web, sources ketchup, vous pouvez trouver tant de grande ressource est Et comme vous pouvez le voir, ces modèles ou cette maquette a été conçue par cette personne ou ce compte, je ne suis pas sûr que vous pouvez vérifier son compte sur Dribble Teacher ou son site Web. Tout d'abord, je vais vous montrer comment vous pouvez l'utiliser. Ça se passe, vieille ressource est, et puis je vais l'ouvrir dans le croquis sont bons. Fantastique. Comme vous pouvez le voir, nous avons l'excès d'iPhone sur l'excès. Max. Je vais aller de l'avant et copié l'art board iPhone excès Riel. Copions-le et collons-le. C' est dans notre projet ici. Et si vous ouvrez le dossier du corps, vous pouvez voir qu'il y a un écran plus complet ici et une couche d'écran. Donc, afin de mettre votre écran à l'intérieur de ce téléphone, vous pouvez facilement exporter votre planche d'art pour l'encens. Choisissons celui-ci, et ici je vais l'exporter, ont raison, ont raison, et maintenant vous pouvez sélectionner cette couche d'écran, et ici dans l'image sensation peut choisir votre image ou, disons, notre écran et c'est fait. C' était assez rapide et génial, n'est-ce pas ? C' est fantastique. Vous pouvez également modifier ce modèle ou cet iPhone comme vous le souhaitez, et il y en a d'autres. La ressource l'est aussi. Laisse-moi te montrer. Il y a un très bon site Web pour trouver des balises, et ça s'appelle ça des graphiques ? On y va. Et ici, vous pouvez chercher des simulations d'appareil sous beaucoup de ressources gratuites et payantes est ici que vous pouvez utiliser. Vous pouvez également aller à des simulations gratuites et des outils pour trouver la ressource gratuite est ici. On y va. Nous avons gratuit iPhone X sont balisage, par exemple, ou celui-ci aussi. Vous pouvez le télécharger gratuitement et l'utiliser comme vous le souhaitez ont raison, les gars, merci beaucoup de regarder cette vidéo. J' espère que ça vous a plu. Et je te verrai dans la prochaine vidéo. Alors voyez-vous que 134. Comment utiliser l'application Sketch sur votre téléphone ?: Bonjour, tout le monde. Et bienvenue à une autre vidéo de ces cours. Dans cette vidéo, nous allons parler de l'application miroir de croquis pour Android et nos États-Unis. En fait, chaque fois que vous terminez votre processus de conception, vous pouvez facilement prévisualiser vos écrans. Ou disons que vous êtes nos pores sur votre téléphone instantanément, et c'est incroyable. Donc, pour ce faire, vous devez d'abord installer l'application miroir d'esquisse sur votre téléphone, puis vous devez vous connecter au même WiFi que votre ordinateur. Et après cela, lorsque vous ouvrez votre application de croquis Muir, vous pouvez cliquer et cette notification juste là et vous pouvez cliquer. Connectez le nom de votre téléphone, et c'est tout. Ensuite, vous pouvez facilement prévisualiser vos écrans sur votre téléphone instantanément et tout ce que vous changez dans vos tableaux d'art. Il sera changé instantanément et immédiatement sur votre téléphone, ce qui est une fonctionnalité étonnante. Très bien, les gars, merci beaucoup d'avoir regardé cette vidéo. J' espère que ça vous a plu. Je vous verrai dans la prochaine vidéo 135. Comment créer votre propre portfolio en ligne ?: Salut, tout le monde. Dans ces vidéos, on va parler de portfolio en ligne. En tant que concepteur UX, vous avez absolument besoin d'un portfolio en ligne pour montrer vos capacités et vos compétences en conception. Il est extrêmement essentiel d'avoir un portefeuille exceptionnel pour vous permettre d'obtenir un bon travail, que ce soit en tant que designer à temps plein ou freelance. Alors, comment pouvez-vous créer votre propre portfolio en ligne sans écrire une seule ligne de code ? Pour ce faire, vous pouvez utiliser des sites Web tels que Dribble ou Be Hands, qui sont conçus pour les designers, et presque tous les employeurs doivent consulter votre profil sur un seul. partir de ces sites, Be Hands est une plateforme en ligne pour mettre en valeur et découvrir le travail créatif. Il appartient à Adobe et peut créer un excellent portefeuille en utilisant son gratuitement. Alternativement, vous pouvez utiliser rebelle pour mettre en valeur votre illustration, et il crée automatiquement un portfolio en ligne pour vous. Vous pouvez également personnaliser votre portefeuille comme vous le souhaitez, mais vous devez garder quelque chose dans votre esprit. Afin d'utiliser gratuitement les services rebelles, vous devez être invité par d'autres designers. Sinon, vous pouvez paroisses. L' abonnement premium 136. Comment utiliser Dribbble ?: Salut, tout le monde. Dans ces vidéos, nous allons parler de la façon dont vous pouvez utiliser drivel pour utiliser des services pilotés. abord, vous devez avoir un compte. Une fois que vous créez votre compte, vous pouvez si parcourir d'autres concepteurs, illustrations pour l'inspiration. Vous pouvez également télécharger vos propres illustrations créatives chaque mois. Vous pouvez télécharger jusqu'à 48 tirs, et vos tirs doivent respecter les directives relatives aux os DRI. Vous pouvez télécharger des images haute résolution nous PNG J pic et GIF format ainsi que des GIF animés à votre profil. En outre, si vous êtes membre pro, vous pouvez également télécharger des vidéos. Après avoir applaudi votre œuvre, vous pouvez définir un titre pour elle. Vous pouvez également ajouter des chars relatifs pour permettre aux autres utilisateurs de trouver votre illustration plus facilement. Last but not least, vous devriez écrire une brève description de votre photo, puis vous pouvez la publier immédiatement ou à l'avenir. 137. Comment utiliser Behance ?: Salut, tout le monde. Dans ces vidéos, nous allons parler de la façon dont vous pouvez utiliser les mains comme le dribble. Pour utiliser les services Behan, vous devez d'abord avoir un compte. Ensuite, vous pouvez parcourir et consulter d'autres illustrations de designers ou créer votre propre projet. La principale différence entre DRI Bell et les mains B est le rapport d'aspect de vos plans ou projets sur dribble. Vous ne pouvez pas télécharger complètement le plan vertical comme une page de destination. Cependant, en étant à la main, vous pouvez télécharger des images avec n'importe quel format. Pour mettre en valeur vos œuvres d'art, je vous recommande d'utiliser à la fois les mains et les rebelles en même temps et d'essayer d'utiliser leurs caractéristiques uniques pour présenter parfaitement votre design. Behan vous permet également de télécharger vos images et vidéos de haute qualité dans un seul projet, ce qui est une excellente fonctionnalité pour présenter un produit interactif en un rien de temps. 138. Comment obtenir votre premier client ?: Salut, tout le monde. Et bienvenue dans une autre section de ce cours dans ces vidéos. Nous allons parler d'idées d'affaires et de la façon dont vous pouvez obtenir votre premier client et démarrer votre propre entreprise. En tant que concepteur d'unités, vous vous demandez peut-être comment obtenir votre premier client. Eh bien, j'espère qu'il y a plein de façons de commencer. La première étape de la recherche de clients consiste à disposer d'un portefeuille solide. Si vous n'avez pas encore regardé la section portfolio, je vous suggère de regarder la section portfolio de ce cours. Après avoir créé votre portfolio, vous devez vous demander quel type de sauts vous aimez avoir. Vous souhaitez travailler en tant que designer à temps plein ou travailler en freelance ? Si tu veux travailler à plein temps, tu es designer. Vous devez préparer votre CV et postuler pour l'entreprise que vous souhaitez travailler. D' un autre côté, si vous voulez travailler comme freelancer, vous pouvez vous inscrire sur certains sites de freelance et trouver que votre premier client est très. Il y a tellement de sites Web là-bas que vous pouvez travailler avec, Par exemple, freelancer dot com fiver travail 99 conceptions. Trois Bell, etcetera. Assurez-vous donc de les vérifier et de savoir laquelle est l'option la plus appropriée pour vous. 139. Comment démarrer votre propre entreprise ?: Bonjour, tout le monde. J' espère que vous allez bien dans ces vidéos. Nous allons parler de la façon dont vous pouvez démarrer votre propre entreprise. Démarrer une entreprise est difficile, vous devez donc déterminer le niveau de votre motivation avant d'entrer dans ce processus. Lorsque vous envisagez de démarrer une entreprise, vous devez savoir qu'il faut tant de temps, d'énergie et de patients pour atteindre vos objectifs. Si vous êtes au courant de tous ces aspects, vous êtes prêt à passer à l'étape suivante. Tout d'abord, vous devriez évaluer votre niveau de compétences et savoir quel type de services vous aimez offrir . Ensuite, vous devez savoir qui sont vos clients potentiels. En outre, vous devriez travailler sur votre tarification et analyser vos chiffres. Deuxièmement, vous devez enregistrer votre propre entreprise. À cet égard, je recommande d'obtenir des conseils d'un avocat et de m'assurer que vous comprenez toutes les exigences légales associées à l'enregistrement d'une entreprise. Après avoir enregistré votre entreprise, vous devez commencer à créer votre propre marque, concevoir un logo pour votre entreprise et choisir vos colliers de marque. Enfin et non des moindres, vous devriez certainement concevoir votre propre site Web parce que c'est la partie la plus cruciale de votre entreprise. Maintenant que vous avez votre site Web prêt, il est temps de réfléchir à votre stratégie marketing. Si vous ne pouviez pas offrir vos services et compétences aux bonnes personnes, votre entreprise ne serait pas couronnée de succès, peu importe à quel point vos compétences sont professionnelles et utiles, alors assurez-vous que vous avez un bon plan de marketing et exécutez-le avec précision. 140. Comment améliorer votre entreprise ?: Salut, tout le monde. J' espère que vous allez bien dans ces vidéos. On va parler de la façon dont vous pouvez faire évoluer votre entreprise. Maintenant que vous dirigez votre propre entreprise, vous vous demandez peut-être comment vous pouvez faire évoluer votre entreprise ou, en d'autres termes, comment vous pouvez augmenter considérablement le chiffre d'affaires de votre entreprise. En ce qui concerne les entreprises en ligne. La plupart des entrepreneurs se concentrent généralement sur une région géographique par souci de simplicité. C' est une excellente idée pour commencer votre voyage. Cependant, ce n'est pas suffisant pour développer une entreprise rentable. Ainsi, comme vous pouvez le deviner, la meilleure solution consiste à élargir vos options globales et à obtenir des clients du monde entier. L' étape suivante consiste à automatiser vos processus manuels, ce qui peut éviter de perdre votre temps car peu importe le nombre de clients que vous avez, il n'y a que 24 heures par jour. Nous pouvons utiliser le site tampon pour gérer vos médias sociaux automatiquement, et il ya aussi beaucoup d'autres outils pour rappeler à vos clients, leur facture dit en un rien de temps. Vous n'avez donc pas besoin de consacrer autant de temps à ces tâches qui peuvent être déléguées et exécutées automatiquement. Au lieu de cela, vous devriez vous concentrer sur votre contenu et le résultat de chaque projet 141. Communiquer avec votre client: Salut, tout le monde. Dans ces vidéos, on va parler de communiquer des clients vidéo. Une communication efficace avec les clients joue un rôle clé dans tout type d'entreprise. Et pour les concepteurs, il n'y a pas d'exceptions. La façon dont vous interagissez avec vos clients est si importante. Si vous voulez être un entrepreneur prospère, comment devriez-vous gérer la situation si quelque chose ne va pas ? Eh bien, dans n'importe quel genre d'affaires, il y a des moments où quelque chose ne va pas et c'est normal. Cependant, la façon dont vous faites face à ces difficultés, c'est si important. Supposons que vous définissiez une date limite pour remettre le projet final au client et qu'au milieu du processus de conception, vous comprenez que cela pourrait prendre plus de temps. Eh bien, dans ces cas unité, informez votre client à ce sujet dès que possible et essayez de trouver une bonne solution qui fonctionne pour vous deux. 142. Contrat: Salut, tout le monde. Dans cette vidéo, on va parler de contrats comme n'importe quelle autre affaire. Vous devriez avoir un lieu de passation de marchés approprié pour démarrer un projet, peu importe la taille ou la taille de ce projet. Avoir un contrat garde tout clair et protège les deux parties écrit ce qui devrait être inclus dans l'accord. chose la plus importante que vous devez ajouter au contrat est la déclaration de vos services d'une manière claire. Et parfois aussi, il est encore préférable de mentionner ce que vous ne ferez pas pour les clients. Assurez-vous de mentionner la date limite de livraison du projet ainsi que le calendrier de paiement . Rappelez-vous que le contrat ne devrait pas porter uniquement sur les choses qui pourraient mal tourner. Il est préférable de se concentrer sur ce qui devrait être fait correctement. En général, c'est une bonne idée d'obtenir des conseils juridiques d'un avocat à l'avance 143. Où trouver une inspiration de conception des cours mondiaux ?: Salut, tout le monde Dans ces vidéos, nous allons parler d'inspiration et les ressources sont inspirées par d'autres designers est absolument bien et important. Cependant, vous devez vous assurer que vous ne copiez pas leurs œuvres. Si vous êtes intéressé par leurs conceptions et que vous mentiriez pour en utiliser des parties dans votre projet, vous devez d'abord demander la permission. Comme vous vous en souvenez peut-être, nous avons parlé d'être mains et dribble dans les sections précédentes des scores. Ces deux sites sont les endroits les plus populaires pour trouver une inspiration artistique. Il y a tellement de sites Web et de pages Instagram que vous pouvez vous référer comme une source d' inspiration. Vous pouvez également montrer à vos clients ce que vous avez pour vous inspirer de connaître leurs attentes. 144. Ressources d'image: Bonjour, tout le monde. Dans ces vidéos, on va parler de sources d'imagerie. Nous avons des concepteurs travaillent beaucoup avec des images. Il pourrait s'agir de n'importe quel type d'images sous la forme de profils, de produits, etc. Il est donc essentiel d'avoir des ressources efficaces afin d'obtenir les images les plus appropriées pour nos projets. Il y a tellement de sites Web qui vous offrent une variété d'images, Certains d'entre eux sont payés et certains d'entre eux sont gratuits. Cependant, si vous cherchez des images libres de redevances à utiliser dans vos projets sans aucun doute sur leur licence, je vous suggère d'utiliser unspool ash qui viennent. C' est l'un des meilleurs sites Web pour trouver presque n'importe quel type d'images dans différentes catégories. N' oubliez pas que vous devez vous assurer de la licence des images que vous souhaitez utiliser, sinon vous risquez d'avoir des problèmes. 145. What l'étape suivante ?: plus ruiné dans ces vidéos, nous allons parler de la prochaine étape en tant que designer Yuan UX. Maintenant que vous avez tant appris sur la conception de l'interface utilisateur, il est temps de passer à l'étape suivante. Vous êtes maintenant prêt à commencer à concevoir plus étonnant tandis que APS et sites Web. En tant que concepteur, vous devriez toujours être créatif, Alors essayez de vous défier tous les jours pour découvrir les secrets cachés du jeune design UX . Vous avez probablement entendu dire que la pratique rend parfait, mais rappelez-vous que votre design ne devrait pas être toujours parfait. La seule chose qui compte, c'est votre progression et vos améliorations. Donc je pense que c'est une bonne idée de changer cette fameuse phrase en pratique fait des progrès. Et avec cela dit, vous devriez devenir un meilleur démissionnaire chaque jour. Last but not least, je devrais vous remercier d'avoir regardé ces tutoriels. Cela a été un long voyage pour nous deux, et j'espère que vous l'avez apprécié. Je vous souhaite bonne chance, et j'ai hâte de voir vos mots d'art