Transcription
1. Bienvenue dans le cours: salut et bienvenue au cours de développement de site Web pour les entrepreneurs et les propriétaires d'entreprise, le cours qui vous apprendra à créer un beau site Web à partir du sol sans avoir aucune expérience de codage ou de conception du tout. Mon nom est fort Isaza et je suis un concepteur de produit mais aussi un développeur Web. J' ai travaillé pour une grande entreprise d'automatisation, mais aussi au cours des dernières années, j'ai travaillé avec des milliers d'entreprises pour
les aider à créer leurs sites Web, ford ou entreprises. Donc, sur ces cœurs, je veux vous enseigner toutes les informations sur la façon de créer un site Web à partir du sol, même si vous n'avez aucune connaissance préalable sur le codage ou la conception du tout. À la fin de ce cours, vous devriez être en mesure de créer votre propre site web pour votre entreprise tout à partir du sol. Nous serons en mesure de donner le contenu pour choisir les images, et néanmoins vous serez en mesure de faire en sorte que ce site soit comme si un professionnel l'aurait conçu. Je vais vous guider à travers tous les outils que vous devez connaître, et tous les concepts de conception qui sont importants pour rendre un site Web plus professionnel.
2. Avantages et désavantages de la création du site seul de votre propre propre site: Alors, quels sont les avantages de créer le site avec un constructeur de site Web ? Tout d'abord, la personnalisation hors du site sera beaucoup plus facile et beaucoup plus rapide. En outre, les modèles que les sites de pièces fournissent sont généralement de très haute qualité. Vous n'aurez pas besoin de connaissances sur le codage, et c'est généralement beaucoup moins cher. En outre, publier votre site Web après avoir créé ce sera beaucoup plus facile et cela prendra très peu de temps à faire. Mais comme tout rien n'est oh jus couleur pourpre. Donc, nous avons également quelques inconvénients lors de la création du site Web sur votre téléphone. Tout d'abord, nombreuses entreprises pourraient être en mesure de choisir le même modèle que vous avez choisi, ce qui diminuera l'originalité de votre site Web afin que vous puissiez trouver des entreprises qui auront un
design très similaire en fonction de la façon dont vous le personnaliser. En outre, cette personnalisation est limitée, en particulier dans les constructeurs de sites Web comme les semaines. Je vous en dirai plus tard, mais gardez cela à l'esprit. En outre, il peut arriver que le contenu ne nourrit pas le modèle que vous avez choisi. En outre, vous ne pouvez pas choisir vos options d'hébergement. Nous allons en apprendre davantage sur l'hébergement plus tard, et les options d'exportation sont limitées aussi, mais même avec ces petits inconvénients, il vaut toujours la peine de créer votre propre site Web parce que cela va juste vous faire économiser tellement d'argent que généralement, vous devrez donner pour un concepteur de site Web dans un développeur de site Web et l' hébergement et un domaine. Donc, avec l'aide des constructeurs de sites Web, vous serez en mesure de créer site très basse côte pour votre projet ou votre entreprise.
3. Quels sont les constructeurs de sites Web: Donc, au cours des dernières vidéos, j'ai mentionné ce terme appelé Builders de site Web. Mais qu'est-ce que c'est exactement ? Eh bien, est-ce que tout en un outils qui vont nous aider à créer ou côté ouest à partir de zéro sans avoir à coder quoi que ce soit du tout ? Il y en a beaucoup et celui à utiliser dépendra des priorités que vous avez, du genre de Westside que vous essayez de créer et du genre d'entreprise que vous avez. Cela dépendrait également de la quantité de trafic ou du nombre de personnes qui vont visiter votre site Web Je vais vous apprendre trois sur les principaux, . qui sont semaines Squarespace et WordPress. Et on va parler de la différence entre l'un ou l'autre. Et pourquoi choisir ou non un pour votre projet les constructeurs de site Web ont aussi quelque chose vraiment bon. C' est les plaques de tam. Ils ont déjà personnalisé des styles et se sent selon différents sujets. Donc, si vous essayez Teoh, créez le site Web pour un restaurant ou pour un corbillard seul ou si c'est un portfolio ou une page
d'affaires, um Wake squarespace ou tout constructeur de site Web que vous essayez d'utiliser aura déjà modèles assez fins. afin que vous puissiez prendre et commencer à les personnaliser à votre contenu. Changer les couleurs et le rendre possible. Mais les avantages que vous n'aurez pas à commencer à partir de zéro, ce qui vous fera gagner beaucoup de temps.
4. Différents sites Web créateurs: Alors maintenant que vous savez ce que nos constructeurs de sites Web, il est important de savoir lesquels sont sur le marché et quand utiliser l'un ou l'autre, parce que vous pouvez essentiellement les utiliser tous. Mais ils ont certaines zones de vie spéciale Werder. Ainsi, par
exemple, des
fins générales, si vous voulez juste montrer des informations sur votre entreprise, alors vous devriez utiliser squarespace ou semaines. Mais si vous avez un Coomer ou une boutique en ligne, il est préférable d'utiliser un grand cartel et un grand commerce. Eh bien, si vous avez un blawg ou un site Web de gestion de contenu, alors je vous recommande d'utiliser WordPress soit dot com ou dot org. Donc, le 1er 1 nous allons parler de son travail ours, et c'est l'un des plus grands et les plus reconnus constructeurs de sites Web sur le marché. Parce que ce sont aussi les anciens. Celui a été le plus long là-bas, et bien qu'il ait principalement commencé comme un outil pour créer des blocs, il a évolué au fil des années pour devenir de côté où vous pouvez simplement construire n'importe quel type de sites Web. Il a aussi besoin d'un peu de codage. Mais la bonne nouvelle, c'est que puisque c'est si reconnu. Beaucoup de développeurs ont donc osé créer beaucoup de plug-ins qui vous permettront d'utiliser simplement
WordPress pour créer des magasins en ligne et tout type hors site Web dont vous avez besoin. La chose que vous devez savoir est qu'il existe deux types de WordPress. Il y a wordpress dot org et le travail bourse dot com et les principales différences que pour la version dot com, vous aurez besoin d'aucun codage savoir ledge, mais il vous limitera également une avance de celui-ci plus si vous avez utilisé sa version, vous serez hébergé White par WordPress. Vous devrez également utiliser un domaine autonome, et les modèles seront plus limités. En outre, vous n'aurez pas la possibilité d'utiliser les plug-ins qui ont été développés pour WordPress. Mais si vous utilisez dot com chez dot org, je suis désolé que vous aurez besoin de codage savoir ledge, mais vous allez vous donner plus de possibilités. Vous aurez accès à d'autres modèles. Vous aurez le contrôle du code, et vous serez responsable du domaine et de l'hébergement. Mais dit-il juste qu'il y a beaucoup de programmeurs là-bas qui ont développé beaucoup de code avant, assez pour WordPress. Donc, vous pouvez simplement l'utiliser et le copier, coller sur votre site et en créer un beau qui est adapté à tout type de besoin que
vous avez . prochain constructeur dont nous allons parler est des semaines, et c'est aussi l'un des plus grands acteurs du marché, et il est là depuis très longtemps, et il est très connu en raison de sa capacité à créer n'importe quel type de sites Web. Que vous ayez une petite entreprise, un restaurant ou une boutique en ligne ou tout ce que vous avez, vous pouvez utiliser des semaines. Alors, quels sont les avantages ? Eh bien, 1er 1 c'est très facile à utiliser, et il comprend également une version gratuite juste sous un sous-domaine. Vous pouvez également choisir entre de nombreux types de modèles différents, et vous pouvez également installer APS tiers. L' inconvénient,
cependant, cependant, est la difficulté de migrer votre site Web une fois que vous l'avez créé en quelques semaines. Aussi comme e O. Fonctions ne sont pas si bon en elle, et vous avez aussi de la publicité. Et bien sûr, si vous n'utilisez pas la version gratuite et que vous voulez votre propre sous-domaine, alors le prix et le domaine web sont un peu désavantage. Mais Justus Weeks, les anciens constructeurs de sites Web auront également un prix, donc je ne m'inquiéterais pas pour celui-ci tant. Le dernier constructeur de site que je veux vous montrer s'appelle Squarespace, et celui-ci est la justice. Plus grand les autres, mais il a une particularité, et c'est qui est très organisé en termes de modèles de conception. Donc, les avantages que vous aurez avec elle est que vous aurez un très bon design et très réactif pour les anciens appareils de déménagement. Il est également très bon pour les ventes et les charges de doute, et vous obtiendrez un certificat de vente pour un service gratuit et très bon et aussi de très bonnes analyses. Donc, comme je l'ai dit, le curated peut être un avantage mais aussi un inconvénient parce qu'il vous restreindrait plus . Vous aurez également moins de modèles, et vous n'aurez pas de version gratuite, et vous n'aurez pas de widgets comme les autres Inde. Donc, vous devriez vraiment utiliser squarespace si vous ne voulez pas vraiment vous inquiéter à ce sujet. Donc, avec Ward Paris, vous aurez besoin de beaucoup de seulement Googling pour le code et pour les plug-ins, et donc une avec des semaines, vous aurez le droit de faire presque tout ce que vous voulez. Mais l'inconvénient est que si vous ne connaissez pas tant le design, alors vous avez le risque que votre site Web n'ait pas l'air si beau à la fin. Eh bien, si vous avez squarespace dan, vous serez assuré que vous aurez un très bon design déjà parce qu'une limite vous beaucoup plus. Et les modèles sont très bons, très jolis déjà. Donc vous avez juste à vérifier quels sont vos besoins réels pour votre site Web avant de simplement choisir un ou l'autre ?
5. Introduction sur Squarespace: Maintenant, nous allons voir comment construire notre premier site web avec Squarespace et le site est extrêmement intuitif et extrêmement organisé en termes d'auto-conception. Donc avant de commencer, j'aimerais que vous vérifiiez leur site Web et scellez les fonctionnalités qu'ils ont toutes les sortes de lames Tim. Hum, le genre de sujets dit que vous pouvez créer le site Web car je veux dire, vous pouvez le créer pour n'importe quel type d'entreprise, mais ils ont déjà quelques
bons sujets. Hum, que vous pouvez juste aller et cliquer autour pour voir si vous avez un restaurant ou si vous avez un site
photo ou quelque chose que ce soit ISS, ou si c'est juste un bloc, vous pouvez juste aller cliquer autour. Et une fois que vous consultez un site Web que vous aimez vraiment, vous pouvez juste le prévisualiser et voir Oh, les fonctionnalités. Il a comme les pages et dit plus ou moins à quoi cela ressemblerait si vous choisiriez
celui-ci . Et si ça vous plaît vraiment et que vous êtes prêt, alors vous allez juste aller et cliquer à l'avance pour commencer, et il va vous demander de vous inscrire pour créer un compte. Si tu n'en as pas encore. Ça va être très facile. Tu vas juste avoir besoin de ton nom, ton email et bien sûr. Il vous demandera également un mot de passe. Ce sont donc très peu d'informations dont ils ont besoin. Et Dan, une fois que vous êtes prêt à partir, vous pouvez juste aller de l'avant pour créer un compte, et il redirigera immédiatement vers To there Tampa côté tête. Ils ont également un petit touriste afin que vous puissiez simplement cliquer sur le nom hors du
projet ou le site Web pour lequel vous créez, sorte que vous pouvez simplement aller de l'avant et taper le nom de votre entreprise ou de votre entreprise. Vous allez vous montrer Merlis comment éditer comment créer des pages, et il a, comme un petit tutoriel off. Comment tout fonctionne est très facile. Donc, une fois que vous avez vu cela, vous allez cliquer sur prêt et ensuite vous pouvez aller de l'avant et commencer à éditer, en ajoutant votre propre contenu et vos propres images, et vous serez prêt à partir
6. Publier votre site: alors maintenant que vous savez où construire votre côté, parlons des étapes. C' est vraiment facile, mais la première chose que vous devez avoir clair est quel type de site Web essayez-vous de construire afin que vous
puissiez commencer à choisir quel type de constructeur de site Web sera adéquat pour votre site . Ensuite, une fois que vous avez celui-ci, vous allez vous inscrire et choisir un modèle. Ce temple il vous permettra de simplifier votre processus de conception. Vous devrez le personnaliser et construire le site, ajoutant du contenu dans les images. Mais tout cela sera très facile, car c'est un outil très facile à utiliser. Et enfin, vous devrez le publier. Et bien sûr, prenez soin de
vous, juste le surveiller après. Vérifiez qu'il se développe et s'améliore. Parlons maintenant des choses dont il aura besoin pour bien publier votre site Web, la première chose dont vous aurez besoin est quelque chose appelé le domaine, qui est fondamentalement l'adresse de votre site Web, et le 2ème 1 sera l'hébergement. Celui-ci est l'espace dans le nuage où vos fichiers seront stockés, sautant pour le compte si vous utilisez un générateur de site Web. Vous n'aurez pas à vous soucier d'héberger Adul. Donc, le domaine est cette adresse hors de votre site Web et doit donc être lié au nom de la société ou du produit ou même à votre propre nom. Donc, la première chose que vous devez faire est de remuer quelques idées et ensuite trouver un site Web où vous pouvez vérifier si son nom est toujours disponible pour l'utilisation et combien va vous coûter et ensuite vous pouvez le choisir par poursuite et connecté à votre site Web. Il est très important de garder à l'esprit qu'avant d'acheter un site Web, si vous avez déjà choisi votre constructeur de site Web, certains d'entre eux vous incluront un domaine gratuit. Il suffit donc de vérifier le plan que votre constructeur de site Web a et de choisir de domaine par la suite. Comme je l'ai déjà mentionné, vous n'auriez pas vraiment à vous soucier des scènes d'hébergement. Nous créons notre site Web avec le constructeur de sites Web. Ce qui signifie que tous nos fichiers vont déjà être stockés sur le serveur de son
constructeur de site Web . Mais juste pour vous montrer, il existe différents types de publication afin que vous puissiez avoir vos fichiers sur un partage et c'est vraiment bon quand vous avez une petite entreprise lorsque votre site Web n'est pas vraiment complexe. Nous avons également l'hébergement cloud, ce qui vous permettra de créer différentes copies de votre site Web et de les stocker dans différents serveurs juste au cas où celui-ci tombe. Ensuite, vous pourrez toujours vérifier vos fichiers et avoir votre site Web en ligne, et le dernier sera le serveur BPS, ce qui vous permettra d'avoir plus de contrôle et de liberté. Mais comme je l'ai dit, ce n'est que pour un usage général et une connaissance générale, vous n'aurez pas vraiment à vous soucier de celui-ci.
7. Introduction dans Wix: Maintenant, nous allons parler de la façon de mettre en place votre premier site web avec des semaines. Ah, mais d'abord, je voudrais que vous alliez sur le site et que vous examiniez toutes les différentes fonctionnalités que l'éditeur a, quel genre de off, différentes fonctions qu'ils ont. Qu' est-ce qu'ils vous offrent et lisent tout droit pour que vous ayez une meilleure idée et une meilleure compréhension avant de commencer ? Et vous pouvez aussi simplement aller et cliquer sur des modèles et juste vérifier les différents types qu' ils offrent pour les différentes entreprises. Donc, que ce soit un site de photographie pour vidéo un design un portfolio ou quoi qu'il soit, vous pouvez trouver tous les différents types de modèles petites annonces, et aussi ils supportent de nombreuses langues différentes ainsi. Alors allez-y, consultez leur site Web et lisez tout à travers um, avant de commencer et quand vous êtes prêt à partir, allez sur le bouton bleu et appuyez sur, commencez et allez vous inscrire, et ça va être très facile. Puisque vous n'avez probablement pas de compte, alors vous devrez simplement vous inscrire d'abord jusqu'à ce qu'ils demandent juste votre email,
votre mot de passe et vous serez prêt. Il vous suffit de cliquer à nouveau sur vous inscrire, puis vous serez redirigé pour décider où vous pouvez commencer à choisir vos modèles. Donc semaines a cette fonction avant de choisir les modèles où ils vont vous demander quel type de site Web il est que vous essayez de construire et ceux-ci vont créer automatiquement ou vous
suggérer quel type de modèle est meilleur pour votre site ? Mais vous allez avoir un peu plus de restrictions quand il s'agit d'éditer ce site afin que vous puissiez le faire de cette façon. Mais je vous recommande de simplement sauter le 80 I et de choisir votre propre modèle. Mais je veux dire, c'est à toi de décider. Vous pouvez l'essayer. Dans ce cas,
on va juste choisir un modèle. Dans ce cas, Alors on y va. Lorsque nous cliquons dessus, nous sommes simplement suggérés, comme tous les types de choses différentes pour les entreprises ou pour tout ce qui est. Et dans ces clés, je vais juste aller de l'avant et choisir un modèle pour le conseil et le coaching. Donc, je dois juste cliquer dessus va me montrer ceux qui sont optimisés à cet effet. Et une fois que j'en vois un que j'aime vraiment, je peux juste prévisualiser Ed pour voir plus ou moins à quoi il ressemble et quel genre de
pages différentes il a déjà mis en place. Donc, nous allons juste cliquer sur la vue et vérifier et voir si nous en sommes satisfaits. Ça va nous demander si on veut éditer, décider ou non. Je vais juste le fermer pour que je puisse juste cliquer sur et vérifier toutes les pages qu'ils ont. Donc ils nous ont, vous pouvez voir des informations sur vous et ensuite ils auront différents produits présentoirs que vous pouvez acheter tout de suite, etc. Donc, je pense que je suis assez heureux avec ce modèle. Donc je vais juste cliquer sur Ed et commencer à éditer avec. Et oui, ça va prendre un peu de temps jusqu'au chargement, mais ça va ouvrir l'éditeur du site et ça va être très facile. Vous pouvez voir qu'il a, comme, visite
accueillante. Tu peux voir Merlis comment tout fonctionne, mais ça va être très facile. Vous avez juste à cliquer sur les choses et commencer à éditer et changer les images et tout ce dont vous avez besoin
8. Réceptivité: quelque chose que vous devez vraiment prendre en compte lors de la conception de votre site Web est de se rappeler que vos utilisateurs y accèderont à partir de différents types d'appareils hors. Qu' il s'agisse d'un téléphone
portable, d'un ordinateur portable ou d'une tablette, vous devez être conscient que votre site web doit s'adapter à de Steve Ice. C' est ce qu'on appelle la réactivité sur le site Web et la réponse de la conception Web est cette capacité que le site doit s'adapter à tout type de dispositif auquel l'utilisateur accède à partir d'un optimisé le contenu en fonction de cela. Donc, avec nos constructeurs de sites Web, ce sera très facile parce qu'ils auront juste une fonction qui vous permettra de
visualiser l'apparence de votre site Web sur n'importe quel type d'appareil et de faire des ajustements au cas où vous en
auriez visualiser l'apparence de votre site Web sur n'importe quel type d'appareil et de faire des ajustements au cas où vous en besoin.
9. Alignement: sujet suivant est quelque chose que beaucoup de gens ignorent lors de la création de leur site Web. Mais c'est quelque chose qui peut vraiment faire la différence dans le professionnalisme hors du site lui-même. Jetons donc un coup d'oeil à cet exemple, et c'est OK. Mais une fois que nous voyons celui dans la droite, il semble beaucoup mieux, et c'est juste à cause de l'alignement. Si vous jetez un oeil sur le côté gauche, tous les textes sont complètement non alignés les uns aux autres, tandis que sur la droite, est
un peu plus visuellement attrayant parce que toutes les choses qu'elles soient horizontales comme verticales, sont alignés avec une ou deux lignes seulement, et pour créer l'alignement, nous avons deux options différentes, donc le 1er 1 serait d'avoir un alignement latéral ou un alignement d'arête. Et c'est alors que tous les éléments du site Web sont alignés par les bords. Vous devez donc vous assurer qu'une ligne traverse la trajectoire et torche tous les bords des différents éléments. Le 2ème 1 qui aura est l'alignement central, et celui-ci est une houle nous. Le bord, comme le dit le nom lui-même, est celui où vous centrez les éléments simplement par la ligne de média, qu'il
soit horizontal ou vertical. Une autre chose à prendre en compte lorsque vous travaillez avec l'alignement est la simplicité de celui-ci. Nous devons donc nous assurer de nous avoir des lignes d'alignement juridiques nous possibles. Et vous allez voir ici un exemple sur une carte de visite. Et à la première vue, il a l'air très bien. Mais nous avons beaucoup trop de lignes d'alignement. Donc si on change un peu de leader et que tout aligner d'un côté, on minimisera les lignes d'alignement. Et ceux-ci seront plus attrayants visuellement pour nos utilisateurs et aussi plus faciles à consommer l' information et donc plus faciles à cibler et à traiter.
10. Hiérarchie: dans cette section. Nous allons parler de quelque chose de très simple, mais très important, car cela aura un impact énorme sur la conception de votre site Web et la façon dont vos
utilisateurs et vos clients perçoivent et traitent les informations. Et ce sujet est elle une clé. Donc, la première chose que vous devez savoir à propos de Hurricane est que notre cerveau est câblé de manière à
traiter les informations selon la façon dont elles nous sont présentées. Donc nous sommes branchés pour vérifier d'abord la chose la plus grande, les choses de rocher d'abord. Donc, si vous regardez cet exemple, vous remarquerez immédiatement que vos yeux iront à la première ligne de texte, puis à la 2ème 1, puis à celle où la topographie n'est
plus en majuscules . C' est quelque chose qui vous aidera à organiser vos textes, hum, pour capter l'attention de vos utilisateurs exactement là où vous en avez besoin. Maintenant, jetons un coup d'oeil au deuxième exemple où nous avons un tas de formes, de sorte que vous remarquerez que votre cerveau va immédiatement aller et attirer son attention sur la place parce que est le plus gros objet de tous d'entre eux est aussi le plus audacieux. Donc notre cerveau est câblé pour juste vérifier le plus gros audacieux et ensuite passé aux
choses plus arrondies qui sont dans la prochaine taille. Et puis nous allons consommer tous les éléments jusqu'à arriver au plus petit et le plus léger pour connaître Listrik un exemple avec des sites Web. Donc, si vous voulez avoir un site Web qui ressemble à ceci où vous avez un tas de texte qui est très comme non seulement différencier ce que n'importe quelle ligne l'un de l'autre, votre utilisateur aura beaucoup plus de difficulté à savoir où se concentrer en premier et ce type d'information est plus important don t autre. Donc, si nous faisons un peu de changement et de publicité, par
exemple ,
quelques images, cela améliore déjà l'expérience utilisateur, mais ce ne sera toujours pas incroyable. Donc, ce que nous devons faire est justice dans ce dernier exemple pour, comme essayer de guider notre utilisateur à travers notre site Web. Donc si nous avons un titre que peut-être rendre celui-ci plus audacieux ou le rendre plus grand, alors si nous avons des images, nous pouvons ,
comme, varier la taille d'eux et la position aussi avec des sous-titres et avec beaucoup de textes , il est vraiment important que nous divisions l'information et que nous attirions l'attention des utilisateurs exactement là où nous en avions besoin. Donc, si le plus important est l'image et peut-être rendre cette image plus grande ? Eh bien, si le plus important est juste de titre lui-même, alors faites le Boulder, agrandissez et faites quelques ajustements juridiques. Alors que vous utilisateur um non. Où se concentrer en premier.
11. Travailler avec des images: un autre aspect important de la conception de notre site Web est le genre d'images choisies -nous pour cela ? Et afin de choisir de bonnes images est important de prendre en compte la qualité dans la taille des images, la résolution. Vous devez avoir des images pour avoir une bonne résolution de sorte que lorsque l'utilisateur les voit sur de plus grands écrans, ils volent du travail. En outre, vous devez être prudent avec la taille car, selon le type d'appareil, cette image peut être ou pas si visible. L' image doit également être liée au type de contenu que vous donnez à votre utilisateur, donc ils doivent être liés car ils doivent envoyer un message. Et la dernière partie que vous devez prendre en compte est les règles de la photographie. Vous devez vous méfier qu'il existe certaines règles qui rendront les images élites un peu plus attrayantes à l'œil. Alors méfiez-vous de celui-ci et utilisez-les en votre faveur. Il y a beaucoup de sites Web où vous pouvez trouver des images gratuitement, et c'est juste une merde de ceux, mais il ya encore plus si simplement n'hésitez pas à les vérifier et à chercher vos images avant commencer à votre site Web. L' un d'entre eux est les pixels. Nous avons aussi des pics, obéir et éclabousser la photographie gratis. Morgue a déposé le pic calme, jumbo ainsi que la chambre forte. Et tous ces sites auront des images que vous allez pouvoir utiliser gratuitement. Et peut-être que certains d'entre eux vont vous demander de juste contribuer auteur ou quelque chose comme ça . Mais ce sera à toi de décider. Et maintenant, la dernière chose à prendre en compte lorsque vous travaillez avec des images est de savoir comment les faire fonctionner. Eh bien, quand tu auras aussi du texte avec et pour ça, tu vas demander à Teoh de s'assurer que le texte qui est au-dessus des images. Si c'est le cas, c'est lisible. Et pour cela, vous pouvez simplement faire des modifications simples qui vont améliorer la lisibilité du texte, comme changer l'arrière-plan de couleur,
hum, hum, ou peut-être sous-jacent le texte derrière lui ou tout simplement contrôler le image de fond, en ajustant le contraste ou en faisant un peu plus. Paige. Peut-être que vous pouvez aussi mettre comme un calque qui superpose l'image avec juste un peu passe ou faire l'image avec, hum, grand filtre océan. Ou peut-être juste mettre une superposition avec radiant. C' est une piste un peu plus sombre. Quand le texte sera terminé, l'image et toutes ces bandes vous aideront à rendre le texte plus lisible.
12. La psyhchology des couleurs: Alors maintenant, nous allons parler d'un des sujets les plus importants sur la conception de site Web et un qui va vous aider à créer certains comportements chez vos clients chez vos utilisateurs. Alors l'appelant de l'ISS dystopique. Et c'est extrêmement important parce que la couleur est quelque chose qui va directement de l'arsenal des orteils conscient et active certains paramètres que nous ne pouvons pas contrôler. Mais ils travaillent dans leur extrêmement efficace. Donc je ne sais pas si vous avez eu ce sentiment quand vous entrez dans une pièce et peut-être que vous commencez à ressentir des centimètres. Ou peut-être que ça vous fait juste sentir très détendu, très calme. Tout cela est dû à la conception, aux éléments qu'ils sont là, mais surtout, c'est à cause de la couleur. Ainsi, par
exemple, si la pièce est jaune,
vous commencerez à vous sentir très anxieux. Mais si la pièce à la place cette couleur bleue vous fera vous sentir très détendu, très calme, très confiance afin qu'ils puissent changer nos émotions, ils peuvent changer comment nous nous sentons et ce que nous faisons afin que vous puissiez profiter de cela parce qu'il est un outil de communication très puissant, et vous pouvez l'utiliser pour signaler les yeux, certaines actions pour influencer l'humeur de vos clients. ou les utilisateurs ou même influer sur les réactions psychologiques. Beaucoup des plus grandes marques le savent déjà, bien
sûr, et ils l'utilisent. Teoh crée certaines choses au sein de ses clients. Ainsi, par
exemple, si vous avez un fast-food restaurants, vous remarquerez que Dell a utilisé cette couleur rouge jaune très vif. Et c'est exactement parce qu'ils sont si brillants qu'ils vous coûteront immédiatement l'effet que vous ne voudrez pas rester là pendant très longtemps, ce qui signifie que vous allez y aller à votre arrêt. Il serait rapidement, puis aller de l'avant, prendre votre chemin loin parce qu'ils veulent juste obtenir le plus de clients possible, et ils ne veulent pas qu'ils restent longtemps. Donc, au lieu de cela, si vous regardez comme un conjoint ou quelque chose, vous aurez des tons
très, très chauds. Comme Brown aura beaucoup de large,
peut-être un peu de bleu, très léger et des couleurs qui vous feront sentir très à l'aise, très sûr et vous donnera envie de passer plus de temps à cela. Alors maintenant, nous allons vérifier les différents appelants dans lesquels,
lequel d'entre eux signifie et comment pouvez-vous les utiliser pour créer plus d'attention, ou quand est-il sage d'utiliser l'un ou l'autre et comment les combiner ?
13. Significations des couleurs: Donc, tout comme je vous le disais dans la section précédente, la chose la plus importante que vous devez tenir compte de la théorie des couleurs est que chaque couleur a un sens, mais aussi que les couleurs sont attachées aux émotions et sentiments, et en fonction de celui que vous utilisez, ou dans quelle quantité et quel ton il peut atteindre un objectif ou traiter celui. En outre, il est important que vous sachiez qu'il est préférable de choisir une palette de couleurs, donc au moins deux ou trois couleurs que vous pouvez mélanger pour les titres, Baden et arrière-plans et différentes choses. Enfin, il est important que vous sachiez, quel genre de marque travaillez-vous ou quel est votre genre d'entreprise. Les valeurs emplacements, les clients. Tout cela a une influence. Donc notre premier appelant est une couleur jaune, une couleur qui peut être très puissante mais aussi très dangereuse si vous l'utilisez pour les arrière-plans,
elle évoque des émotions comme le bonheur, la
joie, joie, attention aussi l'intellect, et il est utilisé pour attirer l'attention. Mais comme vous ne pouvez pas le regarder trop longtemps, il n'est pas vraiment bon pour être utilisé pour les arrière-plans, alors soyez prudent quand vous l'utilisez le suivant. C' est la couleur bleue, le peigne de couleur off, la pièce de couleur off, celle qui évoque la tranquillité,
la stabilité, la confiance et la confiance. Il est utilisé pour des branches comme la médecine santé, aussi pour générer la confiance. Donc c'est vraiment bon pour travailler avec de l'argent. Maintenant, nous allons parler de la couleur rouge, l'
une des plus puissantes et la plus attirante justice jaune. Il évoque l'amour, l'énergie, la passion et le pouvoir. Aussi des émotions. C' est pourquoi il est très utilisé pour des choses qui sont passionnantes. l'intention de l'amour, de la sensualité. Maintenant, la couleur verte une couleur que juste le bleu est un peu plus calme. Il évoque la fraîcheur. La sécurité est liée à la nature et à la croissance, est pourquoi il est très utilisé pour les services liés à l'alimentation, en particulier pour les choses liées à la santé, durable et respectueux de l'environnement. Maintenant la couleur pourpre une couleur invoque la royauté, la richesse, pouvoir et la communauté, c'est pourquoi nous l'utilisons pour les crédits bancaires. Cause de méfiance transmet pour s'adresser au public féminin, aussi pour l'exclusivité et le luxe et la justice. Violet. Nous avons la couleur noire, un très, très puissant exclusif. Il était lié avant avec l'obscurité, mais maintenant il est vu la puissance de l'élégance de Maura extrême, et il est utilisé pour créer des émotions fortes, mais aussi juste afficher violet à re pour cent de luxe et d'exclusivité. Et enfin,
nous avons la couleur blanche, nous avons la couleur blanche, qui est utilisée pour représenter la pureté, l'
innocence, innocence, lumière et la bonté sincérité, ce qui explique pourquoi il est question pour les marques qui ont à voir avec, euh, la spiritualité avec des trucs nous et nous nettoyer, ça peut aussi représenter un nouveau départ.
14. Les combinaisons de couleurs: Maintenant que vous connaissez la signification des différentes couleurs, parlons des combinaisons que vous pouvez créer avec eux. Et ces combinaisons vous aideront à construire un Politte couleur, ce qui vous permettra d'avoir différentes options à choisir pour votre arrière-plan, vos titres, vos sous-titres et ainsi de suite. Donc pour ça, vous allez avoir besoin de jeter un oeil à la volonté de couleur, qui est cette représentation abstraite des couleurs autour du cercle qui montrera les relations entre eux et en fonction de la façon dont vous combinez les couleurs sur cette volonté, vous pouvez avoir différents types qui sont comme le gélet complémentaire analogique, arbre, grenier et monochromatique, et tous les jours montreront différents messages selon la façon dont vous les utilisez. Parlons donc de la première combinaison, qui est un look Anna. Donc celui-ci est celui qui crée lorsque vous prenez une couleur dans la roue, puis vous prenez la couleur juste à côté de celui-ci. Donc si on regarde ce bleu foncé ici, les analogiques seront le violet et le col bleu à côté de celui-ci. Donc, ces combinaisons qui sont créées avec des couleurs analogiques sont extrêmement harmonieuses et faciles à regarder, ce qui les rendra bon à utiliser pour les arrière-plans et les titres, ou simplement pour les utiliser dans les grandes quantités sur votre site justice que vous voyez dans cet exemple. Maintenant, la deuxième combinaison dont nous allons parler est la combinaison gratuite, et celle-ci est celle qui est créée lorsque vous retirez une couleur du volant et la combinez avec la couleur qui est située sur le côté opposé. Donc si on regarde la violette,
c' est gratuit. L' un sera la couleur jaune juste en face de lui, et les discriminations sont vraiment bonnes pour attirer l'attention. Mais il y a aussi des affrontements extrêmement. Elle afin qu'ils se démarquent. Mais la mauvaise chose à ce sujet est que vous ne pouvez pas vraiment les regarder vers l'avant trop longtemps, donc ils seront bons pour les bûcherons et autres choses comme ça, mais pas pour les milieux. Maintenant, jetons un coup d'oeil à la combinaison dite split, qui est celle que vous créez lorsque vous combinez un appelant avec les deux couleurs qui sont juste la fin de l'actrice à l'inverse. Donc, si nous pouvions prendre la couleur pourpre, par
exemple. Ensuite, nous savons que le jaune est le contraire. Et puis les deux qui sont à côté de lui, qui est ce genre d'orangé ou jaune plus foncé. Et cette combinaison de vert très clair sera affichée. Et ceux-ci seront un leader un peu plus d'équilibre, mais aussi toujours très confronter e Um, donc il est aussi très bon. Trop cool pour l'attention, mais toujours pas si bon pour les milieux et des trucs comme ça. Maintenant, nous allons voir la combinaison Triad IQ, et celui-ci est celui que vous créez lorsque vous avez un appelant et prenez les deux qui le feront diviser la roue de couleur en ST exactement parts égales. Donc, si nous pouvions prendre ce bleu foncé fait, l'orange et le vert clair seront la combinaison grenier essayer de celui-ci, et celui-ci sera un très Vallas et acier appellera l'attention. Le nous devons être courbé Vulcain parce qu'il peut également générer un look très nonante parce que dans les années nonante, il a été très couramment utilisé pour toutes les annonces et Lagos etcetera. Parlons maintenant de la combinaison monochromatique, et celui-ci est celui que nous créons lorsque vous prenez une couleur dans le testament et puis
combinez simplement avec, um, différentes quantités de noir ou blanc. Donc, si nous prenions un bleu, alors nous devrons juste ajouter un peu de blanc pour avoir un ton plus clair ou un
peu de publicité sur les orteils noirs pour créer un ton plus sombre. Et c'est une combinaison très moderne et très, très harmonique, vous devriez
donc en tenir compte lors de la création de votre design.
15. Les bases de la typographie: dans la section. Nous allons parler de la typographie, et c'est un sujet extrêmement important, et cela aura un impact énorme sur ce que vos utilisateurs pensent et comment ils traitent les informations de votre site Web. Parce que selon le type de typographie que vous utilisez, vous pouvez envoyer un message complètement différent même en utilisant la même phrase. Donc il suffit de vérifier son exemple où c'est juste une phrase simple. Tu seras toujours à moi. Et si nous l'écrivons comme ça, il peut être perçu comme très romantique. Mais si nous changeons juste la typographie, alors soudainement il peut envoyer un message
très, très effrayant et d ami. Donc l'une des choses dont vous devez tenir compte quand vous parlez de typographie est qu'ils sont deux différents, hum, en termes que les gens confondent beaucoup. Le 1er 1 est le type, et c'est essentiellement la variation du poids. Que ce soit en gras, en italique ou qu'est-ce que c'est ? Eh bien, ce style est la famille différente. La face de type est froide et, par
exemple, arial Helvetica, tous ceux-ci sont appelés la police de caractères, et vous devriez être prudent. Parce que beaucoup de gens ont tendance à confondre est les deux termes. Maintenant que vous connaissez la différence, nous allons voir quelques exemples sur différents types de visages et différents fonds. Donc notre premier exemple de type face, ce sera les sons Serif un. Et celui-ci a l'air très simple et est l'une des plus grandes familles allaient aller plus en détail. Le 2ème 1 est celui de série, qui est celui qui a ces choses légales à la fin des caractères. Maintenant, nous avons aussi ce rire serif. Nous avons les téléphones de script qui sont les plus bouclés er. Nous avons une houle les mona espacés, et nous avons aussi d fonds d'affichage, sorte que vous pouvez voir des exemples de chacun d'eux. Et maintenant, nous allons vérifier les exemples pour différents types de fonds. Donc le 1er 1 est, bien
sûr, la dette irrégulière, la plus élémentaire, une sur chaque typographie. Nous avons aussi le condensé, qui est un peu le plus étiré horizontalement. Et puis nous avons celui métallique, qui est aussi un peu plus allongé sur le côté droit. Nous pouvons avoir le métal aussi en gras, et nous pouvons avoir une houle l'audacieuse, juste la normale, mais une avance un peu plus comme forte. Et puis nous avons aussi le noir. Maintenant, nous allons aller un peu plus en détail avec beaucoup de dio et à quoi sont-ils liés ? Parce que c'est une sorte de message que vos utilisateurs vont percevoir, selon le type de topographie que vous utilisez. Ainsi, les serif sont très liés à la tradition, respect, la fiabilité et au confort, tandis que ceux du surf solaire sont un peu plus modernes, plus propres, plus objectifs, plus stables. Ce script ceux sont liés à l'élégance, l'affection et créer équipe de télévision. Les présentoirs seront un peu plus sympathiques, expressifs, uniques et amusants, et les plus modernes sont un peu plus forts, plus progressifs, styler et plus chic.
16. Familles Serif et Sans Serif: dans cette section, nous allons voir un leader être plus détaillé. Les deux plus grandes familles et celles-ci sont le serif et le son servent. Alors commençons par le 1er 1 Et ceux-ci sont très reconnaissables à cause des
lignes de leader qu'ils ont aux extrémités et aux extrêmes de chaque personnage. Cela vient donc de l'antiquité où les gens devaient sculpter les latéraux sur la pierre, et il était presque impossible de sculpter les lettres sans laisser les lignes légales à la fin. Donc, comme ils viennent de cela, temps
anciens prennent même l'impression d'être très traditionnels, très conservateurs. Et des exemples de ceux-ci sont le temps de la Géorgie, le vêtement et la carrière. Parlons maintenant des quatre types de familles que les thèses ont. Le 1er 1 est le plus ancien et est le style ancien a gagné un grand exemple pour le séjour. Les frais de Progra sont l'adulte Jensen. Passons maintenant à la transition. Un exemple de celui-ci sera la topographie Bhaskar Bill. Un peu plus moderne. Regardons cette famille moderne. Un exemple est la topographie morte déduire, et finalement nous avons les dalles serif, et ceux-ci viennent de l'époque hors des journaux,
où ils avaient l' habitude d'imprimer les lettres dans un papier de mauvaise qualité. Et ces lettres étaient très mouillées donc elles laissaient ces marques comme si elles se séparaient un peu. Passons maintenant à la famille San Serif, et ces familles sont très reconnues pour être perçues comme plus modernes, elles sont abordées. C' est très simple, très minime. Et quelques exemples de cette apostrophe r les nouvelles gothique, DLV, Erica, Jill Sands et Futura et ceux-ci aussi juste Aziz. La famille Sarah est classée en quatre types, et le 1er 1 dont nous allons parler est la famille grotesque et deux, Thèse 1. Nous pouvons classer les nouvelles topographiques gothique, par
exemple. Maintenant, le 2ème 1 sera la famille tisk néo grandi, et à celui-ci appartient la topographie. Helvetica, qui est l'une des topographies les plus connues, est aujourd'hui dans le monde. Nous avons aussi la famille humaniste et le Deal. Sands appartiendra à celui-ci, et le dernier sera la famille géométrique et deux D's One appartient à la typographie Futura
17. Comment choisir une bonne typographie: Maintenant que vous connaissez les bases de la topographie et ce que représentent chacune des
familles d'amis voleurs , vous pouvez commencer à choisir la typographie, c'est que vous allez utiliser sur votre site Web. Et pour cela, vous devrez également prendre en compte votre marque, votre entreprise dans l'eau, les valeurs que vous essayez de transmettre. Peut-être. S' agit-il d'un modèle plus moderne, ou est-il plus conservateur ? Est-ce une marque ludique ou est-ce un look plus, monsieur ? Utilisez plus sérieux, plus grandi. Tu vas demander à Teoh de prendre en compte quel genre d'utilisateurs sont les jeunes Artur dans la cinquantaine ? Je ne sais pas. Tous les détails juridiques de la loi vont avoir une influence sur les choses que vous voulez leur
transmettre et sur la façon de les aborder. Donc, c'est la première chose que vous devez prendre en compte votre marque et vos utilisateurs Aussi, peut-être que l'emplacement peut être le genre de pays dans lequel vous êtes et ce qui est considéré comme plus que ou ludique. Et donc un maintenant, autre facteur que vous devrez prendre en compte lors du choix de votre topographie est la lisibilité, et ce n'est que la capacité d'une bande plus longue si elle doit être traitée facilement par le oeil humain. Donc celui-ci dépendra de minuscules petits facteurs comme peut-être le type de lignes que la
typographie serif est avoir celui-ci vont être un leader, été plus difficile à traiter parce que cela prend un peu plus de temps pour l'humain I de simplement les reconnaître. Et ça va avoir une énorme influence dans différentes situations. Donc, si , par
exemple, vous essayez de faire lire un gros tas de texte, vous devriez avoir une typographie très facile à consommer. Donc, au lieu d'utiliser une typographie serif, vous devriez utiliser un Sand Saref, un, qui est plus clair et plus facile à lire. En outre, il y a des situations où cela aura une sorte de vie ou d'influence morte. Donc, par
exemple, si les utilisateurs sont sur une autoroute et que vous faites une publicité dans, vous devriez être en mesure de le lire rapidement car sinon il sera distrait. Donc, pour les publicités, alors le type Sand Saref sera plus ad equate alors que si vous avez un titre qu'il est complètement correct d'utiliser cette typographie de service. Donc, juste pour faire comme un enveloppement les TIS pour travailler avec la typographie ou pour utiliser différents types est 1er 1 être où il est préférable de faire deux types différents de familles. Donc, si vous avez ah, serif typographie pour le titre, alors vous devriez prendre une sans serif pour le contenu. En outre, juste un site dit que ceux de San Serif sont très bons pour les corps parce qu'ils sont plus faciles à consommer maintenant. Une autre chose que vous pouvez combiner sont l'humeur et l'époque. Donc, si vous avez des types modernes que c'est une bonne combinaison, ou si vous avez des types anciens, alors il serait également bon de les combiner pour les mettre ensemble, tandis que le genre de famille est quelque chose que vous avez à contraste aussi, le serif nous et attendez. Donc, en essayant de ne pas mettre des types trop serif ensemble et à San Serif types ensemble ce
fera et pas un si bon mélange. Essayez également d'éviter d'utiliser plus de trois typographie est en même temps, et quoi que vous
fassiez, s'il vous plaît éviter la typographie. Facilité BD fils Kristen apparaît Viner, Kroll et Symbole les sont la facilité de topographie qui ont été très surutilisés et qui ne sont pas vus est bon dans l'industrie. Donc tout le monde va penser que vous n'avez pas fait d'effort pour choisir la typographie de votre site Web. Donc, s'il vous plaît, gardez cela en compte.
18. Outils pour travailler avec la typographie: cette vidéo, je vais vous montrer un couple d'outils et de sites Web qui vont être très utiles pour vous lorsque vous travaillez avec la typographie est, et avec les téléphones juste adaptés, vous pouvez espionner quel type de typographie quelqu'un utilise ou vous pouvez simplement trouver une topographie différente est si vous connaissez déjà le nom et juste aller de l'avant et les télécharger. Le premier outil que je veux vous montrer est appelé ce que le fonds ou mes fonds et est un site Web où vous pouvez juste je télécharger des images, puis le logiciel va juste reconnaître immédiatement quel type de typographie est cette image en utilisant. Donc, si vous consultez un site Web que vous aimez vraiment, mais vous ne savez pas quel type de typographie ils utilisent, mais vous aimeriez l'utiliser pour votre site Web ou pour votre logo ou quoi qu'il soit, vous allez simplement sur ce site, et comme vous pouvez le voir, vous pouvez simplement glisser-déposer n'importe quelle image, ou vous pouvez simplement télécharger. Tout fichier est très facile à utiliser, puis il reconnaîtra immédiatement quel type de fonds utilisent. Il a également quelques recommandations et typographie, sorte que vous pouvez simplement cliquer autour et vérifier ce qu'ils ont, et je vais vous montrer juste ah exemples texte afin que vous puissiez juste aller de l'avant et écrire n'importe quoi et je vais vous montrer dans la facilité de typographie dans les recommandations. Comment serait-il collé à ressembler dans différents environnements afin que vous puissiez juste prendre autour et lettres
majuscules Ou juste C'est des lettres normales et écrire ce que vous voulez voir à quoi il ressemblait. Et puis vous pouvez aller de l'avant et télécharger le front. C' est très facile à utiliser. Il a également des offres. Il a beaucoup de choses, donc vous pouvez simplement cliquer autour, obtenir de l'inspiration, ou vous pouvez simplement l'utiliser pour savoir quel genre de typographie cela, votre image moitié une autre hors des fonctionnalités est que vous pouvez juste vérifier autour. Quel type de prix ces images ont-elles et téléchargées directement afin que vous puissiez simplement vérifier
lequel est gratuit et commencer ? L' outil suivant que je veux vous montrer est un site Web appelé Fonts Girl et, dit-il, joue très similaire à mes téléphones ou ce que le fonds, ou vous pouvez simplement trouver la facilité de typographie différente afin qu'ils les aient classés dans différentes catégories, et vous pouvez simplement aller à celle-ci si vous savez déjà quel genre de fonds vous voulez utiliser, ou quel est le style que vous vouliez pour votre typographie ? Ils ont également des fonctionnalités différentes, comme ils ont été classés par langues de sorte que vous pouvez simplement trouver l'arabe, chinois et différents types de caractères. Et celui de Justus, mon téléphone. Il a également un identifiant de fonds, donc cela fonctionne très similaire. Vous avez juste à télécharger l'image, puis ils reconnaîtront quel type de financement est, et puis vous pouvez juste aller de l'avant, chercher le nom et l'acheter. Donc, si vous vérifiez, ils ont aussi, comme, offres
récentes de fawn stop et beaucoup de fonctionnalités. Donc, vous avez juste à aller vérifier votre téléphone, puis cliquez dessus et immédiatement
vous rediriger vers le site Web, où vous pouvez simplement le télécharger ou l'acheter et ils devront prix afin que vous puissiez trouver
ceux gratuits . Ou si vous êtes vraiment prêt à donner plus, vous pouvez aussi le faire, et je veux vous montrer deux outils supplémentaires. Donc, le premier de ceux-ci est appelé le Phoné, où vous pouvez simplement trouver une topographie différente est et aussi les télécharger ou par eux. Donc, si vous allez sur leur site, ils auront déjà beaucoup de styles différents qui sont juste, hum, recommandés pour vous. Mais vous aurez aussi toutes les catégories et les sujets. Donc ils ont, genre, regards
différents, comme la topographie gothique est, ou les plus modernes. Et vous pouvez aussi simplement taper votre texte et prévisualiser comment il va ressembler à la justice, le même US Skrill, puis aller de l'avant et acheter Votre téléphone est très similaire. Et enfin, nous avons les deux derniers, qui s'appelle Sky Fonts, qui est un froid qui vous permettra d'espionner des fonds différents. Donc, si vous avez un site Web où vous aimez vraiment la typographie qu'ils utilisent, vous pouvez simplement aller de l'avant à ciel fonds
et installer l'application, et ils vous permettront d'espionner deux sites différents et la typographie qu'ils utilisent . Ils ont aussi beaucoup de choses que vous pouvez vérifier autour. Ils vous redirigeront aussi vers mon téléphone. Juste pour aller de l'avant et acheter différentes topographies est après que vous avez découvert lequel était celui que votre site Web utilisait. Ils ont des nouvelles. Ils sont devenus des spectacles de jour, des styles différents et ainsi de suite. Ainsi, vous pouvez simplement aller de l'avant et cliquer un peu de tour et vérifier les anciennes fonctions. Mais c'est vraiment cool, alors vous devriez vérifier.
Laura I., Senior Designer at BMW
