Processus de design pratique Web - Comment voler des inspirations | Muhammad Ahsan Pervaiz | Skillshare

Vitesse de lecture


1.0x


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

Processus de design pratique Web - Comment voler des inspirations

teacher avatar Muhammad Ahsan Pervaiz, UI UX Visual Designer 15+ Years

Regardez ce cours et des milliers d'autres

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

Regardez ce cours et des milliers d'autres

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

Leçons de ce cours

    • 1.

      Introduction au traitement de projet Web de conception

      1:54

    • 2.

      Interpréter le dossier du client avec des exemples de cas concrets du monde réel

      10:32

    • 3.

      Obtenir une direction de conception sur le site Web des concurrents

      5:09

    • 4.

      Comment je facture mes clients en conception Web

      6:18

    • 5.

      Comment obtenir une direction de conception de n'importe quel projet de conception Web

      7:52

    • 6.

      Comment améliorer votre conception avec des commentaires

      13:52

    • 7.

      Voler à partir de vos inspirations sans copier

      7:15

    • 8.

      Choisir des polices de police pour votre projet de conception Web

      12:33

    • 9.

      Expériments de l'ordre des couleurs pour la conception Web

      8:32

    • 10.

      Utiliser et créer des composants et des symboles dans la conception Web

      7:02

    • 11.

      La conception s'améliorera avec du temps

      8:23

    • 12.

      Collaborer avec des développeurs sur un projet Web Design

      7:09

    • 13.

      Optimiser les performances et le chargement amusant

      9:08

    • 14.

      Déployer des projets de conception Web et service après vente

      4:31

    • 15.

      Que faire ensuite ?

      0:37

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

Généré par la communauté

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

682

apprenants

--

projet

À propos de ce cours

Ce cours s'occupe de vos éléments pratiques de CONCEPTION WEB de pratique. Beaucoup de concepteurs et même développeurs, ne savez pas comment gérer et livrer un projet de conception Web en partant de la période du client aux inspirations et comment transformer les specteurs et les inspirations de la conception et de la manière de créer un client en un client en un client

Ce cours est maintenant l'endroit pour vous. Cela vous apprendra

  • Comment lire et interpréter le dossier Web Design client
  • Apprenez les analyses et les inspirations de concurrents
  • Comment voler à partir de vos inspirations
  • Configurer la direction de conception pour votre projet Web
  • Comment s'améliore votre conception de site Web avec le temps
  • Surmonter les problèmes de collaboration avec les développeurs Web
  • Livraison de projet de conception Web
  • Problèmes de performance, optimisations d'image et conseils de chargement amusants
  • Comment fournir aux clients des services de vente aprèsvente

Ce cours ne vous apprend pas les outils de conception, mais le processus dans lequel j'ai partagé l'histoire de mes deux derniers projets de conception Web du début à la fin. Je vais partager tous les outils, des conseils et techniques que j'utilise pour réaliser un projet de conception Web avec succès avec succès.

J'espère vous voir à l'intérieur. Commençons

Rencontrez votre enseignant·e

Teacher Profile Image

Muhammad Ahsan Pervaiz

UI UX Visual Designer 15+ Years

Enseignant·e

Hi, I'm Muhammad Ahsan, a Senior UX/UI & Product Designer with 20 years of experience in UX design, product strategy, and design consultancy.

I started my journey from scratch and went on to work with FORTUNE 500 companies including Intel, Panasonic, and Coca-Cola, along with SaaS startups and ProductHunt launches. I've helped teams design user-centered products and UX onboarding systems, including a startup that ranked Top 3 Product of the Day on ProductHunt.

Currently, I work as a Lead UX Designer at Prodesign.tech, where I design and scale dashboards, portals, and SaaS applications. For the past few years, I've been leading UX efforts for a U.S.-based weight loss healthcare company, LumiMeds, designing patient, provider, and admin portals used by real users daily.

<... Voir le profil complet

Compétences associées

Design Design UI/UX Web design
Level: Intermediate

Notes attribuées au cours

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

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

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

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

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

Transcription

1. Introduction au traitement de projet Web de conception: bienvenue à mon cours sur la façon de gérer le projet de conception. Maintenant dans les scores, je vais partager avec vous tout mon processus de réalisation d'un projet de conception Web de prendre les clients brièvement traduire ces mémoires et les inspirations des clients en design réel. Comment j'expérimente réellement avec différentes polices de caractères, différentes couleurs. Comment mon design voss a façonné et changé radicalement après avoir obtenu feedbag clients. Comment obtenir les commentaires d'autres concepteurs et les utiliser pour améliorer votre conception et comment vous allez orteils. Collaborez avec vos développeurs comment vous allez aux pieds. Déployez votre projet sur vos services après-vente client et beaucoup de choses. Donc, il y a beaucoup d'informations hors informations précieuses cachées dans cette classe. Donc, si vous êtes confus sur la façon dont, en fait l'ensemble du processus de conception Web fonctionne et comment vous pouvez compléter cela avec succès à partir de clients, Briefs orteil effectivement accordé une conception de page de destination, ce que j'ai fait dans mon dernier projet. Je vais partager avec vous deux exemples de mes derniers projets dans ce cours ou cours donc, si vous avez des questions, c'est un cours d'approche pratique que je ne vais pas vous enseigner le design. s'agit de l'ensemble du processus que j'utilise, il va améliorer Comment vous regardez la conception, comment vous allez orteil Prenez votre conception dans le remorquage Une direction spécifique. Donc, il y a beaucoup de choses que vous pouvez dire des techniques que j'utilise. Je vais partager avec vous. J' espère que vous apprécierez les scores. Si vous avez des questions, vous pouvez toujours me poser ou commencer une discussion. J' espère vous voir bientôt à l'intérieur des écoles. 2. Interpréter le dossier du client avec des exemples de cas concrets du monde réel: dans cette leçon de ce redo, je vais parler des spécifications des clients pour un projet de conception Web ou de ce que vous appelez client brief pour un projet de conception Web. Je vais partager avec vous un vrai mémoire que j'ai reçu il y a trois mois . J' ai récemment fait ce projet. C' était une page de destination pour Nick de manière réactive. Excellent design pour ah ah ah, Iris ou collection de texte, service ou textes. La loi est aux États-Unis, et je vais partager avec vous comment je, vous savez, vous savez, prendre le pied ce bref de clients Hoy l'a effectivement lu. Comment vous signalez des choses différentes et ce que nous devons considérer lors de la lecture classifications des clients et des clients. Donc, je garde principalement des choses dans un dossier appelé Client Specs. Donc, quand je l'ouvre, vous pouvez voir ici sont différentes ressources Est-il re sources qui sont envoyés par le client. Ils travaillaient déjà sur quelque chose qui était cette conception, et ils l'ont déjà, vous savez, développé. Donc je ne voulais pas qu'il ait un cadre métallique. Donc, quand ils ont déjà quelque chose, est-ce qu'une forme est hors de leur idée ? Je comprends que c'est en fait qu'ils voulaient construire, donc je ne leur ai pas dit, tu sais, tu sais,de tirer le cadre de fil d'orteils principalement. Ce que je fais, c'est que je les laisse dessiner le cadre de la barre. Donc, s'ils m'ont envoyé quelque chose comme ça, je leur renvoie un email et leur dis que Qu'est-ce que tu cherches ? Donc ce qui veut vraiment être alors laissez-moi vous montrer un exemple. Ok, donc nous avons une autre page de destination, ce que j'ai fait l'année dernière. Page de destination Vmc. Et si vous le regardez ou ici vous pouvez voir ici nous avons des chiens de quai de documents, et c'est en fait leur page de destination. C' est en fait leur mémoire. Et c'est le croquis que j'ai reçu d'eux, alors je leur ai dit ça. Qu' est-ce que tu cherches ? Quelle sorte de page de destination. Vous cherchez des corps dans votre esprit. Donc ils dessinent quelque chose comme ça. Ici, nous avons l'appel de logo, bouton d' appel. Ensuite, nous avons cette image va entendre la maison abordable et facile à utiliser. Formulaire d'affichage numérique par ici. Quelques informations ici industries ces produits peuvent fonctionner et des choses comme ça. Vidéos de devoir. Et c'est un numéro de téléphone et ah, là, adressez-vous à quelque chose comme ça. Donc c'est ce que je fais, je leur dis de dessiner quelque chose pour que je sache, ils peuvent le faire dans n'importe quel mot ou n'importe quel logiciel. Le point de puissance ennuyeux. Peu importe l'usage, ils peuvent dessiner quelque chose comme ça et ils peuvent me l'envoyer. Ce sont toutes les ressources différentes que j'ai obtenu d'eux. C' est en fait la page de destination, que je vais vous montrer. Ce sont ces autres spécifications. Deux ou trois choses qui doivent avoir votre mémoire doit avoir du glaçage, c'est ce qu'ils veulent en fait . Deuxièmement, quelle est leur concurrence. Pour que vous puissiez voir Sky Kit. Ils m'ont assuré que ce sont ce est un site Web hors de leurs concurrents. Alors ils m'ont assuré que quoi ? En fait, ils ont averti Quels sont différents Vous pouvez dire les caractéristiques de leur produit. Um, ce sont différents, vous pouvez dire qu'ils utilisent leur produit. Et c'est aussi ce sont ce qui est en fait le mémoire. Ce mémoire était donc très petit. Mais si je vous montre le récent que je viens d'ouvrir ici, c'est un très grand chagrin, qui fait neuf pages. Et la raison en est qu'ils travaillaient déjà sur quelque chose qui est ce modèle de travail. Ils voulaient donc intégrer ce formulaire, qui est en fait un formulaire d'enquête dans le remorquage, le design qu'ils faisaient. Et je pense qu'ils ce que la personne qui a développé ce waas quelqu'un de différent et, ah , moi, que j'étais un designer. Et je vais aussi le préparer en remorquage accordé pour Mitt parce que je travaille avec un développeur maintenant, donc ils étaient différents. Donc celui-ci a été cité par quelqu'un d'autre. Je ne sais pas qui c'était. Donc eso il y a peu plus de spécifications que vous pouvez voir. Déplacez ça ici. Déplacez ça ici. Et si vous regardez celui-ci, ils étaient il y avait beaucoup de spécifications différentes comme ceci est leur concurrence. Ils m'ont donc montré qu'il s'agit d'une compétition et de regarder ce qu'ils ont dans leur version mobile . J' ai donc dû regarder ouvrir mon appareil mobile et voir ce que ces liens traversent réellement et ce qu'ils signifiaient réellement. Vous devez donc lire la documentation de vos clients de disque de spécifications spécifiques, mot par mot. Vous devez noter tout ce qu'ils vous disent. Tu dois savoir vers le bas. Vous pouvez utiliser le papier et mauvais papier appariés au crayon et vous pouvez voir ici Nous avons différentes sections pour bureau. C' est mon client de deux ou trois ans, je deux ou trois ans, pense qu'il y a plus de quatre ou cinq ans. C' est le seul client pour lequel je travaille. Je ne prends pas beaucoup de projets de design ces jours-ci, donc vous pouvez voir ce que Ici. Hey, c'est très précis sur les choses que j'aime. Nous avons besoin de quelque chose d'en-tête dans cet en-tête que nous avons besoin. Ceci est la prochaine section que nous avons eu cette écouter et lire des témoignages d'allégement fiscal réel où nous allons avoir une sorte de ces lecteurs audio html cinq lecteurs audio. Donc, cette spécification, ce document est en fait sur la conception et le développement de la parole, ni seulement un design. Donc je suis en fait, vous pouvez dire, Jack Off change presque. J' ai quitté le développement Web et je l'ai donné à une personne qui est plus d'expérience et plus . Vous pouvez dire exporter en cording et plus rapide que moi. Donc, j'ai gardé mon garder moi-même seulement sur juste la tâche de conception. Et j'ai vraiment adoré le design. Profitez-en. J' ai quand je suis coincé dans un problème selon, il vraiment vous savez, rêves. Mon énergie, beaucoup avec beaucoup de discours, alors j'essaie de m'en abstenir. Donc, ce sont toutes les différentes spécifications. Même ils m'ont assuré quelques scripts là-bas. Scripts Google qu'ils voulaient Toby chargé avec leur parallaxe de page avec des chiffres. Il y avait des sections, des vidéos YouTube, et il y avait des sections qui n'y étaient pas incluses. Les spécifications sont là déjà construit page ou ici, Laissez-moi vous montrer si je l'ai ouvert ici quelque part. Non. D' accord. Donc pour le mobile, ils avaient des spécifications différentes. Donc ce qu'on appelle ça, on appelle ça le design adoptif. Donc, sur un appareil mobile, votre mise en page, vos affaires, ils vont changer. Et ils seront représentés différemment lorsque vous êtes sur votre version de bureau. La version de bureau et les versions mobiles n'étaient donc pas les mêmes. Je vais te montrer dans une minute. C' est le dernier que vous pouvez voir. C' est ce qu'on a réellement développé. Donc, il s'agit d'une version finale développée sur le même site Web, sorte que vous pouvez voir ceci est l'en-tête. Regardez-le. Je vais les orteils, changez les orteils. Hum, c'est un Donc je vais passer à l'arrière orteil normal. Vous pouvez voir qu'il s'agit de la version de bureau. Laisse-moi te montrer ça. Ici, nous avons le numéro de téléphone en haut, et ensuite nous avons ce fardeau. Obtenez une analyse de texte exempte d'impôt, et lorsque vous cliquez sur ce bouton, cette ferme est à la pointe. Assurez-vous d'être montré ici, et vous pouvez l'utiliser et passer à autre chose. Continuez à le sentir. Et des choses comme ça passent à la phase suivante. Maintenant, quand vous passez à cette , version réactive, vous pouvez voir ou entendre tout ça change. Nous n'avons pas de numéro de téléphone ici, et nous avons un Addo et après l'adulte, nous avons ce formulaire pour sentir et le numéro de téléphone est en bas. Donc, si vous vous déplacez comme ça, vous pouvez voir que le nombre entier va coller en bas. Et c'est en fait ce que les clients ont besoin de leurs spécifications. Ils voulaient coller leur numéro de téléphone ici, donc il y avait deux ou trois choses qui étaient vraiment importantes orteil la ligne numéro un est dans toute cette zone ou la première fois que certains utilisateurs y voient. Site web. Ils doivent voir ce formulaire ici donc en bas vous pouvez voir le formulaire Saray. Ils étaient très fiers de le faire, alors ils voulaient le montrer à tout le monde. Ensuite, le second était ce numéro de téléphone et ah, quelques autres choses. Comme s'ils avaient ces témoignages, témoignages audio. Ils voulaient vraiment qu'ils soient, vous savez, jouables avec précision, facilement accessibles ou des choses comme ça. En outre, ils voulaient qu'il se charge très rapidement. Il y avait trois ou quatre exigences qui étaient vraiment nécessaires, et ils ne veulent vraiment pas ressembler à leurs concurrents. C' est donc le problème le plus difficile. Quand un designer essaie d'obtenir de l'inspiration ou d'essayer de voir la concurrence, ils essaient orteil 10, créer un design qui est très proche de la concurrence. Et ça va, tu sais, tu sais, ressembler à une copie de leur compétition. On ne veut pas ressembler à ça. Essayez donc de lire vos clients mot par mot bref, ni vers le bas différents points. Je vais résumer ce que je voulais que vous fassiez sur le dossier du client, et ensuite ce que vous alliez faire, c'est laisser votre client dessiner ses images viles. Tu dois savoir ce qu'ils voulaient vraiment dire. Quelles sont les parties les plus importantes là-bas. Leur mémoire. Ce sont donc des choses différentes, ce qu'ils veulent accomplir. C' est l'un d'eux. Je pense que je ne veux pas que Toby dure trop longtemps. Passons donc à la leçon suivante où je vais vous montrer ce qui est en fait mon échauffement de design et ce que je fais réellement, comment je reçois l'inspiration, en utilisant l'inspiration de mes concurrents et ce que je fais réellement dans ce visage. Passons donc à la leçon suivante. 3. Obtenir une direction de conception sur le site Web des concurrents: maintenant dans cette vidéo, je vais vous dire comment nous allons regarder leurs concurrents, vos clients, vos ordinateurs et ce qui est différent. Vous pouvez les mêmes suggestions de conception ou instructions de conception. Vous allez récupérer de leur site Web à partir de leurs conceptions. Et que vas-tu faire dans ton design ? Former ? Donc, pour l'étape, Quand j'ai compris les clients bref, la deuxième étape que j'ai pris est que je visite ce site Web qui est le centre d'allégement fiscal dot org et vous pouvez voir ce est leur forme juste pop up. Et c'est presque la même chose que nous avions développée. Ainsi, vous pouvez voir personnel et vous remplissez ce formulaire et vous obtenez une évaluation gratuite. Donc, ce n'est qu'une seule étape. Ce que nous avions est en fait un formulaire d'enquête à plusieurs étapes. Donc si j'essaie de le fermer, vous verrez que je reviendrai. Donc, dans l'ensemble, ce que je pense est qu'il est bleu en haut, qui est bleu foncé, qui est le professionnalisme lady toe, qu'ils sont vraiment professionnels. Les affaires sérieuses remarquées. Puis ici, qui est très pâle, un bleu ciel bleu clair qui est assez invitant. Donc, ils me montrent qu'ils sont vraiment calmes et ils invitent le vraiment veulent que je remplisse obtenir un avis gratuit. Et ça, mais vous pouvez voir que c'est vraiment orange foncé, ce que je n'aime pas vraiment. C' est une couleur très nette, peut-être juste pour attirer l'attention. Et quand nous étions inquiets à l'écran Très peu de mots ici, ils sont numéro de portable. Juste ce numéro de mobile est cliquable, pas le texte entier. Et, euh, par ici d'ici, très génétique. Vous pouvez voir je cors pas très professionnel regardant ici à nouveau, icônes très génériques. Je ne peux pas distinguer la distance entre ces rubriques et ces quatre caractéristiques ou quoi que nous ayons. Encore une fois, ils ont vu quelque chose de semblable à celui-ci. Écoute Richard ou qui qu'ils ont. Ensuite, ils ont trois vidéos ici, et vous pouvez voir quelque chose change dans le sens. Ce qui est que vous pouvez voir. Vous pouvez voir toute cette ligne bleue ou cette section bleue ou ici, ce qui montre qu'il s'agit d'une nouvelle section, mais en haut, elle n'a rien comme ça. Donc c'est comme si j'essayais de le juger, c' est très, vous savez, pas professionnel. Il n'a pas d'équipe visuelle. Juste différentes sections combinées ensemble. Donc c'est tout leur design. En outre, ils montrent beaucoup de visages ici juste pour obtenir la confiance de l'utilisateur ou du visiteur . Donc c'est en fait Ah, un effet psychologique, qui est en fait, un vrai fait que quand on voit des visages, on va être plus laxiste. Que c'est Ah, ce site va vous aider. Donc, après avoir obtenu quelques directions de conception ou des choses à partir de leur site d'ordinateurs, je vais parler à mon développeur et je vais m'assurer qu'il peut facilement l'appeler et hey, n'a pas de problèmes. Je dois donc décider de mon système de grille. Par exemple, si mon développeur utilise bootstrap, je dois utiliser les mêmes bootstrap système de grille, afin qu'il puisse facilement juger cela. Donc ce sont les quelques choses que j'ai, vous savez, de l'ordinateur. Et puis j'ai parlé à mon développeur et je lui ai montré que ce sont les spécifications. C' est comme ça que nous allons orteil Ah, finir ce produit ou ce projet et cette page d'accueil serez-vous ce sera ce sera Quelles sont vos questions ? Donc, s'ils ont quelques questions là-dedans, esprit que poser aveugle à ce sujet et que nous allons poser toutes ces questions avant de commencer quoi que ce soit. Donc, c'est ainsi que j'obtiens en fait différentes directions de conception. Est-ce que je fais un test ? Quoi ? En fait, le mot de leur ordinateur. Quelles sont les orientations de conception recherchée par mon client ? , En fait, ils pensent que c'est ce qu'ils veulent. Alors pourquoi c'est ça ? Parce que c'est très invitant. Il montre beaucoup de visages. Il a un bouton de révision gratuit, ce qui est très important ici. Ce sont toutes les choses différentes. C' est donc en fait ce que nous allons mettre en œuvre dans notre conception. Très grand. Ensuite, très gros bouton d'attention crabbing. Peu de visages. Donc pour en faire des yeux humains et toutes ces choses différentes. J' espère donc que vous avez compris ce que vous devez faire quand vous regardez un site web de concurrents . Passons à la leçon suivante et voyons d'autres choses sur les projets de conception Web et comment les gérer. 4. Comment je facture mes clients en conception Web: dans cette vidéo, je vais vous montrer quelques conseils pratiques et réels et comment je construis mes clients et je vais vous montrer ma récente facture pour certains hors de vous. Cette facture pourrait être beaucoup pour certains de vous. Il pourrait être très, très moins en fonction de l'endroit où vous en fait dans quel marché vous êtes. En fait, si vous êtes aux États-Unis, cela peut sembler une facture très faible de toute façon. Donc, la première étape que je vais vous donner comme quand jamais vous facturez vos clients, mais je le fais normalement, c'est que je les construis séparément pour le travail de conception et de développement. Donc, quand j'ai terminé leur conception ou quand je prépare ma facture, je dois montrer que c'est le coût de votre conception. Normalement, je charge 300 à 500 dollars parfois 700 pour la conception d'un seul Babbage pour une page de destination. Si la longueur est beaucoup, je charge normalement 500 en moyenne est 500 dollars pour la conception d'une seule chienne d'atterrissage. Voici donc quelques conseils. Numéro un Est-ce combien de jours vous allez allouer orteil cette conception ? Donc, si vous facturez 500$ les 3 premiers jours, je conçois, puis quatre. Ensuite, j'essaie de les affiner. Mais avant mes dernières améliorations, je montre mon design à mon client. Parce que si vous essayez de continuer, vous savez, améliorer vos conceptions et faire beaucoup de choses simples et plus petits juste signifiaient espacements et tout. Mais votre client rejette ce design, et il dit qu'elle dit que ce n'est pas pour ça que je cherchais. Tu dois changer beaucoup de choses ou lui. Donc ça va gâcher vos 44 premiers jours de congé. Donc, avant que vos derniers raffinements montrent, une fois que vous êtes conçu pour votre client et parfois ce que je fais, je viens de concevoir la première tête à part de la conception et de les montrer ou forcés à des sections de leur conception et de leur montrer que c'est le direction dans laquelle je vais. Et c'est ça, c'est génial. Ça a l'air super. Donc, je continue à bouger et à créer plus de sections. Donc si je pense que le déclin est, vous savez, inquiet pour ma tête et que ce n'est pas ce que nous voulons réellement. Alors je me suis arrêté là et j'ai essayé de créer une autre équipe pour le design. Donc, tout est sur la construction de votre travail et comment vous allez orteils ne perdez pas votre temps maintenant. Deux choses que j'ai vous pouvez vivre la même expérience dans ma vie, qui est, chaque fois que vous avez affaire à un nouveau client et un climat de confiance est votre ancien client que les choses vont bien différemment. Donc, lorsque vous parlez à votre nouveau client sont de très nouveaux clients, ils vont parler des coûts beaucoup que cela est très coûteux. Euh, pouvez-vous attirer le cours de choses comme ça ? Mais quand vous avez un client de confiance qui sait que cette personne peut faire cette chose ou qu'il est un expert à leurs yeux, vous êtes un expert. Donc tu vas avoir. Ah, le comportement d'un peu de personne froide et un peu de chaleur. Donc, pour la classe sociale, on va monter des emails comme Salut, Charlie, comment vas-tu ? J' espère que votre équipe va très bien. Je vais te montrer les choses ou les mises à jour que je fais en ce moment. Ce sont mes mises à jour et ça va marcher. Prends 15 jours de plus. Donc, seulement quatre ou cinq lignes qui sont très sombres ne montrent pas et ne leur racontent pas des histoires juste très directes et un peu plus accueillantes au début. Ou peut-être en fin de compte, tout cela est très direct. Un peu cool. Ah, un peu chaud. Et c'est tout ce qui va taux de travail des orteils. Mais avec un nouveau client, Lorsque vous avez un nouveau client, vous devez être très chaleureux, très accueillant. Vous devez faire preuve d'empathie avec leur problème. Quoi qu'ils aient, tu dois leur dire que ça peut être résolu comme ça. Vous pouvez obtenir plus de courriels, vous pouvez obtenir plus de clients. Cela va fonctionner rapidement, choses comme ça et leur montrer qu'il y a de la valeur de travailler avec, il y a beaucoup de valeur s' ils manquent de travailler avec vous. Donc ce sont toutes les choses et non, je vais vous montrer ma facture et voici la facture. Et c'est le projet de retour Texas Halldor calme 12 Octobre conception de page de destination plus le développement pour plus l'optimisation. Donc, chaque fois que je fais quelque chose, j'essaie de penser que c'est mon propre projet. Mon propre site et moi essayons de donner le produit final dans la forme la plus parfaite. Donc, quelle que soit la forme la plus bénéfique ou parfaite ou la forme de ce projet, J'essaie de livrer que de sorte que vous pouvez voir la conception de la page de destination 500 selon la page avec les cadres I 1000. Ensuite, ils ont essayé de changer certaines choses. J' ai donc ajouté à 50$. Donc, quand je leur ai proposé le pain, je leur dirai que je vais vous facturer 1500$ pour la cour et la conception de ce projet. Mais à la fin, le changement quelques choses. J' ai ajouté un peu coûté tes cheveux, et j'ai fini, genre, 300$ par ici. Donc total est 1800 qu'ils sont déjà apparus, et je l'ai déjà rétabli. Quoi qu'il en soit, c'est sur l'histoire. Donc, euh, c'est comme ça que je traite avec mes clients, je les construis eso j'espère que les étapes qu'ils vont travailler pour vous, et ils vont vous aider à construire votre dernière entreprise de design web gratuit. Ou si vous dirigez une entreprise de logiciels ou si vous faites, hum, peu de freelance, cela va vraiment vous aider alors passons à la leçon suivante et voyons ce que j' ai de plus pour vous. Alors, pleurons et disons un peu plus de magie. 5. Comment obtenir une direction de conception de n'importe quel projet de conception Web: dans cette vidéo, nous allons parler de la question la plus difficile. Lorsque vous commencez notre conception, vous êtes presque aveugle. Vous devez décider dans quelle direction ce design va aller. Donc je vais vous donner quelques conseils et un angle pour vous montrer deux de mes dessins. C' est comme ça que j'ai vraiment obtenu ma direction de conception et comment je souhaitais vraiment technique. J' utilise les orteils, tu sais, surmonter ce problème. Donc jeûne est que essayer de décrire chaque projet de conception en quelques mots, associer des mots avec qui ceux-ci pourraient être des objectifs ou des mots similaires. Donc, au cas où mon dernier projet, qui était Aiyar ou société fiscale, cette société d'adhésion est essentiellement des avocats. Donc, ils sont sérieux. Ils s'ennuient. Ils sont confiants qu'ils veulent représenter leur ferme. Pour être professionnel et sécurisé, c'est parce que la plupart du temps, quand les utilisateurs ils viennent n'importe quel site Web, ils ont vraiment besoin d'aide. Donc ils veulent un peu de sécurité. Ils ont besoin d'un peu de sécurité. De même, contrairement à cela, je vais vous montrer mon design, qui est un peu différent, qui est plus tard une entreprise multimédia. Et j'ai utilisé ces quelques mots comme un multimédia accueillant, accueillant et créatif. Donc nous le voulions vraiment. Ce sont donc deux directions de conception différentes pour deux projets différents. Je vais vous montrer tous les deux ces projets et comment ils ont réellement inventé ces conseils. Commençons donc par celui-ci, qui est multimédia, le bas. Créatif, multimédia, accueillant et accueillant. C' est donc un design clair. Et je l'ai fait en quatre pour magasiner parce qu'on avait juste une page. Donc, nous l'avons fait. Allons zoomer. Ok, donc, comme vous pouvez le voir, euh, tout le design c'est Ah, le visage thaïlandais, les couleurs. Ils sont assez créatifs. Ils sont un peu, vous pouvez dire, accueillant le spectacle, une sorte d'effet multimédia hors tension. Regardez la police de caractères. Vous voyez la sélection de typhus, tout correspond à toute l'équipe. Donc, ça va être toute la direction du design que vous pouvez voir ici. Ici, nous avons peu de caractéristiques que nous avons plus de couleurs ou de cheveux. Donc j'utilise beaucoup de couleurs différentes ici sur, et de même, vous pouvez voir ici encore nous avons une vidéo, cette barre multimédia sur, et puis nous avons encore quelques couleurs ou cheveux, quelques lignes, des lignes de barre et des choses comme ça. Donc beaucoup de couleurs utilisées ici. Ah, bien. Int gourmand pour le bleu pour voir un knish bleu clair couleur bleu Die face est un peu Vous pouvez dire que sable humaniste Saref ont une touche humaine en elle. Donc, ce sont en fait les directions de conception. Alors pourquoi j'ai fait ça parce que c'était un panneau numérique. Ege et correct origine Ou alors il va afficher des images pour vos clients Lorsque la visite, votre bar, votre hôpital, votre collège Vous avez peut-être vu différents écrans de télévision où vous obtenez des informations sur cette entreprise ou sur la façon dont les choses se passent ou ici. C' est donc une direction de conception. Il s'agissait donc de cet accueillant, accueillant, créatif et multimédia. Non, je vais vous montrer le deuxième exemple. Voyons donc que maintenant voici le deuxième design et cette direction de conception est totalement différente. Il s'agit de sécurité. Il s'agit de sécurité. Il s'agit d'aider ces professionnels à obtenir de l'aide pour que vous puissiez voir leur slogan, qui dit que nous avons aidé plus de 300 000 personnes à obtenir un allégement fiscal à l'échelle nationale. Maintenant quoi ? Cette ligne avait transmet ce que ce texte de copie transmet. Ça dit que nous sommes professionnels. Nous sommes confiants et audacieux dans ce que nous faisons. Nous avons beaucoup d'expérience, donc vous seriez plus en sécurité avec nous . Vous serez Vous vous sentirez en sécurité parce que nous sommes des experts, nous savons ce que nous faisons. Donc ce slogan et la taxe relative, ils m'ont montré la direction de la conception. Alors je suis allé avec ça. Vous pouvez voir le fond est vert foncé bleuâtre tente lumière bleu off et la plupart du temps de couleur verte . Et aussi pour ce bouton, nous avons eu quelque chose qui est Ah, verdâtre couleur vert très clair quand nous sur ce Ah, mais je vais vous montrer la page réelle pour que vous puissiez avoir l'idée de quelle couleur je parle . Voyons donc ce que la page réelle citait Page Waas. Maintenant, c'est le résultat final et vous ce que je voulais vous montrer, c'est ce bouton. Donc, si vous avez plus mot que vous pouvez voir sur l'ombre jazz est enchaîné et ce bouton tourne l'écran Maintenant pourquoi ce bouton tourne l'écran ? Parce que mon client dans mon mémoire client quand je leur ai posé des questions Qu'est-ce que vous voulez avec cela ? Mais et c'est donc qu'il devrait devenir vert. Donc, pour obtenir un certain soulagement à l'utilisateur que je suis en sécurité et je le suis. Qu' en est-il de ce que j'essaie de faire, c'est une action sûre. Donc, c'est une couleur ambre jaunâtre waas pour attirer l'utilisateur et ce waas orteil sentir l'utilisateur un peu plus sûr avec cette société Maintenant, dans l'ensemble, si vous regardez cette typographie, il est un peu off. Tu peux dire Eddie, tu vois qu'on a des bords. Il s'agit d'une police géométrique basée sur des cercles parfaits, presque parfaits et des choses comme ça. Donc, parce que cette entreprise waas professionnel, il était une taxe de texte de ah solide ou vous pouvez dire audacieux professionnel, entreprise sérieuse. Donc, j'ai utilisé ce genre de typhus Désolé, ce genre de typhus de police De même, vous pouvez voir que nous avons beaucoup d'espace blanc et des couleurs violacées très foncées couleur bleuâtre pourpre parce qu'il montre que nous savons ce que nous faisions. Nous avons adopté une position de taureau selon laquelle nous savons ce que nous faisons. C' est donc très propre, très minimaliste. Um vert, vous pouvez voir ce cap vert foncé. Il montre également la sécurité et la sécurité. Donc, ce sont en fait mes instructions de conception Quand j'ai commencé ce design, je vais partager avec vous beaucoup de conseils et en fait, ce sera un très petit, vous pouvez dire voyage hors de ce qui va dans mon esprit et ce que je fais quand je concevoir un site Web ou une page de destination. Donc, il est un peu hors comme des connaissances pratiques. Il n'est pas lié orteil, vous savez, apprendre un outil ou le design lui-même. J' espère donc que cette vidéo vous aidera beaucoup dans votre prochain design que vous ferez quelque chose. Certains. La technique similaire, comme je l'ai fait, comme associer des mots à vos conceptions et choisir l'équipe hors de votre direction de conception et de conception selon cela et ces mots. Passons donc à la leçon suivante. 6. Comment améliorer votre conception avec des commentaires: il y a un problème avec beaucoup de concepteurs, c' est-à-dire qu'ils ont tendance à travailler seuls. Ils pensent qu'ils savent tout sur le design, ils les laissent concevoir et qu'ils font le travail avec leur propre outil et qu'ils sont dans leur propre monde imaginatif. Maintenant, voici votre plus grand mystique, qui est que vous devez compter sur deux ou trois autres esprits pour obtenir un superbe design . Si vous regardez B, haas ou dribble ou n'importe quel site web, si vous regardez un travail créatif ou concevez une équipe comme trois ou quatre designers ou trois ou quatre personnes, vous serez étonné par la qualité et la direction que conception. Donc je vais vous donner un pourboire sur votre vie, qui est toujours obtenir des commentaires de votre client. N' essaie pas les orteils. Tu sais, je pense qu'ils ne savent rien du design. Ils ne savent pas. Ils savent des choses sur leur produit. Ils savent ce qu'ils votent avec leurs clients. Eso essaie d'obtenir les commentaires de vos clients le plus tôt possible. Montrez-leur le Haider que j'ai conçu ces quelques sections pour les sections Stroh de votre côté rap à quoi elles ressemblent. Quelles sont vos idées sur ce deuxième plongeon ? Est goto n'importe quel concepteur, qu'il soit votre ami ou la famille ou toute personne qui sait un peu sur le design et obtenir leur avis orteil deux esprits sont toujours meilleurs qu'un. Vous devez obtenir des commentaires de différentes personnes. Vous devez changer la perspective de vos conceptions Web ou tout ce que vous concevez. Vous devez obtenir les idées d'autres personnes que ce que pensez-vous que ce design manque. Donc, si vous demandez à un designer, vous allez leur demander. Que pensez-vous que ce design manque ? Quoi ? Qu' est-ce qui, selon vous, peut être amélioré ? Donc, du client, vous pouvez leur demander ça. Quelles sont vos pensées sur l'initiale de la conception initiale. Donc, ils vous donneront quelques commentaires. Je vais vous montrer mon cas. Étude Que s'est-il passé avec moi dans mon dernier projet ? Je vais aussi vous montrer la refonte de mon site web où j'ai demandé à mon frère cadet , il est aussi un concepteur, et il travaille en ce moment dans une firme de logiciels. Alors je lui ai demandé que Que pensez-vous de cette conception. Qu' est-ce qui manque à votre avis dans ce design ? Et il me dit un très bon conseil. Je vais te donner un secret, c'est que le design est une histoire. Tu dois construire une histoire. Vous devez montrer votre design dans une ferme d'histoire, et vous devez le rendre intéressant. Donc, je vais les pieds, vous dire que quels sont les effets d'avoir les opinions d'autres personnes ou de vos clients sur votre conception et comment il va améliorer. Alors laissez-moi vous montrer le premier exemple Maintenant, c'est le premier design que j'ai fait pour mon client. Donc vous c'est en fait le même design que nous avons parlé. Vous pouvez voir l'arrière-plan, beaucoup de visages. Ils ont la plupart du temps l'air faux. Euh, même titre. Semble tout. Le bouton était très sombre. Hum, et je pensais que c'était très professionnel parce que le bouton est sombre et il va attirer l'attention. Il fait sombre, mais sur un fond clair. Mais mon client a dit que cela a forcé cette image sur le fond. Ces visages, ils ont l'air très irréalistes. Donc ils ont l'air faux. Nous devons donc changer notre direction. Aussi, si vous vous souvenez que notre concurrence, qui était nos concurrents site waas. Aussi très similaire à celui-ci. Juste l'échange de couleurs qu'ils ont certains par Bill couleur bleuâtre et celui-ci a écran. Donc, j'ai dit OK, donc je vais prendre vos commentaires de conception et je vais m'améliorer là-dessus. Et puis j'ai essayé de changer la couleur de fond et d'utiliser le même arrière-plan. Un nouveau contexte m'a assuré lequel était celui-ci et encore une fois j'ai montré ceci et cette annonce. Le bouton est si noir. Nous voulons avoir quelque chose de vert ou peut-être faire la plupart du temps dans les couleurs sûres propres, comme montrer la sécurité. Ok, alors quoi ? J' ai dit Ok, qui a marqué que je vais améliorer ce que vous pouvez voir Vous verrez comment ce design change totalement à celui-ci. Donc, vous pouvez voir maintenant il est à la recherche créer. Donc, chaque fois que vous concevez quelque chose essayé orteil, demandez aux autres. Que pensez-vous de ce design ? Maintenant, vous pouvez voir que c'est presque le même design. Si vous regardez cela, cela semble vraiment faible sur ce ne montre pas une personnalité audacieuse et confiante. Mais si vous regardez cet écran, il est né, il est confiant qu'il l'est. Ça a l'air professionnel. Il attire l'attention de l'utilisateur. Il a transmis le message d'une manière puissante. Nous avons aidé plus de 300 000 personnes à obtenir des allégements fiscaux à l'échelle nationale. C' est ainsi que lorsque vous travaillez avec deux esprits ou tty, votre design change et change réellement sa forme et sa forme et crée un très beau design. Lorsque vous recevez des commentaires de vos clients, lorsque vous recevez des commentaires de vos concepteurs, de vos collaborateurs, cela va se produire. Votre design va toujours améliorer les orteils. Maintenant, je vais vous montrer le deuxième dessin que j'ai reçu des commentaires de mon frère. J' ai d'abord travaillé avec lui avec lui que la façon dont vous pouvez améliorer ce design. Donc je vais vous montrer avant et après, et vous déciderez que je me trompe ou que je suis vrai sur l'utilisation de deux ou trois esprits pour chaque conception. Maintenant, c'est le deuxième exemple dont je parlais. Donc, c'est en fait la conception finale. Et si je vous montre comment j'ai réellement commencé ce design, vous serez, vous savez, étonné. Donc, si vous regardez ce design. Oups. Laisse-moi te montrer. Donc, ici, nous avons ce design et vous pouvez voir que c'est la conception finale de mon nouveau site Web. Mes cours avaient cette fonctionnalité dans ces nombreux endroits. Pourquoi suivre mes cours ? Nos élèves parlent de l'instructeur. Commencez à apprendre maintenant contactez. Et c'est la nourriture. Donc, vous pouvez voir que c'est la conception finale. Et si je te montre celle avec laquelle j'ai commencé et quand j'aurai mon, tu pourras dire les retours de mon frère. Il a complètement changé et a changé le design. Vous pouvez dire direction de conception. Je vais donc vous montrer à quoi ressemblait mon précédent design. Maintenant, c'est le design avec lequel j'ai commencé. J' ai donc commencé à créer quelque chose comme ça. Et c'était un bouton. C' est un design totalement différent. Donc, vous pouvez voir que ce sont des nombres différents. Pourquoi prendre mes cours comme indiqué dans toutes ces icônes étaient en couleur Ce que les étudiants disent Waas quelque chose comme ça. Un design totalement différent. C' est avec ça que j'ai commencé. Voici mon introduction à propos de l'instructeur. Et voici la nourriture er Donc, vous pouvez voir ce est bien qu'il soit un bon design. Mais il y a beaucoup de problèmes comme vous pouvez voir ici. Ici. Ah, à propos du secteur. J' ai juste mon image. Mon frère m'a dit que vous devez montrer votre interaction avec les étudiants. Avez-vous pris une conférence ou un atelier ? Avez-vous donné ou fourni des ateliers quelque part, j'ai dit oui. Et il a dit : Essayez les pieds, mettez des photos là-bas, debout avec vos élèves. Puis, dans cette section, il a dit : Essayez de, vous savez, rendre les choses plus simples. C' est Ah, il y a beaucoup d'attention de ce côté de droite que pour celui-ci. Il a dit que ceux-ci sont en couleurs. Ils exigent beaucoup d'attention. Essaie les orteils, soumets-les. Essayez les orteils, minimisez l'attention ici. Donc je les ai tous trop noir et blanc ou gris aussi, euh, euh, la principale chose que l'idée principale que j'ai eu de lui waas que le design est une histoire. Il a dit que cette image de cette illustration à droite a l'air assez générique. image de cette illustration à droite a l' Il ne semble pas que ce soit très émotionnel ou qu'il s'attache à vos élèves. Donc ce que j'ai fait est pour la première itération. Permettez-moi de vous montrer à quel point mes progrès de conception sont probables. Alors je suis allé à celui-là. Donc ici je en fait Jane, la disposition de ce que vous pouvez voir maintenant ils sont dans quatre boîtes par ici. Ah, un peu changeable. Ici, nous avons tous en gris. Ah, un peu plus propre de propreté ici. J' essaie de retirer quelques-uns de la Vous pouvez en dire quelques-uns sur les témoignages à partir d'ici. Alors pense que celui-là est encore là. Même chose. J' ai augmenté l'espace blanc ici pour le rendre plus spécieux. Et puis avec les commentaires de mes frères, toute la direction du design change. Il a dit que je voulais utiliser cette illustration spécifique. J' avais acheté cette illustration. Ce ne sont pas des illustrations gratuites. J' ai téléchargé celui-ci et celui-ci pour ne pas essayer orteil, vous savez, vous savez, utiliser des illustrations gratuites que j'ai tendance à utiliser, euh priées ou ALS premium. Ils ont plus de qualité. Il a dit que ça me semble un peu plus intéressant à ce point fort. C' est en fait son design. Il a commencé. J' ai dit, OK, essaie de travailler sur mon design. Quelles sont vos pensées ? Travailler ? Harvard. Vous commencez cette conception. Il a dit que je vais faire quelque chose comme ça. Donc il a commencé avec cet en-tête. Et ah, dès que j'ai eu ce qui se passe réellement dans l'esprit de mon frère, j'ai essayé de changer mon design et de vous montrer le dernier. Oups. Hum donc ici nous avons le design final. Zoom arrière. Ok, donc nous avons le design final. Et si vous regardez ce design, cela est totalement changé. C' est le typhus. Il a dit que vous deviez améliorer votre police de caractères. Alors j'essaie d'utiliser cette preuve de sbires que j'aime vraiment. Et aussi c'est le jour du projet, qui est aussi un fort premium que j'ai acheté. Ce sont à la fois la force premium sont à la fois différents eso j'essaie de les utiliser. Puis j'ai essayé orteil obtenir plus de couleurs en eux qui pour ma marque couleurs bleu et orange. J' essaie donc de dire qu'ils les utilisent ici dans l'illustration. Alors quoi ? Il a dit que Waas l'utilisait comme une histoire. J' ai donc ajouté d'autres illustrations. Les éléments de design Amore le rendent plus humanisé. Pas seulement des boîtes et taxés et des couleurs. J' ai essayé d'utiliser une autre illustration de la même série de la ville et de la mettre ici en faisant ressembler à mes élèves. Et puis j'ai essayé de me battre simplement en faisant quatre critiques comme ça. Ensuite, vous pouvez voir ceci est qu'il brille sur instructeur. J' essaie d'utiliser d'autres images aussi. Comme celui-là, là où je suis avec mon atelier à Lums, Lahore dans une autre ville. Et ah, voici mon, um les mêmes sections que j'ai essayé orteil en créer une nouvelle ici encore, une illustration est ajoutée à nouveau, une illustration est éditée eux. Alors essayez orteil, essayez orteil, obtenir quelques rebondissements dans mes histoires, j'ai essayé de changer la mise en page a changé les illustrations, a changé un visage de cravate basé sur les commentaires de mon frère. Donc, il est vraiment, vraiment important que vous obteniez les commentaires d'autres concepteurs. Euh, d'autres concepteurs ou n'importe qui s'ils sont comme vous ou votre chef de produit ou n'importe qui s' ils ont une certaine expérience. Tout le monde a une expérience différente dans le design, donc ils pourraient essayer de vous donner quelques conseils qui vont améliorer votre design. J' espère que vous avez apprécié cette leçon. Je ne veux pas que ça soit très long. Mais c'est un sujet très important qui est d'obtenir des commentaires et comment vous allez améliorer ces commentaires. Laissez-moi vous montrer la deuxième page. Vous pouvez voir que c'est aussi, euh, venant de la même équipe du côté droit. Ah, et encore une chose. En fait, j'ai demandé un autre designer, qui est fait référence à fondre, qui est et il était designer, très grand designer et travaillant avec de très grandes entreprises et des trucs comme ça. J' ai également essayé d'obtenir ses commentaires sur cette conception. Il a été surpris par ce design, que je ne m'attendais pas, mais il a dit que vous pouvez améliorer votre pied de page et en-tête. J' avais peu de questions dans mon esprit, alors je lui ai posé la question dans ce courriel et il m'a très bien répondu en détail. Il s'agit donc d'obtenir des commentaires et de la façon dont vous pouvez améliorer vos conceptions en fonction commentaires, j'espère que vous avez beaucoup appris de conseils utiles dans cette vidéo. A bientôt. Dans la prochaine 7. Voler à partir de vos inspirations sans copier: dans cette vidéo, je vais parler d'un problème que beaucoup de concepteurs ont, et c'est comment vous pouvez utiliser les inspirations ou le site de vos concurrents ou concevoir des idées d'autres sites Web dans votre propre conception. Comment vous allez les mettre en œuvre maintenant. L' astuce est que vous n'avez pas besoin de les copier. Vous devez apprendre d'eux comment ils ont utilisé l'espacement, comment ils ont utilisé différentes polices de caractères, comment ils ont utilisé différentes couleurs, comment ils ont utilisé différemment. Vous allez donc obtenir des conseils et des conseils de conception à partir de ce design ou de vos inspirations. N' essaie pas de les voler. Si vous voulez vraiment orteil, soyez concepteur à succès. Essayez de voler à beaucoup. Donc, si vous avez trois ou quatre sites Web différents, essayez d'apprendre leurs directions de conception et obtenir des conseils et vous pouvez voir les équipes que je veux mon site Toby dans cette direction. Donc c'est l'astuce pour réussir à voler vos inspirations de design, donc je vais partager avec vous mon expérience récente. Ce cours est vraiment pratique, donc je vais partager avec vous de vrais exemples hors. Oh, je conçois notre ensemble, j'aborde différents problèmes de conception et comment j'utilise réellement des inspirations dans différents dans mes designs. Voyons donc cet exemple. Je vous ai déjà montré ce site web qui va être mon prochain design récent pour mon site web. Il est à venir peut-être deux mois prochains deux mois de toute façon. Donc, ici, nous avons le design et vous pouvez voir que vous verrez ce design. C' est tout le design. Ok, donc vous avez je vous ai déjà montré une fois ce design et maintenant je vais vous montrer. Allons au dos des orteils le haut ici et je vais vous montrer comment en fait ce qui est l'inspiration ou pour ce design ? Quelle est l'inspiration que j'ai utilisée ? Alors allons sur ce site inspirant. Donc voici un site Web appelé Designer Fund sur j'aime vraiment ce design. C' est l'inspiration pour mon design de taille VEP. Pensez-vous que j'ai quelque chose d'entreprise d'ici ? Si vous regardez de près, vous verrez que je n'ai rien copié d'ici. Vous pouvez voir que cette conception est totalement différente que vous pouvez voir le contenu est différent. Les titres sont différents et ah, beaucoup de grand et cravate visage mélange grandement sur Vous pouvez voir ici. Donc c'est tout le design de ce site. Ok, donc maintenant si vous regardez cette section ici et de la nourriture ou vous voyez que j'ai quelques idées à Dieu , comme diviser mon pied de page en deux parties comme ça ici et laissez-moi vous montrer comment je l'ai fait . Donc, si je vais à la nourriture ici, espère que nous allons comme celui-là. Et je vais vous montrer le pied de Et si vous allez au pied de page, vous pouvez voir qu'il est divisé en deux sections et j'ai utilisé ah ! Ah ! Frais généraux graphiques lourds. Euh, encore une chose. Si vous regardez de près le typhus est par ici. Laisse-moi te montrer. Ok, alors voyons. Le top Dreyfus est l'en-tête de titre ici. Vous pouvez voir si vous regardez cette police et si je peux vous faire face à Will. Vue locale se sentira une certaine similitude dans cette combinaison hors typhus est donc nous allons passer très rapidement afin que vous puissiez sentir cette même direction, un peu hors similitude dans cette conception. Ok, alors voyez-vous quelque chose pour voir ce typhus, qui est ma cachette. C' est comme 70% similaire et futur était de typhus qu'ils ont utilisé. Donc la deuxième chose que vous remarquerez est beaucoup d'espace libre ici. De même, si vous regardez ici, vous verrez beaucoup d'espace blanc. Les titres sont dans cette direction dans la direction verticale. Mais les esprits sont en direction horizontale. Vous pouvez voir comme ça parce que je n'ai pas trop de contenu à tirer. Ok, donc c'est comme ça que j'ai trouvé de l'inspiration. Aussi, vous verrez que certains hors des tueurs comme vous pouvez voir cette sombre, une couleur bleu pâle et cette forte, cette couleur vert vif. Je l'ai emprunté d'ici. Donc, si vous regardez ce logo étranger designer, ce n'est pas la même couleur. Je n'ai pas copié cette valeur de couleur ou la valeur décimale hexi, mais il est fermé orteil cette combinaison. Donc, nous avons bleu et vert presque bleu et vert. Ou ici aussi. Donc, nous avons un fond bleu foncé et vert. Ici, nous avons sombre, bleu noir et jaune contraste à nouveau vous pouvez voir l'écran ou ici et si nous passons vers le bas, vous pouvez voir à nouveau. Nous avons le fond bleuâtre de départ. Donc, l'essentiel ici est que Essayez de sortir l'équipe de ce design. N' essayez pas de le copier comme vous pouvez voir cette section ici. Il est très similaire à leur pied. Nos cheveux que nous avons, qui est comme Dieu, mises à jour occasionnelles sur les nouvelles. Ils ont quelque chose comme ça, mais le mien est un peu différent. J' ai ajouté quelques illustrations ici et j'ai également déplacé mon titre hors de cette section. Et j'ai Vous pouvez dire que j'ai montré ces techniques de conception de mise en page off, envahissant d'autres sections en détail dans ma classe de conception de couche hors cours. Si vous êtes intéressé à améliorer vos compétences en conception de couche, vous pouvez prendre cela de toute façon, Donc, il y a quelques changements ici. Comme je vous l'ai montré. Je l'ai fait. Vous devez rassembler différentes idées de design. Choisis-les. Vous pouvez les voir, les changer pour les vôtres ou les adopter à votre propre design. Il ne devrait pas regarder une copie de ce dessin. Et si vous regardez le pied de page ici, vous pouvez voir qu'il ne ressemble pas à celui-ci. Mais si vous regardez de près, vous pouvez voir ici nous avons du texte, et ici nous avons très petits termes politique de confidentialité ou des choses comme ça. Maintenant, si vous regardez mon design, il a des choses similaires sont ici. Donc, si vous pouvez voir si je le déplace ici Politique de confidentialité, politique de cookies, certaines choses similaires se passent ici. Donc, il n'est pas copping leur conception, Mais essayer orteil vous pouvez dire obtenir des idées et de les utiliser dans votre propre conception obtenir ah sensation similaire. Et vous pouvez dire des combinaisons de typhus similaires. Hum, hors de ce design. Utilisation de l'espace Dwight similaire. Donc ce sont toutes les cassettes que je vous ai montrées dans cette leçon. Si vous avez des questions, vous pouvez toujours me poser, passons à la leçon suivante. 8. Choisir des polices de police pour votre projet de conception Web: Chaque fois que je commence à concevoir mes projets de site Web ou mes conceptions de laboratoire mobile, je commence toujours par une tie face élections. Donc, la première étape que je vais faire est que je vais sélectionner les tiefest sont la force que je vais utiliser dans mon design maintenant. Vous avez déjà la direction de conception de vos inspirations, dont nous avons discuté dans les leçons précédentes, et vous allez les utiliser pour sélectionner votre typhus. Donc, si votre projet le sérieux, audacieux, professionnel confiant que vous pourriez aller avec le genre géométrique ou dramatique hors téléphones sensoriels ou typhus est si vous êtes projet est plus lié à émotionnel ou accueillant ou calme tiefest vous veulent utiliser que vous allez pour avoir des fonctionnalités sensibles humanistes, courbes Mawr dans votre tiefest. Je vais te montrer. Les exemples adorent 40 donc le suivant est le plus hors des concepteurs, même moi. Parfois, nous pensons que nous devons combiner deux polices de caractères parce que cela va montrer que nous connaissons sur les designs. n'y a pas de honte à utiliser un seul visage de plongée dans votre conception. Il va à Lourdes plus rapidement lorsque vous allez utiliser un seul tiefest dans votre conception. Il va vite à Lourdes parce que nous n'avons qu'un seul tiefest. Peut-être que nous allons utiliser conseil ou régulière ou italique trois fois différentes formes de cette tiefest. Une autre chose est que chaque fois que vous décidez d'utiliser le typhus, assurez-vous de sélectionner un typhus qui est premium. Vous devez l'acheter et l'utiliser. Ils vont orteils toujours briller dans vos designs. J' ai commencé à les utiliser dans les projets de mon client dans mes propres projets, et je vais vous montrer l'exemple sur la façon dont j'expérimente avec Start expérimenter avec Diverse Is et combinaisons et comment je finis par utiliser différents téléphones ou typhus est pour mon projets. Voyons donc ces exemples maintenant. Maintenant, c'est le terrain de jeu que j'ai utilisé pour sélectionner le typhus est pour mon j'ai adressé la page d'accueil de l'excision , que je vous ai montré, et c'est comment, en fait un début combinant différentes défenses, j'ai choisi le texte réel ou le contenu réel et un paragraphe et un titre et je commence à utiliser pour sélectionner le typhus. Ancien titre parce qu'il va attirer beaucoup d'attention, est le premier point d'attention pour nos utilisateurs. Donc, pour sélectionner le typhus pour les paragraphes, j'ai tendance à utiliser quelque chose de plus lisible, plus lisible. Donc ces autres choses que vous allez orteil ont dans votre esprit pour que vous puissiez voir cela dans cette combinaison. J' ai sélectionné cette alimentation de nos sables pour mon cap et est hap régulier, qui est l'un de mes Ford préférés. Pour les paragraphes vous, ils vont combiner avec beaucoup de typhus est donc c'est cet automne ma première combinaison. J' essaie de l'utiliser dans le premier design. Je l'ai fait. Puis pour le 2ème 1 j'ai utilisé inter. Donc, si vous regardez toutes ces choses, elles sont un peu sérieuses. Ils sont, Ah, gros professionnels. Vous pouvez voir celui-là. C' est Inter. C' est très grave. Pas d'avion au large, tu sais, tu sais, ça ne montre pas d'émotions. Oh, c' est très simple, déjà un genre Helvetica au large d'un ford sensoriel ou des poings. Et en bas, j'utilise du rubis, ce qui est un peu hors de Do magic typhus. Vous pouvez voir si vous regardez de près, vous verrez que cela est construit sur une certaine géométrique à a un certain um, vous pouvez dire Ah, lettres parfaites. Donc pas parfaitement dramatique, mais il a quelques indices géométriques. Donc ce sont les deux visages de mort. C' est la deuxième combinaison. Donc, je continue à traiter différentes combinaisons que j'essaie d'utiliser du texte pourpre, qui est la police de caractères de téléphone Satya avec un certain sens que si dieu plus bas ici, ce que je n'ai pas aimé, donc j'ai rejeté celui-ci. En fait. Mon client Ah, je voulais avoir quelque chose comme ça, mais je ne pensais pas que ce soit une bonne idée. Puis celui-ci Un autre actif, grotesques et grotesques Extra gras avec as jusqu'à vous pouvez voir une étape est facile à combiner avec le Seigneur hors forme polices de caractères. Donc, j'aime vraiment ce est une autre bande Essayez d'utiliser une sève et je pense qu'il va le réparer avec beaucoup de défenses off. De même, celui-ci Mais pour moi, il a été évite large, genre par Muli Mouly d'abord et ah, c'était encore une police dramatique et il a un peu bizarre à elle. Donc c'était large donc je n'ai pas aimé ce genre de style et aussi Nieto, ça n' appartient pas, tu sais, tu sais,à la sélection. Donc je l'ai rejeté sur le côté gauche. Vous pouvez voir que j'ai sélectionné l'échelle de police. Donc, si vous ne savez pas quel type d'échelle de visage est, c'est la taille des différentes étapes du typhus sera. Et j'en ai beaucoup parlé dans mon cours de typographie. Ou bien sûr, vous pouvez prendre que si vous voulez orteil apprendre à ce sujet. Donc, je sélectionne qui est la plus grande, plus petite, la plus petite et la plus grande taille de tiefest avant de sauter dans mes conceptions. Euh, nous y avons. Ok, Donc dans le dernier ici est juste un seul visage de matrice qui est Marcher Martyr est un visage de die premium et il est un genre géométrique hors tiefest sensible Vous pouvez voir ici était là il y avait des cercles parfaits et j'aime vraiment cela parce qu'il était très puissant, très ennuyé sur sérieux et eso je viens de sélectionner ce marche, C'est noir. C' est Ah, très piscine. Je pense que nous utilisons une planche supplémentaire dans la rubrique plutôt que noir est à prendre. Et pour mon texte, j'ai utilisé livre tiefest samedi régulier Donc si vous allez à régulier, vous pouvez voir Ah, c'est un ford très sombre ou ici signifie qu'il a beaucoup de couleur off dedans. Donc, si vous faites un zoom arrière. Vous verrez que ces textes ici ils sont très légers à cause de leur épaisseur ici. Si tu le regardes, attends ici. Il a l'air très prendre. Donc, ce que j'ai fait, c'est que je pensais que ça allait être très pris. Donc j'ai décalé l'autre mouture poings Ford, qui est livre. J' ai donc sélectionné ce livre et il semble assez bien dans le design final. Et laissez-moi vous montrer comment j'ai réellement commencé mon design. Alors j'ai commencé ça. Vous pouvez voir que c'est la première section que j'ai commencé à construire et j'ai commencé à utiliser avec la sensation Sands avec Recep. C' était mon premier essai, mais moins de sables avaient des courbes. Un humaniste, sensible, peu touché. Donc, à la fin, je l'ai laissé tomber. Et j'ai choisi ce Ah, Marcher au lieu de ça. Alors laissez-moi voir si nous avons ici, nous avons des caractéristiques de fête ou quoi que ce soit. Donc, c'est la façon dont je joue avec différentes polices de caractères et les combiner sur mon vous pouvez voir l'intuition et ah, um vous pouvez dire le sens de sélection de la typographie. Je n'utilise aucune règle. Je continue juste à utiliser différentes polices de caractères, ce qui je pense qu'elles sont superbes. Par exemple, cela nourrit nos sables et c'est heureux regards créés. Et si nous déménageons ici, ici encore, celui-ci entrera Il avait l'air génial pour les titres. Hum et je pense que vous pouvez aussi combiner interchangeablement comme si vous bougez ça ici et emménagez ici, vous pouvez voir le maquillage. Une paire parfaite par ici. Alors entrez et est en place. Ils ont l'air droit. Donc, si vous essayez d'expérimenter avant de plonger dans le design, je pense que c'est mieux. C' est ainsi que je sélectionne mes polices de caractères. Maintenant, je vais vous montrer le design réel que vous pouvez voir. Ici, nous avons ce typhus travail créer. C' est Marcher Bull. C' est un livre. C' est un livre et c'est encore un livre. Donc, c'est comme ça qu'il a l'air vraiment génial dans des situations différentes et différentes. Et vous pouvez voir que c'est à quoi ressemble le design réel. Voici maintenant un autre design que vous avez déjà vu. Ce sont deux de mes derniers projets, sur lesquels je travaille depuis sur lesquels je travaille depuis six mois. Et ici vous pouvez voir cette cravate face a est San Serif et il a un peu ah, petit peu style serait il est classique un peu classique, un peu off. Vous pouvez sembler, hum, courbes et ah touche humaniste à elle parce que c'est plus classique. Ce n'est pas Morgan Sensory, donc si vous sélectionnez celui-ci, c'est un brouillon. Ceux-ci sont à la fois premium pour un est très populaire. Minion Pro Ford et vraiment aimer ce tiefest unique. Et puis celui-ci est brouillon. Donc, si nous regardons de près, vous verrez quelles sont les différentes fonctionnalités de cette police de caractères. Et nous avons chacun est incliné ici. Donc, il est un peu fondamentalement classique Tiefest est vieux. Typhus est alors nous avons ceci. Si vous regardez de près ce ... Sedef qui est un gros Morgan, vous pouvez voir que c'est un peu Ah, grand téléphone. Tellement grand tiefest Donc il est plus grand et c'est plus court. C' est donc à nouveau une technique de contraste. J' utilise parfois I si vous avez très large type de téléphone, très, qui est dans, hum dans une forme hors d'un rectangle ou plus vital que les autres forts comme je vous ai montré avant. Ensuite, vous essayez d'utiliser un quatre ou une police élégante ou mince avec elle. C' est différent. Combinaison de techniques. Vous pouvez en apprendre plus sur eux dans mon cours de typographie de toute façon, donc vous pouvez voir ces deux que je combine parce que c'est, euh, c'est un site web créatif pour les designers. La plupart des gens à la recherche de design, ils vont venir ici donc je ne peux pas utiliser, bien que je puisse utiliser un tiefest dramatique par ici. Mais, euh, mais je pense que cela transmet le message mieux devenir une interface utilisateur et concepteur d'expérience utilisateur a appris des compétences plutôt que des outils de conception, a rejoint l'expérience d'apprentissage avec plus de 12 cours vidéo et rejoint 31 dimensions. Je pense que j'ai environ 37 1000 étudiants et ils sont en augmentation, et j'essaye d'enseigner au moins 100 000 étudiants. Voyons comment, quand ils viendront de toute façon. Donc, ce sont les bandes pratiques. Lorsque vous essayez de sélectionner notre visage de cravate, combinant vos visages de matrice différents. Ford n'essaye pas d'utiliser plus de deux ou trois V. C'est par exemple, celui-ci est un duff régulier, et celui-ci est une planche de draft, et voici Minion Pro. Donc je n'utilise pas plus que ces trois. Si vous essayez d'utiliser plus que ces trois ou quatre forces différentes, vos pages vont orteil charger très lentement. Ok, donc ils vont ajouter plus de poids à votre page. Et quand quelqu'un va au tribunal, ils vont aux pieds. Avoir un moment différent, difficile , vous savez, charger cette page, il sera plus lent. Donc, c'est tout sur la façon dont je sélectionne mon tiefest est comment sont combinées différentes polices de caractères, comment j'expérimente avec différentes polices de caractères. Et quelles sont les choses que vous devez garder à l'esprit tout en relâchant Typhus est. Je voulais ce cours, Toby. Aussi pratique que cela puisse être parce qu'il ne s'agit pas de compétences d'apprentissage, il est question de praticité et comment vous allez utiliser et gérer avec succès notre projet de conception, de conception web ou de conception d'applications mobiles. Passons donc à la leçon suivante et voyons ce que nous avons à lire pour vous. 9. Expériments de l'ordre des couleurs pour la conception Web: Non, après que nous avons sélectionné notre typhus est I. Normalement ce que je fais normalement est que je sélectionne commencé à choisir mes couleurs ou schéma de couleurs, et les couleurs vont être basées sur la direction de conception que nous avons. Nous avons déjà associé ID. Peu de mots avec notre conception, comme la sécurité, comme le conseil de professionnalisme confiant Ah ah, entité de bourse où nous savons que ce que nous faisons, nous avons l'opportunité et des choses comme ça. Donc, de je vais partager avec vous pour la façon dont j'ai réellement commencé. Sélection typhus est pour mon dernier projet, que je vous ai montré société fiscale, et ce que j'ai fait est que j'ai sélectionné une couleur vibrante ou très vous pouvez malade et confiance couleur pour la ville ou appeler à l'action bouton. Donc, la raison est que nous voulons attirer nos utilisateurs instantanément. Chaque fois que quelqu'un atterrit sur votre page de destination ou la première page de votre côté, vous voulez qu'il remarque un bouton ou un texte parce que nous voulons qu'il prenne des mesures. Donc, cela va être appelé à bouton d'action, et il va être vibrant ou avoir beaucoup de bon contraste avec l'arrière-plan. Puis le 2ème 1 Le deuxième tueur que j'ai sélectionné était vert foncé, ce qui est lié à la sécurité, et il a quelques tons frais. Donc, il n'a pas l'air de couleur très terne ou sombre. Mais au lieu de cela, regardez, vous pouvez dire prometteur et dans l' espoir, genre de couleur verte. Ensuite, pour le professionnalisme, j'ai sélectionné foncé, couleur bleu violacé sur qui était également un peu lié à leur propre marque angulaire pour les taxes arrière aide dot com et je vais partager avec vous maintenant le projet et comment j'ai sélectionné sont I commencer à sélectionner les couleurs. Laisse-moi te montrer. De même, ce que j'ai fait avec le typhus est ici. Vous pouvez voir dans le dernier S et nous avons eu quelques expérimentations en cours. Je commence également à expérimenter avec la sélection d'une ou deux couleurs au début. J' ai donc cette couleur, par exemple, celle-ci et cela me semble un peu bon. Ça m'a permis de partager avec vous, euh, bleu et vert. C' est donc un mélange de bleu et de vert. Il est ce n'est pas parfaitement vert. Donc, il l'a fait. Il y a un peu d'espoir. Donc, c'est en fait comme ça que j'ai commencé avec cette couleur que j'ai produit sous partages plus légers. Peu. Celle-là. C' est plus proche du bleu. Puis j'ai commencé avec cette sombre couleur marron qui, je pense, était liée à celle-ci. Mais je n'ai pas utilisé celui-ci parce que pour moi, c'était un peu c'était un peu plus proche du danger. J' ai donc évité de l'utiliser à la fin. Donc j'ai commencé par ici comme si tu pouvais voir si tu le regardais par ici. J' ai commencé avec cette couleur d'écran, mais vous pouvez voir ici dans la première classe, il semble que ce tueur a été surutilisé. L' étoile de l'écran nettoie cet écran bleuâtre. Ils étaient finis. J' essayais d'exagérer les orteils ici. Donc c'est en fait les couleurs réelles pour cette marque. Vous pouvez voir qu'ils ont des verts et ce bleu violacé. J' ai donc tendance à obtenir des idées de celui-là aussi. Donc je ne voulais pas utiliser Ce sont très simples, bleu foncé et vert simple. Je voulais avoir une variation ou un mélange à. Donc je vais vous montrer comment j'ai fini par utiliser les couleurs. Laisse-moi voir. Ok, donc nous avons le même rêve un peu vert, qui est celui-ci et c'est encore bleu. Mais il a un peu de violet, violet , uh, indice Street encore. Vous pouvez voir cet arrière-plan. C' est très léger. Fond bleu verdâtre, même schéma de couleurs. Les principales couleurs que j'ai sélectionnées portaient ce bleu violacé ce vert et ce jaune et cette couleur ambre jaunâtre que nous avons utilisé juste pour eux pour obtenir l'attention de l' utilisateur et ce vert à l'arrière-plan il semble très sûr parce qu'il est vert plus bleu. Donc, euh donc c'est en fait comme ça que j'ai sélectionné mes couleurs. Ils sont aussi les couleurs hors ciel et les arbres. Si gentil, vous pouvez le voir Stabilité pour les arbres et ah, ciel est ouvert et accueillant pour moi. Je ne sais pas ce que c'est pour toi, mais c'est en fait que je voulais que ce soit sérieux. Pour que vous puissiez voir ça. La ville a ici à nouveau utilise la même couleur. Cette couleur est en fait laissez-moi vous montrer. Je pense que c'est un petit orteil, violet et bleu. Donc, il a un peu rouge remorquer un peu vert et la plupart des bleus. Donc, si nous allons à la sortie sm sur le Hugh est à 22 de toute façon, donc c'est en fait comment je limite mes couleurs. Vous pouvez voir que vous ne faites pas nazi comme 15 tueurs ou ici les tueurs majeurs ne sont que trois. Ce jaune ce bleu et l'écran. C' est donc tout ce dont nous avons besoin. On pourrait parler de fumée, ou vous pouvez dire des partages plus légers, comme ici en utilisant les icônes. Et puis, euh, vous pouvez voir que c'est aussi la même couleur deux nuances offertes. Si vous voulez en savoir plus sur la façon de créer un jeu de couleurs, vous pouvez suivre mon schéma de couleurs conçu. Mais chaque fois que vous commencez un projet qui zooment, vous devez expérimenter avec différentes couleurs. Vous avez les orteils faire de l'expérimentation comme je l'ai fait ici. Vous devez commencer à créer quelque chose comme ça et partir de là. Commencez à appliquer ces couleurs et voyez à quoi elles ressemblent. Expérimentez avec eux. Essayez d'améliorer votre jeu de couleurs par le temps et le temps. Je n'essaie pas les orteils. Sélectionnez toutes les couleurs que je continue à améliorer et à expérimenter. Donc, si je vois que j'ai besoin d'une teinte plus claire ici, j'ai essayé de générer cela, alors continuez à expérimenter avec les couleurs continuez à les améliorer. En fin de compte, vous pourriez avoir Ah, produit différent que vous n'avez jamais pensé que vous allez finir par s'adapter. Par exemple, comme ceci ici, nous avons des couleurs totalement différentes et vous pouvez voir qu'il y a peu d' écrans mobiles ou ici que j'ai conçu ou redessiné. Vous pouvez voir que j'utilise cette couleur jaune dans ce champ de numéro de téléphone. Euh aussi vous pouvez voir ici fond vert lumière verdâtre par ici. C' est ainsi que j'expérimente avec différentes couleurs et continue à m'améliorer sur eux. Je ne m'en tiens pas aux couleurs. Je, vous savez, j'ai sélectionné en premier lieu de la même façon ici vous pouvez voir que j'ai continué à expérimenter . J' ai essayé beaucoup de couleurs pour ce fond, ce fond, mais en combinaison et j'ai fini dans celui-ci. C' est un très venir, genre de couleur bleue Onda. Arrière-plan très léger. Pas très. Vous savez, vous pouvez dire lumineux mais très sombre, un peu sur fond de lumière terne, couleur grisâtre est dans ce fond et parce que je voulais utiliser un bleu très foncé sur le dessus , donc il crée un design très agréable. De même, vous pouvez voir ce bouton ici. La couleur est, ah, une mariée parce que nous voulons que les utilisateurs cliquent dessus. Le jaune est aussi une autre couleur. J' ai utilisé l'ambre jaunâtre, donc le bleu et le jaune et les verts ici nous avons les différentes nuances pour eux. Ils ne sont pas les mêmes que ceux que j'ai utilisés ici, qui est celui-ci. C' est totalement différent. C' est ainsi que les personnalités hors de vos couleurs, elles vont parler des orteils dans votre design. Ils vont raconter l'histoire de votre projet. Je pense que vous avez compris comment j'utilise les couleurs. Haute sélection des couleurs haute. Continuez à améliorer mon schéma de couleurs pendant mon projet de conception. Et si vous avez des questions à me poser, passons à la prochaine leçon. 10. Utiliser et créer des composants et des symboles dans la conception Web: dans cette vidéo, je vais parler de générer des éléments réutilisables ou des actifs réutilisables ou des gars de style réutilisables , boutons et tout cela pour vos projets de conception de rep ou vos projets de conception d'applications mobiles ou n'importe quel utilisateur que vous essayez de concevoir. Maintenant, dans la première, chaque fois que vous commencez à concevoir, vous essayez différentes couleurs. Vous essayez différents styles. Une fois que vous avez presque finalisé un ou deux de vos pages comme 1ère 1 par exemple, cette page d'accueil, une fois que j'ai finalisé, je sais que ce bouton ce bouton va être standard i ni je vais en avoir besoin sur un beaucoup d'autres pages du site Web. Par exemple, comme vous pouvez le voir, nous avons des cours de navigation, des cours à venir. Blawg, contacte-moi et Logan. Donc, je vais utiliser réutiliser cet élément. Donc, je vais le faire en un symbole ou ah ajouté pour en faire aussi un composant. Si vous utilisez la stigmatisation, est Toby. En fait, c'est un composant, et si vous utilisez, esquissez son symbole, alors essayez de créer des symboles comme vous pouvez voir ici sur la gauche. J' ai beaucoup de symboles. Ce sont toutes les couleurs que vous pouvez voir comme 7 à 9 partages différentes de chaque couleur, différentes teintes et tons hors de chaque couleur, trois ou quatre sortes différentes off likes sur alors nous avons beaucoup de blues ici publié blues. Ce sont donc trois grands érudits. Ensuite, j'ai aussi quelques styles de collection pour définir mes différents titres ou choses comme ça . Donc, j'ai petit j'ai Ah, 19 point, qui est je pense, le paragraphe. Ensuite, j'ai 38 44 50.50 ans 67 quand j'ai 25 44. Donc, ce sont tous différents liens de pratique que j'ai utilisés dans mon projet. Et ah, laisse-moi te montrer quelques autres choses. Nous avons des composants pour l'espacement que j'ai montré dans mon, um cours de conception de couche comment les utiliser et comment je les crée et les applique. Ensuite, ils ont peu de boutons comme vous pouvez voir que c'est la charge principale. Ensuite, nous avons un petit bouton qui est 45 exerce quelque chose comme ça. De même, nous avons bien sûr plus. Vous aimerez celui-là. Vous pouvez voir que je peux juste le créer comme ça. Donc, une fois que je l'aurai finalisé, je vais utiliser quelque chose comme ça. Laisse-moi te montrer quelques exemples de plus. Comme vous pouvez le voir par ici. Ici, j'ai tous les cours différents et ah, si nous descendons, vous pouvez voir que ce sont aussi tout simplement les mêmes éléments. J' en ai créé un et Johnny a remplacé des images et du texte dans d'autres Ah, dans les autres. Et j'en ai fini avec mon design. Donc, c'est vraiment utile. Vous devez en créer certains à partir des éléments réutilisables, mais vous devez les créer. Une fois que vous avez finalisé au moins une de vos pages ou une hors de vos écrans ou peut-être une ou deux apparences, vous êtes skins. Parce qu'à ce moment-là, tu ferais mieux de savoir que c'est ça, tu sais,ça va tu sais, être quelque chose comme ça. C' est notre norme. Donc, d'abord, vous établissez des normes d'interface utilisateur en expérimentant, puis en utilisant le était re en utilisant ces normes. Donc, c'est tout au sujet de l'utilisation. Vous pouvez voir un système de couleurs comme celui-ci. Vous pouvez voir par ici. J' ai ces documents, vous pouvez voir que j'ai généré ceci. Ces couleurs que vous pouvez voir ce sont peu engouement poussée engouement. Ce sont des actions orange d'étrangers. Ce sont des verts. Ils sont rouges. Ce sont des engouements blancs. Ce sont des bleus. Donc, ce sont toutes différentes couleurs que j'ai utilisé dans ce site Web. Donc, en ce moment, il est fondamentalement mon site Web pour les concepteurs, donc il peut avoir ah beaucoup de couleurs. Mais pour d'autres sites Web, vous pourriez avoir besoin de trois ou quatre nuances peut-être. Tu n'as pas toujours besoin de tous ces tueurs ? De même, vous pouvez voir que je crée mes textiles ici comme ceci dans un autre document, toutes les différentes tailles et comment ils vont se combiner et se regarder les uns avec les autres. En outre, vous pouvez voir que j'ai créé quelques pour les liens, liens, les styles ici. Vous pouvez voir ici c'est ah style pour les conditions. Donc, ce sont toutes des façons différentes. J' essaie en fait de combiner différentes polices de caractères sur différentes échelles. Donc, si vous voulez en savoir plus sur ce qui est une échelle, comment vous générez ces différentes tailles de type, vous devez regarder mes discours de cours de typographie sur la façon dont j'ai réellement conçu mes projets et comment nous les gérons et comment j'ai pratiquement créer différents fichiers ou assertions ou tout ce que j'ai utilisé dans ces conceptions. Donc, ici, nous avons encore quelques choses. J' ai des icônes différentes. Je les ai rassemblés ici. Ensuite, nous avons toutes sortes de boutons sur cinq ou six types de boutons. Vous pouvez voir qu'il s'agit d'un bouton fantôme. Ce sont tous des boutons remplis. Ensuite, j'ai quelques styles pour ah, pour les formes et laissez-moi vous montrer quelques autres choses. Et aussi, j'essaie de garder les illustrations comme ça. Donc, chaque fois que j'ai besoin d'une illustration, je la fais glisser à partir d'ici, ou je peux créer un composant et l'utiliser dans ma conception afin que vous puissiez voir qu'ils sont sur des arrière-plans différents. Ils sont sur la progression grisâtre pourpre, fond bleu. Ce sont des fonds blancs et ils sont sur des arrière-plans sombres. Donc, j'essaie de vous pouvez dire expérimenter et regarder différents angles et perspectives que la façon dont il pourrait ressembler sur notre couleur foncée, comment il pourrait ressembler sur un fond de couleur vive vita et créer des actifs différents pour les deux pour sombre et arrière-plans clairs. Donc voici à quoi ressemble mon fichier et cela va être le nouveau design pour mon site Web, et voici comment j'ai conçu la page de planification tablette et mobile et c'est tout ce que j' espère que vous avez appris beaucoup de conseils et comment vous pouvez réellement gérer la création de notre système de conception. N' essayez pas de passer des d' centaines d'heures à créer votre système de conception. Juste d'abord, expérimentez avec une ou deux pages d'écrans honorables hors de votre conception et allez à partir de là et créez différents atouts. Différentes couleurs, différents types de style, différents éléments utilisables, différents composants et symboles. J' espère donc que vous avez apprécié cette leçon. Si vous avez des questions à me poser, passons à la prochaine leçon. 11. La conception s'améliorera avec du temps: beaucoup de designers. Ils ne comprennent pas que le design est progressif, donc il prendra forme et prendra sa forme avec le temps. Donc, vous avez remorqué, donnez un peu de temps à votre conception. Voici donc quelques conseils qui sont pratiques et que j'utilise dans ma vie réelle dans la conception sites Web ou plus par lapse numéro un est qui ne conçoivent pas en une seule session. Tu n'as pas besoin de t'asseoir. Et dans les 3 premières heures, vous allez juste sauter dans le design et sortir Et ok, donc j'ai fait leur conception de fille de conception en session von. Chaque fois que vous concevez, conçu pour une ou deux heures, puis sortez dehors, obtenez les commentaires des autres, promenez-vous et asseyez-vous à nouveau. Vous le ferez. Vous sentirez la différence que vous êtes, vous pourriez avoir plus d'idées dans votre esprit. Alors essayez les orteils, sortez de votre acclamation et voyez un monde ou rencontrez vos amis ou des choses comme ça. Faites jouer d'autres choses, revenez et vous aurez d'autres idées dans votre design. Est-ce que vous êtes dans votre esprit ? C' est donc la première étape. Ne concevez aucun site Web ou application mobile en une seule session. Deuxièmement, ce n'est pas le design désiré avec une seule perspective, qui est votre propre esprit unique et vos deux yeux. Vous devez changer votre point de vue. Vous devez demander aux autres membres de votre équipe, à votre femme, votre femme, vos amis, votre famille. Maintenant, ma femme ne sait rien du design. Mais je lui demande toujours parce qu'elle appartient à vous pouvez dire des utilisateurs qui ne sont pas très technologiques. Donc je lui demande toujours quand j'ai conçu un design si riche. Pensez-vous que ça a l'air super ? Qu' est-ce que tu fais confiance à ce design ? Elle répond comme si je n'aimais pas ça. Ça semble trop se passer ici. Quelque chose ne va pas. Donc j'essaie d' obtenir des commentaires d'elle. Je ne dévalorise pas ses commentaires qu'elle ne sait rien parce que tous les utilisateurs leur point de vue là-bas ils sont loin. Voir les choses, c'est différent. Donc, vous devez obtenir au moins à rt différentes perspectives et ensuite améliorer votre conception sur eux. Vous êtes le constructeur de solutions que vous avez orteil, vous savez, comprenez ce que les autres essaient d'exprimer orteil et utilisez cela et créez plus d'idées. 3ème 1 est que vous devez donner un peu de temps à votre conception qu'il prendra forme. Il sera plus détaillé. Il aura plus raffiné quand vous allez lui donner un peu de temps. Donc, donnez toujours du temps à votre conception. Et je vais vous montrer comment cela peut réellement s'améliorer et comment mes dessins ont l'air horribles quand je les ai lancés et quel a été le résultat final ? Vous serez étonné que la façon dont il est possible, comment j'ai commencé avec cette laid ou vous pouvez dire hors de la conception de l'équilibre. Et quand je l'ai fini, c'était complètement différent. Donc je vais partager avec vous le dernier projet que j'ai fait. Je peux vous montrer les deux derniers projets, mais je pense que ce sera très long vidéo. Donc c'est le projet d'aide du Texas et c'est mon essai d'accueil. Donc, vous pouvez voir après avoir terminé ma typographie et sélectionné quelques couleurs, j'ai commencé avec ce design. Ok, donc c'était très ouvert et n'en a pas. Vous pouvez dire une personnalité puissante ou audacieuse. Et pour moi, il waas Il était juste ok conçu. Est-ce que c'était qu'il n'était pas prêt. Vous pouvez dire un design unique ou cela ne montre pas beaucoup de valeur Ou vous pouvez dire professionnalisme pour le discours. Très simple. Design pas si unique ou pas très puissant. n'y avait pas d'appel à l'action, mais sur Shone au-dessus était ici, ce qui n'était pas très sombre orteil. C' était une lumière et il était de la même couleur que ce sac coule sur lui. J' ai donc continué à m'améliorer et c'est en fait les résultats finaux. Donc, je vais vous montrer et le résultat C'est le résultat final. Maintenant, vous pouvez voir que c'est une direction totalement différente. C' est un design totalement différent pour ce que nous avons commencé. J' ai commencé en premier lieu. Donc, vous pouvez voir maintenant si vous regardez ce design espoirs. Non, Si vous regardez ce design, vous pouvez voir nous allons zoomer et vous pouvez voir qu'il est totalement un design différent. Il a une personnalité à elle. Il a de grandes couleurs. C' est l'équilibre. Il y a tout là-bas. La première tentative initiale Waas Pas donc continuer à améliorer vos conceptions. Continuez à lui donner du temps. Je peux aussi vous montrer l'intervalle entre les différentes phases. Laissez-moi vous montrer à cet orteil comment j'ai atteint ce design et ah, quelles sont les différentes étapes ? C' était le 1er 1 Laissez-moi vous montrer le 2ème 1 Maintenant, dans ce dossier, vous pouvez voir que c'est toute l'histoire de ce dessin. C' est comme ça que j'ai commencé ici. C' est le premier essai sur la gauche. Puis j'ai commencé à déplacer ça ici en haut, et vous pouvez voir ici nous avons quelques et vous pouvez voir ici nous avons quelquesicônes de shorty par ici, et j'essaie d'équilibrer ça sur la construction commencée. icônes de shorty par ici, D' autres sections étaient là, mais je n'étais pas, vous savez, content de l'en-tête ici. Alors j'ai déménagé à celui-là. C' est un autre, un peu plus fort et la même chose , , un peu plus fort, mais on avait un ancien ici. Donc c'est l'idée réelle de mon client et ah, montrant ça très audacieux ici. Et il a très terne, bleuâtre, violacé, verdâtre bleuâtre, violacé, écran de brousse de fond, et il n'avait pas l'air très unique ou puissant. Ensuite, j'ai reçu quelques commentaires de mon client qui ajoute plus de perspectives à celui-ci. Et j'ai fini par avoir plus d'espace ici que j'ai essayé une autre couleur qui était bleue . Pourtant, le client a dit non, non, je veux autre chose. Pourquoi ne pas essayer d'utiliser une couleur pourpre Désolé, euh, euh, orange parce qu'ils l'avaient vu sur le site de leurs concurrents. Donc, plutôt que d'utiliser l'orange, j'ai choisi cette équipe qui waas vert et jaune ou couleur ambre vert jaunâtre, bob jaunâtre Appelez la couleur orange jaunâtre. Donc j'ai vraiment adoré cette couleur. C' est ainsi que ma conception progresse TSA Dans de nombreuses étapes différentes, vous pouvez voir combien de tableaux d'art j'ai travaillé. Vous pouvez également voir quelques variations ici dans ces sections. Vous pouvez voir celui-là Waas noir et puis je l'ai déplacé ici, qui est bleu violacé. Et aussi vous pouvez voir au début. J' essaie de copier le même dessin que je t'ai montré de Designer Fund. Vous pouvez voir la même technique. Mais à la fin, je me suis installé sur celui-ci parce que celui-ci avait l'air plus professionnel. Donc, vous pouvez voir qu'il y a beaucoup d'itérations que j'ai faites pour cette conception. 1234567 Sur la septième dernière itération. Cela s'est beaucoup amélioré avec le temps, mes efforts et les commentaires du client. Il s'agit donc d'améliorer votre design. Le temps que tu dois donner ton temps. Le design est progressif. Ça prendra un certain temps. Il va se développer par étapes. Il aura besoin de plus d'un orteil mental, avoir , ah, créer et construire un grand design. J' espère que vous obtiendrez beaucoup de valeur de cette vidéo ou de cette leçon. Si vous avez des questions à me poser, passons à la prochaine leçon. 12. Collaborer avec des développeurs sur un projet Web Design: dans cette vidéo, je vais parler de la façon dont vous allez orteil collaborer avec vos développeurs d'une manière significative et essayer toe gagner autant de temps que vous le pouvez. Maintenant, souvent, lorsque vous démarrez un projet ou que vous commencez, vous savez, livrer votre conception à vos développeurs, les problèmes commencent à se produire. Alors, comment vous pouvez gérer ces problèmes hors de nous pour l'étape est que chaque fois que vous voulez votre orteil développeur, comprenez quelque chose, essayez d'enregistrer ou d'écran. Enregistrez l'écran court ou la vidéo hors écran. Écrivez votre design pour que vous puissiez voir ici. Si vous regardez ici, vous pouvez voir que j'ai 1234567 différentes vidéos dans lesquelles j'ai expliqué à mon développeur que ce sont les changements dont j'ai besoin. Ce n'est pas comme ça que vous allez orteil appelé Ed. Ce n'est pas ainsi qu'il devrait ressembler ou fonctionner. De même, vous pouvez voir que j'ai différents dossiers avec des dates comme les changements du 2 septembre. J' avais deux courts métrages différents que vous pouvez voir ici. C' est comme ça que je le fais. J' utilise un outil appelé Jing. Laisse-moi te montrer. C' est DJing en fait et j'utilise cet outil par les decks Mitt et j'utilise celui-ci pour prendre des shorts d'écran et monter différentes choses ou son comme vous pouvez voir que nous sommes là. Pourquoi ? C' est en train de passer à la deuxième ligne. Je voulais que Toby se cache en une seule ligne. De même, les distances étaient qu'elles étaient comme 1 86 pixels. Mais dans mon design, ils étaient 1 20 photos. Donc j'ai dû, vous savez, parler avec mon développeur même au téléphone, avant et arrière orteils pour qu'on puisse comprendre les problèmes. Donc, ce qui se passait, c'est que dans le web design, nous avons une certaine marge au bas de celui-ci et marchons vers le haut de celui-ci. Donc, si mon développeur devait, vous savez, utiliser 1 20 il a dû laisser comme, 60 pixels dans cette section et 60 porcs dans cette section. Il avait du mal , donc vous faire ces changements, donc vouspouvez voir que j'ai des changements différents pour les écrans mobiles. Puis j'ai aussi eu un problème de plus que je waas lui envoyer. Ah, Adobe en fait fichier. Non, Le problème se passait qu'il n'était pas très vous pouvez dire familier avec adobe réellement outil parce qu'il était un développeur. Alors je lui ai demandé que ce qui se passe ? Vous ne faites pas ce que je vous ai montré ou le dossier. Vous n'êtes pas en fonction du dernier fichier ou du dernier fichier téléchargé. Il a dit : Où est le dernier fichier téléchargé ? J' ai dit, c'est ah. Donc être fichier supplémentaire que j'ai dans votre dossier, qui est nommé par le Yep, C'est le nom des développeurs. J' ai donc créé un dossier. Mais il a dit qu'il utilisait vraiment Zeppelin. Donc, il a proposé un outil qui s'appelle Zeppelin Zeppelin dot Etes-vous ? Si tu ne sais pas, j'ai beaucoup de mal. J' ai beaucoup de vidéos sur l'utilisation de cela. Comment vous pouvez utiliser cet orteil. Remettez vos designs à vos développeurs. Vous pouvez voir qu'il peut vous montrer toutes les différentes tailles, différents noyaux que vous pouvez voir à droite. Vous pouvez générer toute la cour à partir de cette conception. Alors j'ai utilisé. Ensuite, nous avons décidé d'utiliser Zeppelin. Donc, pour tout ce projet, je viens de me mettre à jour sur un seul endroit. Donc, n'essayez pas de dupliquer les fichiers Replicator sur beaucoup d'endroits différents. Ne dérangez pas vos développeurs avec des outils de conception. Essayez orteil trouver un outil qui va travailler orteil pour eux. Cela leur sera plus facile de comprendre et de copier le code et de l'utiliser dans l' élaboration du tribunal. Il s'agit donc de collaboration, vous devez donc faciliter les choses et essayer de régler. Essayez de parler à votre développeur que nous allons utiliser seulement cet outil et que vous devez trouver toutes les choses différentes à partir d'ici. Donc c'est tout, euh, sur la collaboration avec vos développeurs, comment vous allez leur parler. Ils pourraient avoir besoin de fichiers SPD. Ils pourraient avoir besoin de fichiers en danger ou PNG. Vous devez leur parler que si vous avez besoin d'un dossier, comme dans mon cas, laissez-moi vous montrer ce qui se passait. Dans mon cas, c'est ouvert celui-là. Donc il y avait un problème qui était très unique pour moi, ce qui m'a permis de vous montrer. OK, alors nous avons le logo pour celui-là. Ok, donc vous pouvez voir si vous regardez ce logo. C' est en fait un fichier PNG, et il a été fourni par mon client. Donc, ce fichier PMD a beaucoup de pixels transparents autour de sa taille réelle si vous cliquez dessus , il est de 1 20 pixels de haut. Vous pouvez voir si je le déplace. C' était quelque chose. Il avait autant de limites autour d'elle. Donc mon développeur, il avait des problèmes, vous savez, aligner ici parce que vous pouvez voir dans mon design que j'ai réellement placé ce PNG hors externaliser dehors de cette toile. Désolé. Donc, mais pour lui, quand il a essayé de faire la cour, il avait du mal à placer le Vous pouvez voir la distance entre ces deux éléments. Donc, si vous cliquez ici, vous pouvez voir le 72. Mais il avait des problèmes, alors j'ai dit : Pourquoi pas ? Je vais vous donner un dossier. Je vais supprimer tous les pixels vides autour d'elle. Et je l'ai ouvert dans la boutique photo. Et j'ai utilisé la fonction de rêve pour pour le magasin et enlevé tous les pixels transparents autour d'elle. Donc il a une boîte de délimitation comme ça. Donc c'est, je pense, l'ancien design. Mais dans le design récent, j'ai utilisé ceci. Donc, ce sont différents types de problèmes qui vont orteils arriver. Vous devez leur dire comment ces mais sous vont interagir, comment les ombres vont montrer comment ces beautés de vidéos vraiment Seigneur ou des choses comme ça . Donc, j'espère que vous avez compris comment vous allez orteil, collaborer avec vos développeurs. Et quels sont les différents problèmes qui sont normalement rencontrés par les développeurs et les concepteurs lorsqu'ils essaient de collaborer les uns avec les autres ? Une autre chose est de nommer les conventions. Vous devez nommer vos couches ou tout correctement, afin que les développeurs puissent facilement comprendre vos conceptions. J' espère que vous avez compris ce concept. Si vous avez des questions à me poser, passons à la prochaine leçon. 13. Optimiser les performances et le chargement amusant: maintenant dans cette vidéo, je vais parler de quelques conseils sur les performances de votre site web chargement de votre site web, Hauspie. C' est ce qui est différent. Vous pouvez dire des ajustements de performance que vous pouvez faire lorsque vous développez ou concevez pour n'importe quel site Web. Ah, et comment tu vas le montrer à ton client et comment j'ai fait dans ce projet. Donc mon développeur a utilisé get hub et il avait l'habitude, vous savez, pousser et de valider différents changements. Ils ont donc la trace de tous les changements ou versions différents de cette page. La version est l'une des fonctionnalités que les concepteurs ont récemment commencé à utiliser. Et je pense que ça va présenter Kobe. En fait, certains de leurs designers, ils l'utilisent en croquis avec des outils tiers. Donc, sur obtenir hub, essayez d'embaucher ah, développeur qui a est vell versé dans les dernières technologies comme les filles ou obtenir hub ou tout ça . Donc ce qu'il a fait, c'est qu'il m'a montré ses progrès en utilisant ça. Buehrle ? Donc, chaque fois que je voulais avoir quelques changements, je lui dis, ou lui donne les changements sont des révisions et il l'a fait sur cette page, et j'avais juste orteil, vous savez, allez à cette page toe, voir tous les changements différents. Vous pouvez voir comment ce bouton est en fait avoir le changement d'ombre et un peu de pressé et devient vert. Donc, ce sont des choses différentes. Je lui ai dit que ça devrait être comme ça. De même, nous avons ce bouton de lecture pour écouter de toute façon. Donc, euh, c'est une chose. Donc, pas de seconde est ce que vous allez orteil, obtenir différents changements et voir votre projet en direct. Vous devez avoir une peinture murale que vous pouvez poster votre client. Et vous pouvez également voir différents changements qui se produisent vivants sur un LifeBridge. Donc, euh, deuxième chose waas, um des problèmes de performance comme vous pouvez voir ou entendre. Ici, nous avons ce contexte. Ceci est une image PNG de l'image Jipping. Ensuite, nous avons ces quatre images ici. Ensuite, nous avons ces deux vidéos sur ces icônes. Icônes SPC. Ils sont légers. Et puis nous avons eu ces trois dossiers de MP. Ah, ce sont encore des icônes. Icônes SPG. Ah, et, euh, sont quelques scripts que nous courons ici et je pense que nous avons une autre chose qui est de montrer ces questions. Questions communes en matière d'allégement fiscal. Et puis on a ça. Ok, alors quoi ? C' est mon développement. chose la plus rapide dans le développement Web est JavaScript. Donc, plutôt que de charger Jake Yuri comme un fichier séparé Ah, cela aimerait aussi avoir ah, 70 à 80 Ko hors chargement. Si vous êtes développeur peut faire des choses en javascript, ce serait beaucoup plus rapide. Alors quoi ? Mon quartier, c'est un développeur fou. Lizzie a chargé les deux vidéos. Donc, ils se chargeaient après que la page entière est chargée juste pour fournir plus, vous pouvez dire des retards dans le chargement de ces vidéos à partir de YouTube. C' est une chose. Deuxièmement, nous essayons de compresser ces images images arrière-plan en utilisant PNG. Je pense que c'est une compression différente. Il y a beaucoup de ponder PNG de compression ou quelque chose comme ça. Je ne me souviens pas de la petite PNG. Donc, je l'utilise normalement donc il suffit de déposer, glisser et déposer votre fichier J peg ou PNG, et il va les compresser, ce qui va principalement perdre moins de compression. Donc, vous ne perdrez pas votre qualité. Donc j'ai utilisé tout ça et une erreur que j'ai faite est que j'ai essayé orteil, vous savez, utiliser un nouveau type de compression, qui était image. Donc, l'extension de vos extensions pour les images est dart w E B et B Web be image Maintenant, j'ai commencé à utiliser l'image rep e rouge sur la suggestion de Google. Donc, si vous ne connaissez pas Google vitesse test de vitesse Google Donc c'est la vitesse de Google à l'intérieur. Donc, chaque fois que vous voulez voir comment vos pages se chargent, suffit de copier l'u. il suffit de copier l'u. R l et de l'analyser ici. Et il va montrer à quelle distance il est et quels sont les différents problèmes avec elle, pourquoi il se charge lentement et des choses comme ça. Alors que se passe-t-il ? Google m'a fait quelques choses. J' ai changé le type d'image toe webby. Donc, vous pouvez voir ici, il montre page très lente. Mais n'écoutez pas toujours Google. Vous devez vraiment voir comment votre page En fait, Seigneur, vous devez essayer quelques autres services comme nous avions. Vous allez commencer à être dumbed dot com, donc j'utilise aussi celui-ci. Donc, je vous montre mes outils hors commerce, j'ai normalement utilisé pour tester le temps de chargement de différents sites Web et des choses comme ça. Il s'agit donc de temps de chargement, puis d'une autre chose, qui est Brother Stack. Il s'agit d'un outil que nous utilisons pour tester l'application ou le navigateur. Donc ce que ce tabouret fait est qu'il va prendre votre page et il va seigner cette page dans plusieurs appareils natifs différents. Donc, par exemple, je veux tester ma page. Vous pouvez voir, par exemple, cet espace. Vous pouvez le voir chargé en 1,14 secondes, ce qui est très rapide. Bien que Google montre que ce sont 24. Mais je voulais voir combien de temps juste aller à Lourdes. Pourtant, c'est ah beaucoup hors taille de la page. En fait, c'est la vieille page. J' ai réduit les tailles d'image et non, Je pense qu'il est autour de 3 à 4 Mo. Donc, cette application cette poussière en fait dans différents appareils que vous pouvez voir ou entendre. Vous pouvez le tester sur différents écrans mobiles qui, comme mobile, Um, comme si vous voulez tester une seule page sur iPhone 5678 iPhone x ah, et accéder ou tout appareil que vous voulez. Donc, si vous voulez voir que Comment ma page va regarder sur tous les différents appareils. Vous pouvez utiliser cette pile de frère, et elle va vous montrer en temps réel. Quels sont les problèmes avec votre page ? Alors que se passe-t-il quand je change cet orteil pleure e qui était cette image ? Je pense que cet arrière-plan Ah, iPhone X ne supportait pas les images Webby à l'époque. Donc, pour l'instant, il ne porte pas d'images heureuses. J' écoute Google Page à l'intérieur et je le change. Et nous avions des problèmes à apprendre la page sur iPhone X. Mon client a rappelé et je suis, vous savez, tout mon développeur. Et il dit : As-tu changé d'image ? Trop heureux que j'ai dit oui. Et il a dit, C'est le problème sur l'accident de l'iPhone et le sport heureux. Donc, ne pensez pas toujours que vous avez toujours à opter pour le plus lu ah, faible taille hors fichier ou vous devez regarder, vous devez écouter Google. Essayez toujours d'utiliser votre ou vos propres sens et de les utiliser dans l'évaluation de la vous savez Ah, ce test de vos sites Web sur différents navigateurs et différents APS et différents appareils. Donc ce sont tous les outils que j'ai principalement utilisé minuscule PNG Brother Stack. Je pense que c'est en fait donné par mon client. J' ai commencé à l'utiliser, je pense qu'il y a 56 ans maintenant je pense qu'ils l'ont beaucoup polie. À cette époque, il était gratuit de la vitesse payée à l'intérieur, étant des outils dom, petit PNG pour la compression. Et c'est tout. Donc, j'espère que vous avez apprécié cette leçon d'optimisation des performances lated Ah, concernant votre conception Web et comment vous allez le gérer. Si vous avez des questions à me poser, passons à la prochaine leçon. 14. Déployer des projets de conception Web et service après vente: maintenant, En fin de compte, la chose la plus importante que je pense que beaucoup de freelance est beaucoup de concepteurs et de développeurs qu'ils ignorent est le déploiement. Et le service après-vente, comment vous étiez prêt, donnez tous les fichiers à votre développement à votre client et comment vous allez créer de la valeur pour l'utilisation des techniques de service après-vente. Donc, chaque fois que vous êtes Clyde, votre projet est terminé. La première chose est, que s ne quittent pas votre client après le paiement, donc ils peuvent avoir des problèmes quand ils essaient de télécharger ces fichiers orteils leur serveur. Ou ils peuvent avoir quelque chose qui ne fonctionne pas là atmosphère ou là vous pouvez dire serveur de test. Donc, la première chose est que vous alliez leur envoyer des fichiers zip et aussi essayer de les aider à télécharger ces fichiers orteil il serveur FTP. Alors dis-leur que je vais te montrer comment les orteils applaudissent ça. Et si quelque chose ne marche pas, je suis là pour toi. Je suis toujours là. Il suffit de me tirer un e-mail et je vais répondre et je vais essayer de résoudre votre problème. Donc mon client, quand je leur ai envoyé ce projet, je l'ai téléchargé doivent tous être plusieurs. Ils avaient des problèmes comme quatre ou cinq problèmes différents et j'ai continué à les résoudre. Même mon développeur, il était hors de la ville et j'ai utilisé le mien. Vous pouvez voir, selon les compétences que j'ai laissé le secteur de la cour hors de ce développement. Mais j'ai quand même essayé de résoudre ses problèmes. Cependant, je peux donc la première chose est de leur donner un service gratuit pour de petits changements. Donc, s'il y a 15 minutes, 30 minutes, ne juge pas pour eux. S' ils essaient, ils essaient de faire un très grand changement ou qui n'a pas été défini dans les exigences du projet . Ensuite, vous pouvez les charger. Cela va montrer que vous êtes un professionnel. Vous vous souciez vraiment de leur projet. Montrez-leur que vous vous souciez vraiment de ce projet. Tu es vraiment une personne sérieuse. Vous êtes un professionnel qui déploie son travail parfaitement en parfait état. Par exemple, si vous achetez une voiture et lorsque vous apportez votre nouvelle voiture à votre maison, quelque chose a cessé de fonctionner et vous n'êtes pas en mesure de démarrer votre voiture. Alors quoi ? Quels seront vos sentiments, voyez-vous ? Alors n'essaie pas de les laisser. Montrez-leur que nous pouvons vous aider. Nous pouvons amener votre voiture à votre porte où vous le voulez. Nous allons vous aider si vous allez apporter de petits changements dans ce projet. Et ah, nous nous soucions vraiment de ce travail et nous sommes des professionnels allaient vous aider jusqu'au succès de ce projet. Il s'agit donc de gérer ce projet de conception Web freelance et comment je donne le service après-vente à mon client. Je pense que nous avons eu cinq ou six changements différents et je n'ai rien facturé pour ça. Bien que j'ai envoyé, j'en ai donné un. Vous pouvez le dire. J' ai payé quelque chose comme un petit montant 20$ à mon développeur, mais je n'ai pas facturé mon n'a pas facturé mon client pour cela. Alors gardez ces conseils à l'esprit. Je pense qu'ils vont vous aider à bâtir une bonne réputation chez vos clients et vous aider à obtenir des projets de design Web mawr. Vous pouvez voir le senti que j'ai fait celui-là et non, mon client dit que j'ai encore une page de destination pour vous afin que c'est comme ça que vous obtenez une confiance quand la confiance de vos clients et ils savent que c'est la personne que nous devrions aller quand nous Que les orteils fassent quelque chose comme ça. Donc c'est tout au sujet de cette classe et des scores si vous avez des questions, avez encore des questions à me poser ? A bientôt dans, hum, plus de nouvelles vidéos. Si je peux les garder, je vais ajouter d'autres vidéos. Mais en attendant, je pense que c'est tout. Ah, prends-toi et à bientôt dans mes autres cours. 15. Que faire ensuite ?: merci beaucoup d'avoir suivi ce cours. Si vous avez des questions concernant le design ou concernant ce cours, vous pouvez toujours me poser la question dans la section « communauté ». Aussi, n'oublie pas l'orteil droit. Certains examinent quelques beaux mots. Donc pour moi, que je puisse, vous savez, trouver de l'inspiration pour créer plus de classes comme celles-ci. Et n'oubliez pas les orteils vérifier mes autres cours parce qu'ils le sont. J' ai beaucoup de cours sur la conception UX, la conception d'interface utilisateur et le freelance et la conception visuelle. D' ici là, bientôt dans le prochain cours.