Besoin d'un tutoriel de conception de site Web? Utilisez ces 10 ressources impressionnantes

La conception de sites Web est une grande compétence à avoir - elle vous permet de créer votre propre site Web et peut être un excellent moyen d'accéder à une nouvelle carrière. Voici comment apprendre les bases.

La conception de sites Web est une grande compétence à avoir - elle vous permet de créer votre propre site Web et peut être un excellent moyen d'accéder à une nouvelle carrière.  Voici comment apprendre les bases.
Publicité

La conception Web est une grande compétence à avoir - non seulement elle vous permet de créer votre propre site Web, mais elle peut aussi être un excellent moyen d'accéder à une nouvelle carrière en tant que concepteur de sites Web. Vous aurez besoin de beaucoup de compétences pour le faire dans le monde du design web, cependant, du codage en HTML pour choisir les couleurs Comment choisir un schéma de couleur comme un pro Comment choisir un schéma de couleur comme un Pro Les couleurs sont difficiles. Il peut sembler assez facile de choisir une poignée de couleurs qui semblent bonnes ensemble, mais comme tout concepteur qui a passé des heures à peaufiner les nuances vous dira: c'est délicat. Lire la suite et les polices pour prendre des décisions de conception à l'échelle du site.

Cela peut être un peu écrasant, c'est pourquoi nous avons rassemblé cette liste de 10 ressources impressionnantes pour vous aider à apprendre les ficelles du métier. Des magazines en ligne gratuits au mentorat individuel, tout est là!

Ne crains pas Internet (gratuit)

ne-peur-internet

Commençons par les bases. Conçu comme un didacticiel de conception Web pour les non-techniciens, Do not Fear the Internet vous aide à surmonter votre peur du monde intimidant de la conception Web avec des leçons simples que tout le monde peut comprendre.

D'une explication de base de ce qu'est Internet qu'est Internet? Nous avons demandé à Google Suggest. Voici ce qu'il nous a dit. Qu'est-ce que l'internet? Nous avons demandé à Google Suggest. Voici ce qu'il nous a dit. Nous adorons Internet. Mais qu'est-ce que c'est exactement? Google Suggest est un aperçu de l'esprit de millions de personnes. Nous avons utilisé Google Suggest pour trouver exactement ce qu'est Internet. Voici ce que nous avons trouvé. En savoir plus, pour détailler les os d'un site Web, pour enseigner les techniques de mise en page, vous apprendrez les bases de la création d'un site Web dans un environnement très accueillant qui ne vous submergera pas d'informations techniques. Il comprend également une liste de certaines des ressources préférées des auteurs pour les webheads en herbe.

Introduction à la conception Web par Stone River eLearning (99 $)

intro-web-design

Si vous débutez en design web, ce cours de Stone River est un excellent point de départ. Il commence par aborder les piliers les plus basiques de la conception Web avec des conférences comme «Qu'est-ce que CSS et HTML?», «Introduction à la mise en page du document» et «Lier dans une feuille de style». cela sera utile dans un vrai site Web, comme les formulaires et les boutons, et se termine par un projet final: la construction d'un site web.

Vous en apprendrez davantage sur les systèmes de grille et la conception réactive, deux éléments importants dans la conception Web moderne. Avec 34 conférences, totalisant plus de 7, 5 heures d'instruction, vous passerez du débutant total à l'amateur sans dépenser une fortune.

Treehouse (29 $ / mois)

treehouse-catégories

Ce service d'abonnement ressemble à beaucoup d'autres sites d'apprentissage vidéo en ligne, mais il propose un ensemble de cours liés au design Web, notamment HTML, CSS, JavaScript, PHP et un autre entièrement consacré à la conception Web. Il y a aussi beaucoup d'autres domaines que vous pouvez apprendre, comme le développement de jeux, le langage Swift d'Apple Les meilleurs endroits pour apprendre Swift, la langue de programmation d'Apple Les meilleurs endroits pour apprendre Swift, la langue de programmation d'Apple Si vous voulez apprendre Swift, il est temps de Plongez dans. La langue a un brillant avenir et plus vite vous l'apprendrez, plus tôt vous serez en mesure de récolter les fruits. Lire la suite, et même les compétences en affaires.

Si vous cherchez à en savoir plus sur la conception de sites Web, mais aussi sur le codage et le développement en général, cela pourrait être un très bon investissement.

SitePoint (9 $ / mois, facturé annuellement)

sitepoint

Un autre service d'abonnement, SitePoint vous offre non seulement des vidéos, mais aussi des livres électroniques. Il y a un certain nombre de chemins qui intéresseront les concepteurs de sites Web débutants, y compris les chemins sur la conception, le développement, CSS et JavaScript. Le site est plus petit que de nombreux autres fournisseurs similaires, mais il se développe rapidement, avec de nouvelles versions chaque semaine.

Les vidéos de conception actuelles incluent «Créer des interactions élégantes (mais faciles) à l'aide de Sketch & Atomic.io», «15 étapes pour une meilleure utilisabilité (et des utilisateurs plus heureux)» et «Quel est le plus important dans la conception: Images ou texte? également presque imbattable pour un service d'abonnement.

Tuts + Web Design (gratuit)

tuts-web-design

Composée d'un certain nombre de vidéos gratuites couvrant une grande variété de catégories (HTML, CSS, théorie du design, design d'interface utilisateur, etc.), la section Tuts + Web Design est un excellent endroit pour approfondir vos connaissances sur les concepts de design web.

Une grande partie de l'information est plutôt avancée, il sera donc utile d'avoir une bonne compréhension des bases en premier. D'un autre côté, si vous voulez sauter dedans avec les deux pieds, ce serait l'endroit pour le faire. Ne manquez pas les guides d'apprentissage, qui fournissent des informations utiles sur un domaine spécifique de la conception web. Et si vous voulez voir comment prendre des conceptions Web du début à la fin, consultez la section Sites Web complets.

Smashing Magazine (gratuit)

smashing-magazine

Ce magazine en ligne comporte des sections sur le codage, la conception Web, le mobile, les graphiques, l'expérience utilisateur et WordPress, ce qui vous permet d'acquérir une quantité considérable d'informations pertinentes pour concevoir un site Web ici. Beaucoup de ce qui est publié plaira le plus aux concepteurs intermédiaires, mais il y a beaucoup de choses que vous pouvez apprendre si vous débutez.

Smashing publie également un certain nombre de livres, et vous pouvez les obtenir en format électronique - vous pouvez vous abonner à la bibliothèque entière pour 99 $ par année et avoir accès à tous leurs livres électroniques sur divers sujets, du design réactif à la façon de courir une entreprise de conception de sites Web.

Une liste à part (gratuit)

liste-apart

Un autre magazine en ligne, A List Apart couvre la plupart des sujets que vous devez savoir non seulement pour le web, mais pour écrire du code côté serveur, développer une stratégie de contenu, gérer des projets et garder un œil sur l'industrie. La section Design est pleine de réflexions utiles de la part des concepteurs, et la section Coding vous aidera à peaufiner vos compétences HTML, CSS et JavaScript.

Transformer n'importe quel site en site réactif (gratuit)

rendre-site-sensible

La réactivité, c'est-à-dire la capacité d'un site à s'afficher différemment en fonction de l'appareil qui le visualise, est idéale pour améliorer la lisibilité de votre site Web et devient rapidement un élément incontournable de l'augmentation de la navigation mobile.

Ce tutoriel vous explique comment faire les ajustements nécessaires à votre site pour le rendre réactif, et inclut une liste de ressources utiles, comme les plugins WordPress Les meilleurs plugins WordPress Les meilleurs plugins WordPress Lire la suite et les bibliothèques jQuery, pour vous aider à créer votre site regarde encore mieux.

Construire des sites Web réactifs du monde réel avec HTML5 et CSS3 (199 $)

réactif à la construction

Ce cours vidéo sur Udemy est axé sur la conception et le déploiement de sites Web géniaux; Vous apprendrez les bases du HTML et du CSS. Apprendre le HTML et le CSS avec ces didacticiels étape par étape. Apprendre le HTML et le CSS avec ces didacticiels étape par étape. Vous êtes curieux de l'HTML, du CSS et du JavaScript? Si vous pensez que vous avez un talent pour apprendre à créer des sites Web à partir de zéro - voici quelques tutoriels étape par étape qui valent la peine d'être essayés. Lire la suite, comprendre la mise en page et la conception de pages accrocheuses, travailler avec des images et des icônes, ajouter des effets sympas, utiliser des principes réactifs, en apprendre davantage sur l'hébergement Web, et créer un site Web complet à partir de zéro.

En bref, il vous faudra d'avoir aucune connaissance pour pouvoir créer un site Web et le mettre sur Internet pour partager avec le monde. 79 conférences qui durent 11, 5 heures vous donneront à peu près tout ce dont vous avez besoin.

Mentorat de circuits HTML, CSS et Web Design (1 250 $)

général-assemblage-web-design

Pour vraiment améliorer vos compétences rapidement, vous devrez travailler avec quelqu'un qui sait ce qu'ils font. Comment utiliser Twitter pour rechercher des mentors dans votre domaine d'intérêt Comment utiliser Twitter pour rechercher des mentors dans votre domaine d'intérêt Dans le monde réel, un mentor est un enseignant sage qui soutient et guide quelqu'un, et les aide à maximiser leur potentiel. Dans le monde en ligne, vous seriez très chanceux de trouver quelqu'un qui ... Lire la suite, vous aurez du temps en tête-à-tête avec un professionnel expérimenté, et tout apprendre du HTML et CSS à la théorie des couleurs Théorie en moins d'une heure Comment apprendre la théorie des couleurs en moins d'une heure La connaissance de base de la théorie des couleurs peut faire la différence entre une esthétique «amateur» et une esthétique «professionnelle» - et elle ne tarde pas à apprendre. Lire la suite et les principes de mise en page. C'est une option coûteuse, mais il n'y a pas de meilleure façon d'augmenter vos compétences rapidement.

Il s'agit d'un cours de 10 semaines, donc vous y consacrerez pas mal de temps, mais il n'y a pas de pré-requis, donc n'importe qui, peu importe son niveau de compétence, peut s'inscrire.

Apprendre du meilleur

Que vous débutiez ou que vous créiez des pages depuis des années, vous trouverez dans cette liste de ressources quelque chose qui vous aidera à mieux vous adapter à ce que vous faites. Ne pas oublier de regarder ces superbes chaînes YouTube de conception Web Voulez-vous apprendre Web Design? 7 chaînes YouTube pour vous lancer Voulez-vous apprendre le Web Design? 7 Chaînes YouTube pour vous mettre en route YouTube propose des milliers de vidéos et de chaînes pour les débutants en conception Web. Ici, nous regardons quelques-uns des meilleurs pour commencer. Lire la suite et les blogs 6 meilleurs blogs de conception de sites Web à suivre 6 meilleurs blogs de conception de sites Web à suivre Lire la suite, aussi. Il n'y a pas de moyen facile d'apprendre tout ce que vous devez savoir sur le vaste monde du design web, mais savoir où trouver de l'aide quand vous en avez besoin peut faire une grande différence. Rappelez-vous, comme tout, la conception de sites Web demande beaucoup de pratique et de patience. Maintenant, allez-y!

Quelles sont les meilleures ressources de conception Web que vous avez rencontrées? Avez-vous trouvé l'un d'entre eux particulièrement utile? Partagez vos favoris ci-dessous!

In this article