La conception d’un site web n’est plus un processus aussi difficile et laborieux. Avec l’essor des communautés en ligne et des nouvelles technologies Web, le concept est désormais simplifié et facile à gérer. Vous pouvez choisir de travailler avec une vaste gamme de logiciels locaux et en ligne. Il existe un nombre infini de ressources que vous pouvez utiliser pour vous informer sur les nouvelles tendances en matière de conception de sites web.

Toutefois, étant donné que nous disposons tous de la liberté d’information sur le web, il est facile de s’encombrer d’informations non pertinentes, répétitives ou étonnamment ennuyeuses. Voici une liste de ressources en ligne précieuses où vous pourrez étudier la conception de sites web et suivre les dernières tendances.

1. Lynda

Pour un concepteur web débutant, lynda.com devrait devenir cette petite voix dans la tête qui répond à toutes vos questions. Vous y trouverez de nombreuses ressources pertinentes pour le créneau de la conception. Lynda.com propose un très grand nombre de cours en ligne qui peuvent être filtrés en fonction du sujet, du logiciel que vous utilisez et de votre niveau de compétence. Actuellement, il y a plus de 23 000 tutoriels vidéo sur la conception en général. Les frais d’adhésion s’élèvent à 25 dollars par mois.

2. la Maison de l’arbre

TreeHouse est également un site web basé sur des tutoriels vidéo. Les tutoriels vidéo sont produits par des professionnels et couvrent tous les aspects de la conception et du développement de sites web. TreeHouse dispose d’une interface conviviale et la navigation sur le site est aisée. Ce site web demande également une cotisation mensuelle de 25 $ pour un abonnement de base.

3. le magazine Smashing

Le magazine Smashing est l’endroit où vous pouvez découvrir les dernières tendances en matière de développement et de conception de sites web. Le contenu du site web est rempli d’informations pertinentes et actualisées concernant les dernières idées de conception et les logiciels nécessaires à leur réalisation. Il s’agit d’une source d’informations précieuses sur les techniques et les approches de conception frontale.

4) SitePoint

Il s’agit d’une société australienne très populaire qui vend des livres sur la conception et le développement de sites web. Son site web est rempli de tutoriels utiles et gratuits liés à la conception de sites web. Le contenu de SitePoint est adapté aux utilisateurs avertis, il est donc recommandé d’avoir des connaissances de base sur le sujet avant d’aborder ce site web.

5) Webdesigntuts+ (en anglais)

Tuts+ est un projet lancé par Envato, avec l’idée d’aider les designers et les développeurs. Sur ce projet, les utilisateurs partagent, discutent et améliorent leurs compétences. Webdesigntuts+ peut être considéré comme un « rassemblement sacré » des esprits les plus brillants dans le domaine de la conception et du développement de sites web commerciaux. Vous y trouverez un grand nombre de tutoriels utiles, étape par étape, qui rendent certaines techniques difficiles beaucoup plus faciles à assimiler.

6) Konigi

Visitez Konigi pour trouver des nouvelles, des ressources et des outils pour la conception d’interfaces utilisateur sur le web. Vous y trouverez des références aux guides de style des sites web de grandes entreprises, ainsi que des lignes directrices et des normes éditoriales et de qualité. L’une des références les plus populaires est le guide de style de la BBC.

7) UXBooth

Vous y trouverez toutes les ressources et informations nécessaires relatives à l’expérience utilisateur, de la conception de l’interface et du contenu à l’analyse et aux stratégies. Vous y trouverez également la philosophie qui se cache derrière tout cela. UXBooth est recommandé aux concepteurs de sites web, qu’ils soient nouveaux ou expérimentés.

8) Stack Overflow

Stack Overflow est un site web basé sur des questions-réponses recommandé pour les utilisateurs plus expérimentés. La conception et le développement de sites web ne peuvent se faire sans codage, donc si vous êtes bloqué sur quelque chose, Stack Overflow est le meilleur endroit pour chercher une réponse.

9) W3Schools

Vous y trouverez tous les codes nécessaires ainsi que divers exemples et utilisations. Il s’agit d’éléments tels que les marges, les lignes, les options de typographie, etc. Il s’agit, de loin, de la plus grande bibliothèque de codes sur le web, et d’un endroit où chaque morceau de code gênant peut être trouvé, défini et testé.

10) Sidebar.io

Sidebar vous propose chaque jour cinq liens vers des sujets très pertinents et nouveaux dans le domaine de la conception. Plutôt que de cliquer sur un lien dans vos signets, vous pouvez vous abonner à Sidebar et recevoir une lettre d’information quotidienne.

11) Niice

Niice est un moteur de recherche sur le design. En fonction de votre recherche, il extrait des ressources de Dribbble, Behance et Designspiration et les rassemble dans une grille. C’est une ressource parfaite pour ceux qui manquent d’inspiration.

12) Creattica

Creattica est un autre projet développé par Envato. Il s’agit d’une galerie d’inspiration où vous pouvez trouver les meilleurs et les plus récents travaux de photographes, d’artistes et de designers du monde entier. C’est un endroit idéal pour aller quand vous manquez de créativité, et c’est une source puissante d’informations sur les dernières tendances en matière de design.

13. le placer

Vous connaissez toutes ces images de personnes tenant des téléphones, des tablettes et des ordinateurs portables sur lesquels figurent diverses images de produits ? Au lieu de perdre du temps à télécharger des images, à les recadrer, à les incliner et à les redimensionner, vous pouvez simplement utiliser cet outil en ligne et créer les vôtres en quelques minutes.

14) CompFight

Compfight est un moteur de recherche d’images qui extrait des ressources de Flickr. Trouvez une image adaptée à la conception de votre page web, puis téléchargez-la. De nombreuses images sont gratuites, mais certaines sont payantes, en fonction des droits d’auteur.

15. tableau des couleurs dans les cultures

Il s’agit d’une information importante pour tout concepteur de site web. En fonction du concept de votre site web et de la situation géographique de votre public cible, vous pouvez utiliser ce tableau pour choisir la meilleure palette de couleurs.

16. code couleur

Il s’agit d’un outil en ligne qui vous aidera à générer une chaîne hexadécimale de code couleur. La sélection des couleurs est l’un des processus les plus courants dans la conception de sites web. La mise en signet de cette page vous permettra de choisir facilement la bonne couleur pour vos éléments web.

17. les dimensions

Dimensions est une extension Google Chrome utile qui vous aidera à visualiser votre page web sur différents appareils, qu’il s’agisse de petits téléphones portables et de tablettes ou d’ordinateurs portables et de PC dotés d’écrans de grande taille. Pour ce faire, il vous suffit de redimensionner la fenêtre de votre navigateur, mais cette extension vous permet d’utiliser des dimensions prédéfinies et couramment utilisées pour presque tous les modèles et types d’appareils.

18. boutons

La création de boutons web est techniquement facile. Toutefois, il s’agit d’un processus qui peut être complètement évité. Au lieu de concevoir un seul bouton à partir de zéro et de perdre trop de temps sur les détails, vous pouvez simplement utiliser cet outil Web pour créer, concevoir et personnaliser des boutons. Vous pouvez également choisir un bouton prédéfini dans la liste et le télécharger.

19. manuel des icônes

Vous pouvez utiliser le Manuel des icônes comme référence pour connaître les dimensions des icônes telles qu’elles apparaissent sur différents appareils, qu’il s’agisse de petits appareils dotés d’un écran rétina, d’ordinateurs portables ou d’ordinateurs personnels. Déterminez la taille des icônes en fonction du type de navigateur ou de système d’exploitation. Icon Handbook vous aidera à élargir votre liste de ressources, rendant ainsi la conception de votre site web complètement réactive.

20) Freebiesbug

Il s’agit d’une ressource précieuse pour tous les concepteurs de sites web. Vous pouvez y trouver presque tous les éléments, fonctions ou caractéristiques dont vous avez besoin pour votre conception, des éléments Photoshop aux codes, en passant par tous les plugins nécessaires au fonctionnement de ces éléments.

21. la police de caractères

What the Font est un outil en ligne gratuit qui permet de découvrir le type de police. Au lieu de contacter les administrateurs ou les concepteurs de sites web pour leur demander de nommer la police qui a attiré votre attention, il vous suffit de découper une image, de la télécharger et d’attendre les résultats. Il n’existe aucun moyen précis de savoir quelle police a été utilisée sur une page spécifique, mais cet outil a un taux de précision de 85 %.

22. écureuil de la police

Vous pouvez y trouver des polices de tout type, pour tout texte prévu sur la page web, et les télécharger gratuitement. Le site propose de nombreux filtres pour vous aider à trouver celle qui convient à votre page web.

23. type Wonder

Avec Type Wonder, vous pouvez essayer de nombreux types de polices sans avoir à les modifier dans le code. Il vous suffit de saisir l’URL, de choisir le type de police que vous souhaitez essayer et de laisser la magie opérer. Si vous êtes satisfait de ce que vous voyez, récupérez le code et copiez-le dans l’élément de texte de votre choix.

24) Lipsum

Le Lorem Ipsum est un texte fictif, généralement utilisé pour remplir l’espace réservé au contenu textuel. Il est visuellement plus adapté à la présentation que l’habituel « Texte ici », n’est-ce pas ? Avec cet outil, vous pouvez générer un texte aussi long que vous le souhaitez pour votre page d’exemple.

25. créateur d’IM

Il s’agit d’un constructeur de site web gratuit avec des tonnes de modèles de sites web et d’éléments de pages web. La meilleure partie d’IM Creator, c’est que tout se fait par glisser-déposer. Vous pouvez tester vos compétences ici, vous entraîner avec différents designs et même créer vos propres exemples de design de site web, que vous pouvez utiliser pour booster votre portefeuille de départ. Vous pouvez créer des sites Web entièrement autonomes avec un domaine enregistré, mettre en pratique vos compétences et vos idées sur ce site, puis l’utiliser pour présenter votre travail.