Introduction

Vous retrouverez ici tous les outils gratuits ou payants dont vous pourriez avoir besoin afin d’agrémenter votre site Web par des :

  • Photos,
  • images vectorielles,
  • pictogrammes,
  • vidéos,
  • musiques, sons,
  • Style de Fonts
  • …

mais aussi des outils:

  • d’éditions simple d’image en ligne ou à installer sur votre ordinateur Mac ou PC.
  • de colorimétries
  • d’infographies
  • d’édition de pages
  • …

En fait si vous cherchez bien sur internet, il y a en beaucoup de disponible, mais je vous épargne ici des heures de recherches et surtout vous propose les sites Web de références ainsi que de qualité.

Comment rechercher efficacement sur ce genre d’outils essentiellement en ligne:

Ces différents outils sont composés à peu près de la même manière, une fois que vous êtes sur l’un d’entre eux, il propose tous un moteur de recherche plus ou moins efficace, n’hésitez pas à rechercher via des mots clés en anglais, même sur les sites français, car les résultats risque d’être plus pertinent.

Outils Gratuit :

Vous recherchez pour votre site Web des :

Photos et Images Vectorielles d'illustrations

  1. pixabay, aussi en français
  2. Pexels
  3. UnSpalsh, photos différentes et de qualité
  4. StockSnap
  5. Gratisography, attention il pousse à aller sur Shutterstock, la référence payante
  6. FreeImages, aussi en français
  7. VisualHunt
  8. finda.photo
  9. freepik, images vectoriels
  10. freepik, photos

Pictogrammes

  1. Icons8, aussi en français
  2. Noun Project, très complets
  3. Icofont, 2105 icônes gratuites (*)
  4. freepik « icones », 99 458 icônes gratuite
  5. Il peut être intéressant d’obtenir des visuelles et pictogrammes homogène, vous en trouverez ici régulièrement et ce gratuitement : SmashingMagazine
  6. Suivant le Thème WordPress que vous choisirez, certains inclus des banques impressionnantes d’icônes vectorielles, ce qui a un gros avantage: l’homogénéité du visuel de votre site Web.

(*) découvert grâce au blog bien connu de Korben.info, Geek entre les Geek et propose toujours une bonne astuce.

Videos

  1. Montage Vidéo
    1. Adobe Spark
  2. banques de vidéos
    1. Coverr
    2. Videos Pexels
    3. videvo

Edition d'images en ligne

Edition rapide en ligne de vos images (il faut une connexion internet)

  1. Pixlr
  2. Canva
  3. PicMonkey
  4. Fotor
  5. Fotoramio

Intégration et mise en forme de vos visuels, illustrations

Par exemple de votre site Web à l'intérieur d'un écran mais aussi de terminaux mobile (iOS, Androiod, Tablet...)

  1. PlaceIt
  2. MockUp
  3. Mockups Jar
  4. si vous préferez retoucher directement des MockUp au format .PSD (Photoshop) gratuits ce site est fait pour vous comme par exemple des mockup de l’iPhone 6

Retouche Photo

Edition et optimisation taille/poids de vos images (logiciels à télécharger)

  1. Fotor, pour Mac, Windows (7, 8.x, 10 et via Tuile (Windows style 8)) et même pour iOS et Android. Rapide, efficace dans le recadrage et permet aussi de retailler le poids des images pour votre site Web.
  2. ImageOptim: optimisation des images pour votre site Web
  3. PicPick: que sur PC (ils ont une version Portable), mais redoutablement efficace pour copier/coller, retailler, pipette pour jouer avec les couleurs …

Génération de Favicon

S'est une petite icône qui vient se placer devant votre URL (lien) dans votre navigateur favoris

  1. favicon generator; à partir de votre logo ou d’une image, il génère votre Favicon
  2. Real Favicon Generator
  3. Favicon CC
  4. FavIcon IO; à partir d’un texte ou des initiales
  5. Favic-o-matic
  6. GenFaviCon

Choisir ses Fonts

  1. Google fonts
  2. Font Squirrel
  3. Free Font Library
  4. ShareFont, Free
  5. Adobe Edge Web Fonts, il faut l’extension WordPress Adobe TypeKit

Gestion des Couleurs

  1. Convertisseur de code couleur HTML, RVB et Hexadécimal
  2. Convertisseur, Français de code couleur HTML, RVB et Hexadécimal
  3. Code Couleur, pas mal mais il y a de la pub
  4. Color.Adobe Harmoniser les couleurs de votre site Web
  5. COLOUR lovers palettes,
  6. 0 to 255 outils simple permettant de trouver les couleurs sombres et claires associé à une couleur choisi

Dans un autre style, Google a lancé récemment le service AutoDraw qui permet de créer vos propres visuels ou déjà réaliser par une communauté d’artistes : AutoDraw Artists

Impression, carte de visites

Et pour imprimer vos designs (Logo,…) pour faire vos cartes de visites, entêtes de documents officiels , Powerpoint…

Dans un autre registre:

Outils Payant mais ayant des équivalents gratuit ou Open Source :

  1. Edition d’images, photos

    1. Adobe Photoshop que l’on peut remplacer par The Gimp disponible sur Mac, Windows et Linux

     

  2. Logiciel permettant l’édition de d’image vectorielle

    1. Adobe Illustrator que l’on peut remplacer par INKSCAPE disponible sur Mac, Windows et Linux

     

  3. Logiciel permettant l’édition de pages (PAO) pour une plaquette par exemple

    1. Adobe InDesign que l’on peut remplacer par Scribus disponible sur Mac, Windows et Linux

Conclusion

Voilà j’espère que cette liste d’outils, services cloud vous permettra d’avancer convenablement dans le design de votre site Web Internet ou Intranet.

Comme toujours, si vous avez des questions, n’hésitez pas à m’en faire part :

Comment Puis-je vous informer