mot-cléwebdesign

10 outils indispensables pour créer vos palettes de couleur

Palettes couleur

Découvrez notre sélection d’outils gratuits pour créer des palettes de couleurs uniques 😀

C’est une étape importante dans la conception de vos supports web et print.
Grâce à ces générateurs de palettes, vous pourrez choisir un nuancier cohérent et accessible aux daltoniens. Vous aurez également la possibilité de créer des palettes de couleurs à partir de vos images préférées.

 

Continuer la lecture

(3136)

12 extensions Chrome à ne pas rater pour les webdesigners et développeurs

Voici une nouvelle sélection d’extensions Chrome qui vous permettront de gagner un temps précieux dans vos prochains projets web. Elles vous serviront à différentes étapes de votre projet : dans les phases de design, de développement, de tests et d’optimisation du référencement. 

Vous trouverez d’autres ressources et outils pour vous aider dans cette précédente sélection également.

Continuer la lecture

(8763)

13 ressources et outils gratuits, ultra-pratiques, pour (web)designers

Cette collection d’outils pour designers et web designers rassemble quelques pépites ! Vous y trouverez notamment de quoi augmenter la taille de vos images, créer des arrières-plan accrocheurs pour vos sites, rendres vos mockups plus réalistes grâce à des avatars, créer des dégradés CSS qui correspondent 100% à ce que vous avez en tête, … et bien d’autres choses ! 
Continuer la lecture

(3239)

6 outils gratuits pour tester un site web responsive

Aujourd’hui, tout site se doit d’être responsive.

Un site « responsive » s’adapte automatiquement au format de l’appareil sur lequel l’utilisateur le consulte. Cela demande un travail supplémentaire, mais nécessaire quand on considère qu’en juin 2017, 56% des visites de site étaient réalisées via mobile, 30,5% via ordinateur et 13,5% via tablette (selon Médiamétrie).

Pour que l’expérience utilisateur soit réussie, vous devez notamment tester les différentes pages de votre site sur l’ensemble des 3 grandes familles d’appareils  : ordinateur, tablettes, smartphones …

Les outils gratuits sélectionnés dans cet article font partie des plus rapides et faciles à utiliser pour avoir un aperçu du rendu de votre site sur une multitude de supports et de dimensions. Ils vous permettront de tester les qualités responsive de votre site mais aussi de pouvoir obtenir rapidement un aperçu global du rendu final sur différents supports en quelques clics.

Continuer la lecture

(3704)

23 templates PSD gratuits de sites web (à télécharger) 

image-templates-psd-site2

Ces templates PSD gratuits de sites pourront vous servir d’inspiration ou être la base de vos prochaines créations. Ils vous feront gagner du temps et peut-être même découvrir de nouvelles façons de faire en matière de web design !

Vous trouverez plusieurs types de sites internet dans la sélection qui suit : site portfolio, site d’agence, site e-commerce, magazine, site one-page, site en grille, site e-sport.

Vous souhaitez développer vos compétences dans le design de site web ? Découvrez nos tuto web design !

Continuer la lecture

(12022)

Interfaces mobiles : 25 packs de templates gratuits à exploiter

image-kits-ui

Les graphistes et webdesigners parmi vous trouveront leur bonheur parmi ces 25 packs de templates d’interfaces mobiles !

Combinant des styles différents, ce sont littéralement des centaines de modèles d’interfaces qui sont à votre disposition. Vous y trouverez des interfaces assez généralistes, d’autres spécialisées pour des apps de fitness, de cuisine, de mode, de messagerie. 

Certains kits comprennent plusieurs types d’écrans, d’autres sont spécialisés sur les écrans de connexion ou de paiement par exemple et tous sont disponibles sur Photoshop et/ou Sketch.

Si vous souhaitez booster vos compétences en matière de design d’interface, jetez un oeil à nos tutos de webdesign.

Continuer la lecture

(10311)

11 extensions Chrome indispensables pour les designers et webdesigners

image-extensions-webdesigners2
Les 11 extensions Chrome qui suivent rendront votre quotidien de designer et webdesigner plus simple et plus agréable !

Elles vous éviteront des tâches répétitives, elles simplifieront des actions parfois complexes et elles vous feront gagner, chaque jour, des dizaines de précieuses minutes.

Si cette idée vous plait, scrollez pour découvrir les 11 extensions Chrome qui deviendront bientôt indispensables dans votre quotidien de (web)designer !

Vous voulez booster vos compétences et apprendre à créer des sites web encore plus esthétiques et agréables ? Découvrez nos tuto webdesign !

Continuer la lecture

(5428)

31 packs d’icônes gratuits (vraiment) excellents

image_pack_icones

Voici une sélection de 31 packs d’icônes gratuits qui se démarquent par leur qualité de la foule d’icônes qu’on peut trouver sur internet.

Vous en trouverez sur différents thèmes : business, sport, camping, météo, devices  … mais aussi de plus classiques autour des réseaux sociaux et de l’UI/UX par exemple !

Je suis sûre que vous pourrez au moins en dénicher quelques-uns dignes d’intégrer vos ressources et vos projets !

Continuer la lecture

(7550)

22 pages 404 parmi les plus créatives du web

image_pages_404

Quand un visiteur arrive sur une page 404, deux choses peuvent se produire : soit il est frustré d’être tombé sur une page d’erreur triste et ennuyeuse, soit il est surpris de découvrir une page drôle, créative, amusante (… et parfois un peu étrange).

On remarque quelques points communs entre les 22 pages 404 sélectionnées ici ! Elles font toutes au moins d’une de ces 5 choses :

  1. Miser sur un visuel accrocheur
  2. Faire sourire
  3. Montrer une culture commune
  4. Raconter une histoire
  5. Sortir des sentiers battus

… Autant de pistes à explorer si vous souhaitez donner du punch à la page 404 de votre site web !

 

Continuer la lecture

(4692)

18 outils CSS utiles et extrêmement simples à essayer dès maintenant

image_outils_css

Cette série de 18 outils web vous sera utile la prochaine fois que vous travaillerez avec CSS. Elle devrait vous éviter quelques tâches parmi les plus chronophages et les moins agréables :

  • Création de menus, d’animations, d’icônes.
  • Nettoyage de votre CSS.
  • Calcul et conversion de dimensions.
  • Prévisualisation de vos polices d’écriture.
  • Conversion de SVG en polices d’icônes.

… et quelques autres ! À découvrir, à essayer dès maintenant et mettre dans vos favoris pour vous aider pendant votre prochaine période de rush !

Continuer la lecture

(15552)