Outils

Tous les outils du MMI

En tant qu’étudiant en DUT MMI, il est nécessaire d’avoir la panoplie complète des meilleurs outils et gadgets que t’offrent le web, et qui plus est, gratuitement ! C’est pourquoi nous avons recensé pour toi des dizaines et des dizaines d’outils indispensables, et qui te serviront à coup sûr, que tu sois spécialisé en graphisme, développement web, audiovisuel ou webmarketing !



Liste d'outils pour le design graphique

La liste qui suit est une collection d'outils gratuits et indispensables pour la création graphique comme des palettes de couleurs, des outils pour la typographies, des flux de veille graphiques, etc ...

Aboard
Un outil de veille graphique pratique qui récupère plusieurs flux RSS tels que Dribbble ou SerialThriller.
Adobe Color CC
Adobe Color CC est un outil du Creative Cloud, gratuit, qui permet de composer et partager des palettes de couleurs.
ArtStation
Un outil de veille graphique qui combine à la fois des offres d'emploi et un blog.
Beautiful Pages
Un Tumblr pour faire de la veille graphique sur le webdesign.
Behance
Behance est un réseau social de créatifs aujourd'hui géré par la société Adobe. C'est un très bon outil pour montrer ton portfolio et faire de la veille graphique.
BrandColors
BrandColors est une gigantesque palette de couleur qui collectionne les codes couleur des plus grandes marques.
Canva Infographics
Canva est un outil gratuit et très simple d'utilisation pour créer des visuels à diffuser sur internet et sur le print. Récemment, ils ont complété leur outil en y intégrant des templates pour réaliser des infographies. Très facile à utiliser, il se base sur un système de "Drag and Drop". Tu peux créer une multitude de visuels, des templates existent pour tout : couvertures Facebook, flyers, posters... En seulement 2 ans, ils comptent plus de 17 millions d'utilisateurs. Tu as déjà testé ? Tu en penses quoi ? Nous on adore.
Capptivate
Un outil de veille graphique pour les designers d'application mobile qui regroupe des centaines d'idées d'animations pour tes interfaces.
Color by Hailpixel
Color est une application web développée par Devin Hunt aka Hailpixel, où la totalité de ton écran deviens la palette de couleurs.
Color Hunt
Des palettes de couleur pour ton inspiration et récupère le code hexadécimal de chaque couleur en un clic !
colourco.de
Cet outil te permet de composer de manière ludique tes palettes de couleurs.
COLOURLovers
Une galerie de palettes de couleur et d'images colorées pour les amoureux des mélanges de couleur.
Cookicons
Une collection d'icônes dans le style d'Android Lollipop pour ton inspiration graphique.
Coolors
Un générateur de palette de couleur gratuit.
CopyPasteCharacter
Un outil pour ceux qui ne connaissent pas les raccourcis clavier des caractères et symboles cachés du clavier.
Coverjunckie
Coverjunckie est un site de veille graphique sur la thématique des unes de magazine.
Design Seeds
Une galerie de palettes de couleur créée à partir d'images.
DesignersMX
Ce site permet de faire de la veille graphique sur les pochettes d'album CD.
DeviantArt
DeviantArt est une communauté de designers graphiques en tout genre (illustration, UI Design, etc ..) et un bon site pour faire de la veille graphique.
Dribbble
Dribbble est un réseau social de designers. C'est un très bon outil pour montrer ton portfolio et faire de la veille graphique.
Dsgnme
Un galerie d'image Tumblr pour ton inspiration graphique.
Flat UI Colors
Une palette de couleur basée sur les couleurs utilisées dans la tendance du flat design.
Font Pair
Un outil pour créer des couples de typographies à partir des Google Fonts.
FontFaceNinja
FontFaceNinja est un outil qui permet de détecter les typographies utilisées sur un site web.
FontPalace
Télécharge des fonts gratuites.
Fount
Fount est un outil gratuit qui se place en glisser-déposer dans ta barre de favoris et qui te permet de détecter facilement quelle typographie est utilisée sous ta souris.
FourZeroFour
Un Tumblr d'inspiration sur les pages 404.
From Up North
Un site de veille pour ton inspiration dans tous les domaines de la création graphique (motion design, illustration, webdesign, lettering, etc ...).
Frontify
Un outil gratuit pour obtenir et partager la charte graphique de sites web.
GameUI
GameUI est un site asiatique d'inspiration d'interface et éléments graphiques pour les jeux vidéos.
Gimp
Gimp est un logiciel gratuit de manipulation d'image.
Graphiline
Un blog d'actualité en français sur la création et les arts plastiques.
Gridulator
Gridulator est un outil pour calculer la largeur de colonnes et de tes gutters sur tes grilles responsive selon sa largeur et le nombre de colonnes.
Iconcrafts
Un outil en ligne pour construire ses propres icônes et pictogrammes et les télécharger gratuitement.
Iconsfeed
Un outil de veille pour des icônes pour applications iOS.
Inspiration Hut
Chaque jour de l'inspiration graphique pour ta veille et des ressources à télécharger.
InspirationDE
Un outil de veille graphique qui affiche un mur d'image façon Pinterest.
Inspired UI
Un Tumblr d'inspiration graphique sur les interfaces d'applications mobile.
iOS Icon Gallery
Ce site est un galerie qui regroupe un grand nombre d'icônes d'application iOS.
iOS Resolution Reference
Ce site dresse la charte des résolutions des derniers terminaux d'Apple.
Little Big Details
Un Tumblr d'inspiration graphique en design d'interface.
Logo Faves
Un galerie de logos pour ton inspiration graphique.
Logo Of The Day
Site de veille graphique qui récompense les meilleurs logos.
Logopond
Site de veille graphique sur les logos.
Logospire
Site d'inspiration graphique pour le design de logo.
LogoTalkz
Un site d'inspiration graphique pour la création de logos.
Lookback
Lookback est une application mobile qui permet d'enregistrer les expressions du visage des utilisateurs de tes interfaces mobiles.
Marvel
Marvel est une plate-forme gratuite qui permet de prototyper graphiquement des applications mobiles et web.
Material Design Palette Generator
Un générateur gratuit de palette de couleur sur les principes du Material Design.
Material Mixer
Un outil pour composer ses palettes de couleur pour des projets en Material Design.
Material Palette
Un outil pour composer et prévisualiser ses couples de couleur dans des projets Material Design.
Material UI Colors
La palette de couleur utilisée pour les interfaces en Material Design.
MaterialUp
MaterialUp est un site lancé par Matt Aussaguel pour faire de la veille sur les tendances du Material Design.
Minions Ipsum!!
Un outil pour générer du faux texte en langage Minions.
Mobile Design Inspiration
Une galerie d'image sous Tumblr pour ton inspiration graphique en design d'application mobile.
Mobile Design Inspiration
Un Tumblr pour faire de la veille graphique sur le design d'application mobile.
Moqups
Moqups est un outil pour créer rapidement des wireframes d'interface utilisateur.
MoviePoster.com
Une large collection d'affiches de film pour ton inspiration graphique.
Napkin
Napkin est une application iOS pour réaliser des wireframes d'application mobile.
Niice
Nice est un moteur de recherche et également une application web qui permet de créer des moodboards à partir d'un flux d'image provenant de différentes sources d'inspirations.
NoJPEG
Un site en anglais pour argumenter l'inutilisabilité des logos au format JPG dans le monde du design.
Paletton
Un outil pour composer gratuitement ses palettes de couleur.
Pand
Panda est une application web de veille graphique qui affiche des flux d'images et d'articles provenant de différents sites dans le domaine du design.
PaperKit
PaperKit est un outil gratuit en ligne pour créer et imprimer ses propres feuilles millimétrées ou quadrillées.
PhotoFiltre
PhotoFiltre est un logiciel gratuit de manipulation d'image.
Photoshop Etiquette
Ce site en anglais est une liste des bonnes pratiques à adopter lorsqu'on utilise Photoshop.
Pictaculous
Un outil pour générer une palette de couleur à partir d'une image.
Pixel Curse
Un blog d'inspiration graphique en anglais.
Polymer Designer
Polymer Designer est l'outil de Google pour prototyper des wireframes d'interfaces utilisateur.
Pop
Pop est une application mobile (Android) qui permet de prototyper des applications mobiles en photographiant et assemblant des schémas.
Posterology
Un Tumblr qui propose régulièrement des affichent de films repensées pour ta veille graphique.
Precursor
Precursor est un outil gratuit de prototypage pour le design d'interface.
Pttrns
Galerie de captures d'écran d'interface utilisateurs de smartphones et smartwatch, sous différents OS, pour ton inspiration graphique.
Random User Generator
Un plugin Photoshop gratuit qui sert de générateur de photo de profil pour tes interfaces utilisateur.
Redsgned
Une galerie de redesign concepts trouvés sur le web.
Screen Sizes
Un mode d'emploi des résolutions à connaître pour tous les terminaux du marché.
SerialThriller
Un Tumblr de veille graphique pour cultiver ta créativité.
Sidebar
Un petit outil qui propose chaque jour 5 actualités sur le design tirées du web.
Signa
Signa est un réseau social et une communauté de designers pour faire de la veille graphique sur le design d'interface.
Six UX
Un Tumblr qui met en avant des animations pour améliorer l'expérience utilisateur à l'aide de Vines.
Stocklogos
Un site qui permet d'acheter des logos, très utile pour faire de la veille graphique.
Stylify Me
Cet outil te permet de créer une charte graphique et de la transformer au format PDF à partir de n'importe quel site.
The iOS Design Guidelines
La charte graphique des interfaces sous le système d'exploitation d'Apple : iOS.
Tint UI
Un outil pour composer des palettes de couleur selon les teintes du moment.
TruFont
TruFont est un logiciel de création de typographies gratuit et open source.
Twibfy
Twibfy est un site de veille sur le design en général.
Type Genius
Type Genius est un outil qui propose des couples de typo avec un police sélectionnée.
Typecast
Un outil gratuit pour tester des mises en page rapidement avec différentes typographies.
Typement
Typement est un outil gratuit d'inspiration pour la typo, et c'est juste génial ! Tu n'as qu'à taper ton mot ou texte puis faire défiler avec les flèches de ton clavier ou au scroll pour voir différentes idées de typographies.
Typespiration
Des combinaisons de fonts avec d'autres éléments graphiques pour ton inspiration.
Typetester
Un comparateur de typographie gratuit.
Typewolf
Un Tumblr de veille typographique pour trouver des couples de police élégants.
UberFaces
Un plugin Photoshop gratuit permettant de générer des photos de profil pour tes maquettes de site web ou d'application mobile.
UI Animations
Un blog Tumblr qui post des animations d'interfaces utilisateur pour ta veille graphique.
UI Colors
Une palette de couleur en ligne, gratuite et pratique à utiliser pour ses créations graphiques.
UI Movement
Un outil de veille pour les animations des interfaces utilisateur.
uiGradients
Un outil pour composer rapidement des dégradés de couleur et obtenir leur code CSS pour les développeurs.
uinames
Cet outil génère de faux nom d'utilisateur de manière aléatoire. On peut aussi filtrer en fonction du sexe ou de la localisation.
UltraUI
Le Tumblr de veille en interface utilisateur du site UltraLinx.
Use Your Interface
Une collection d'animations d'éléments pour tes interfaces utilisateur sous la forme d'un Tumblr.
UserForge
Un outil gratuit pour créer des personas.
UX Archive
Des collections de captures d'écran d'application mobile pour ton inspiration graphique.
Webdesign Inspiration
Une galerie de sites à visiter pour ton inspiration dans le webdesign.
wireframe.cc
Un outil très simple pour concevoir des wireframes gratuitement.
Wires
Un outil de la suite QuirckTools pour concevoir des wireframes gratuitement.
Zeplin
Zeplin est une application gratuite en à télécharger qui permet de créer des spécifications graphiques pour le design d'application mobile.

Liste d'outils pour le développement web

Voici une collection d'outils incontournables et gratuits pour les développeurs web. On retrouve des guidelines, des documentations, des éditeurs de code ou encore des outils d'analyse en ligne !

AChecker
Teste l'accessibilité de ton site avec AChecker.
Animate Your HTML5
Une documentation pour comprendre facilement comment rendre le HTML5 plus vivant.
Blend
Blend est une petite application web gratuite créée par Colin Keany qui permet de générer un dégradé en drag&drop et d'obtenir son code CSS.
Bootstrap Overlay
Un plugin Chrome pour mettre en évidence la grille responsive de Bootstrap.
Brackets
Un éditeur de code open source créé par Adobe.
Browse Happy
Browse Happy te permet de vérifier si la version de ton navigateur est à jour.
Button Generator
Un générateur de boutons en CSS.
Can I Use ?
Une documentation pour savoir quels éléments utiliser en fonction de la version de n'importe quel navigateur web.
Coda
Coda, l'éditeur de code par Panic.
Code School
Code School est une plate-forme gratuite pour apprendre à coder.
Codecademy
Codecademy est un site gratuit et en français qui t'aide à apprendre de A à Z différents langages de programmation. Maxime en a fait un article.
Codrops > CSS Reference
Une documentation en anglais avec toutes les propriétés CSS et comment les utiliser.
CSS Débutants
Des cours et des tutoriels pour utiliser le CSS comme un chef ;)
CSS Font Stack
Compare les différents affichage de tes fonts sur les différents navigateurs web.
CSS Gradient Generator
Un générateur de dégradé CSS gratuit par CSS Portal.
CSS Gradient Generator
Un générateur de dégradé CSS gratuit par CSS Factory.
CSS Gradient Inspector
Un extension Chrome qui permet d'afficher des informations détaillées sur le dégradé lorsque tu inspectes l'élément.
CyberDuck
CyberDuck te donne un accès FTP tout comme FileZilla. Disponible sur Mac et Windows, gratuitement.
DareBoost
Fais l'audit global de ton site (ergonomie, SEO, standard W3C) grâce à DareBoost.
DevDocs
Une documentation en anglais de nombreux langages de programmation.
Egghead
Egghead est un site en anglais pour apprendre gratuitement et en vidéo des technologies web telles qu'Angular JS, React, D3, etc ...
Experiment jQuery Easing
Un outil pour tester des animations en jQuery.
fasterImage
fasterImage est un outil gratuit à installer sur ton site pour optimiser la vitesse de chargement de tes images.
FileZilla
FileZilla est le plus célèbre logiciel de transfert de fichier. Gratuit, simple et efficace.
Flow.gs
Flow.gs est un générateur de grille CSS responsive.
Framer
Framer, un outil pour réaliser des prototypes d'applications à base de code.
Get HTML
Get HTML est une documentation en anglais sur toutes les balises existantes en HTML expliquant leur usage.
GitHub
Le réseau social des développeur par excellence pour partager ton code avec les autres.
Gitter
Gitter, c'est un peu comme Slack, mais spécialement dédié aux développeurs, avec quelques fonctionnalités spécifiques à leur besoin.
Gradify
Converti gratuitement une photo en dégradé.
JSHint
JSHint est un outil pour détecter les erreurs dans ton code Javascript.
LiveTools
Constructeur de boutons, de formulaire, de rubans et d'icônes par UI Parade.
Long Shadows Generator
Générateur de Long Shadows en CSS.
Net2FTP
Accède à ton FTP sans installer de logiciel sur ton ordinateur, tout se fait depuis le navigateur.
NetDrive
NetDrive permet d'intégrer ton ou tes FTP tels un système de cloud sur ton Windows.
OpenClassrooms
Des centaines de cours dans le domaine de l'informatique (développement, design, marketing, entreprise) gratuits.
PageSpeed Insight
Teste et analyse la vitesse de ton site avec le PageSpeed Insight de Google.
Pingdom Website Speed Test
Teste la vitesse de ton site avec le testeur de vitesse par Pingdom.
Placeholder Generator
Générateur de placeholder pour image.
Pourquoi WordPress ?
Une infographie interactive en français qui explique de manière ludique les avantages du CMS WordPress.
Real Favicon Generator
Générateur de favicon pour n'importe quel support (mobile, desktop) et navigateur (Chrome, Firefox, IE, Safari, etc ..).
Responsivator
Teste l'affichage responsive de ton site en explorant l'url à tester avec cet outil.
Responsive Test
Test le responsive de ton site en explorant ce dernier avec cet outil.
Sandstorm
Sandstorm est un OS open source à installer pour gérer transformer son serveur en cloud.
Screenfly
Screenfly fait partie de la série des QuirckTools. Il te permet de tester le responsive de ton site internet en fonction des dimensions que tu souhaites.
siteInspire
Une galerie de sites web pour ton inspiration web.
Stack Overflow
Stack Overflow est un site gratuit de questions/réponses et d'entraide pour les développeurs.
Stitches
Générateur de sprites CSS pour mettre toutes les icônes et petites images d'un site sur un seul fichier JPG.
Sublime Text
Sublime Text est un éditeur de code gratuit pour Mac, Linux ou Windows.
TrackDuck Tool
Une extension Chrome très simple pour laisser des commentaires sur des interfaces.
uiGradients
Générateur de dégradés CSS pour de belles interfaces utilisateur.
Ultimate CSS Gradient Generator
Générateur de dégradés CSS par ColorZilla.
W3C Validator
Valide ton code pour connaître le nombre d'erreur avec le validateur du standard W3C.
W3Schools
W3Schools est une site anglais pour apprendre de A à Z les différents langages web.
Web Developer
Une extension Chrome très complète pour faire un audit spécifique de la page affichée dans le navigateur web.
Webfont Generator
Génère tes propres webfonts avec le générateur de webfonts de Font Squirrel.
Window Resizer
Une extension Chrome très pratique pour redimensionner rapidement la fenêtre du navigateur selon la taille de n'importe quel terminal/écran.

Liste d'outils pour le marketing digital

Découvre une liste d'outils gratuits et indispensables pour le webmarketing ! A ta disposition tu trouveras des outils pour le référencement, des outils d'analyses et de statistiques de site web ou encore des outils pour optimiser ses performances sur les réseaux sociaux !

Ahrefs
Cette plate-forme permet de faire un audit SEO complet de ton site web.
Alyze
Cet outil analyse les mots-clés de ta page web.
Backlink Watch
Backlink Watch est un outil très simple qui liste tous les backlinks de ton site web.
Bing
Bing est le moteur de recherche de Microsoft, une alternative à Google.
Buffer
Buffer est un outil gratuit pour partager facilement des publications sur les réseaux sociaux.
Copyscape
Copyscape est un outil pour voir fait du plagiat de ton contenu en ligne.
Dlvr
Dlvr.it te permet d’envoyer automatiquement tous les articles de ton blog sur Twitter, Facebook, Google+ ou LinkedIn.
DuckDuckGo
DuckDuckGo est un moteur de recherche alternatif à Google.
Feeda
Feeda est un outil gratuit de veille pour les médias sociaux.
Google Analytics
Un outil gratuit par Google pour analyser le trafic sur son site web;
Google Trends
L'outil de Google pour détecter quels sont les tendances et mots-clés les plus recherchés du moment.
Hootsuite
Hootsuite est un outil gratuit pour planifier et mesurer et gérer les publications sur les réseaux sociaux.
IFTTT
IFTTT relie différents services entre eux tels que Facebook, Twitter, Evernote ou encore Pocket. Lorsqu’il se passe quelque chose chez l’un, on peut le reproduire sur l'autre.
Insight par Yooda
Un outil pour cibler des mots-clés et expressions pour le référencement de ton site web.
Keyword Tool
Un outil gratuit de suggestion de mots-clés.
Kuku
Kuku te permet de planifier tes posts et de les partager sur plusieurs réseaux sociaux.
Majestic
La base de données d'index de liens la plus vaste au monde.
MoonSearch
Un outil pour faire un audit SEO de ton site web.
OnlyWire
OnlyWire est un outil d’automatisation qui te permet de publier du contenu web facilement. Le site contrôle le nouveau contenu par exemple sur un blog WordPress ou depuis un flux RSS.
Open Site Explorer
Un bon outil pour faire un audit SEO de ton site web.
OpenLinkProfiler
Cet outil te permet de vérifier tous les backlinks de ton site web.
Over-Graph
Over-Graph permet de gérer la communication des marques sur les réseaux sociaux.
Piktochart
Piktochart est un outil qui te permet de réaliser très facilement des infographies graphiquement pas mal !
Piwik
Piwik est un outil gratuit et open source pour analyser les statistiques de son site web.
Qwant
Qwant est un moteur de recherche français créé en 2013 après deux années de recherche et de développement.
Rank Signals
Un outil pour obtenir es backlinks de ton site web.
SEMrush
Service de recherche de mots-clés dans le référencement organique et payant. Outil d'étude de la concurrence des sites internet et noms de domaine.
Site Explorer
Un outil pour rechercher tous les backlinks de ton site web.
Smaps
Smaps est un outil de mind mapping de la série des QuirckTools. Il permet de prototyper des architectures de site web.
Structured Data Testing Tool
L'outil par Google Developers pour analyser l'état des données structurées de ton site web.
Text 2 Mind Map
Cet outil de mind mapping permet de créer des architectures de site de différentes sortes.
TweetDeck
TweetDeck est un outil gratuit fourni par Twitter pour gérer plusieurs comptes Twitter.
Übersuggest
Un outil gratuit de suggestion de mots-clés.
WebMeUp
Un outil pour lister et analyser les backlinks de son site web.
WhoIs
WhoIs te permet de savoir qui possède le nom de domaine que tu convoites.

Liste d'outils pour la vidéos

Toute une liste d'outils gratuits et indispensables pour tes projets vidéos ! Tu trouveras des outils pour le montage vidéo, pur le motion design et tout ce qui touche à l'audiovisuel !

ClipChamp
Convertisseur et compresseur gratuit de fichiers vidéos.

Outils gratuits pour la veille et le bookmarking

Des outils pour faire de la veille dans tous les domaines, que ce soit graphique, web, marketing ou audiovisuel, accompagné de très bons outils de bookmarking pour organiser ses trouvailles, le tout, gratuitement.

Aol Reader
Aol Reader est un système d'aggrégation de contenu gratuit par flux RSS.
Behance
Behance est un réseau social de créatif gratuit appartenant désormais à Adobe. C'est un très bon outil de veille pour le graphisme, le développement et mais également pour le marketing.
Bundlr
Bundlr est un outil gratuit de bookmarking.
Delicious
Un outil gratuit pour voir les liens les plus populaires du moment et les sauvegarder.
Digg Reader
Digg Reader est un système d'aggrégation de contenu gratuit par flux RSS.
Diigo
Diigo est un outil gratuit de bookmarking qui te permet d'organiser le contenu que tu enregistres depuis le web.
Dragdis
Dragis est un outil de bookmarking gratuit en drag & drop.
Evernote
Evernote est un outil gratuit pour enregistrer le contenu que tu trouves intéressant depuis le web vers ton cloud Evernote.
Feedly
Feedly est un aggrégateur de contenu gratuit qui fonctionne par flux RSS.
Flipboard
Flipboard est un aggrégateur de contenu gratuit.
Instapaper
Instapaper est un outil gratuit qui permet de sauvegarder n'importe quel contenu depuis le web et de le lire n'importe où sur tes terminaux.
LinkedIn Pulse
LinkedIn Pulse est un aggrégateur de contenu gratuit appartenant désormais à LinkedIn.
Netvibes
Netvibes est un aggrégateur de contenu gratuit par flux RSS.
NewsBlur
NewsBlur est un aggrégateur de contenu allant jusqu'à 64 flux RSS en mode gratuit.
Pinterest
Pinterest est un réseau social gratuit pour mettre de côté des intérêts de manière visuelle ce qui en fait un excellent outil de veille.
Pocket
Pocket est un outil gratuit de bookmarking, disponible sur tous tes terminaux.
Readability
Readability est un outil gratuit pour enregistrer des articles et les lire plus tard.
Scoop.it
Scoop.it est un outil gratuit de curation, qui permet d'enregistrer et trier des articles et du contenu web dans des sujets.
The Old Reader
The Old Reader est un système d'aggrégation de contenu allant jusqu'à 100 sites en mode gratuit.

Portfolio websites in groups with such IDs (14) does not exist.



Ces outils t’ont rendu service ? Tu as fais des découvertes fabuleuses ? Alors tweete cette page  

Si tu as d’autres outils gratuits à conseiller, n’hésite pas à laisser un commentaire !