• A la une
  • Catégories
  • Dossiers
  • Rédacteurs
  • +

Le Kit du parfait Webdesigner #1

par Fabien Berthouxle 28/05/2010

Couleurs, Typographies, Architecture d'un site, Effets de styles, Boutons, Dégradés Web 2.0, Icônes, vous trouverez toutes les ressources nécessaires pour développer et créer vos webdesign.

L'architecture ( WireFrame )

Grille de construction

960

 

Créer son architecture en ligne

Pencil

 

Pidoco

 

Protoshare

 

Iplotz

 

Mockflow

 

Balsamiq

 

Jgraph

 

Hotgloo

 

A connaître

Wireframes.linowski

Aller plus loin :

Des WireFrame à imprimer

35 ressources de WireFrame

50 packs UI et Webdesign gratuits

 

La Couleur

Colorschemedesigner

 

0to255

 

Imageshack

Colourlovers

 

Kuler

 

Colormunki

 

Ilotresor

 

Colorblender

 

Colorotate

 

Aller plus loin :

Comment bien choisir ses couleurs pour céer une charte graphique

La psychologie des couleurs utilisées dans le design Web

17 outils pour trouver ses couleurs

La Typographie

Les codes de la Typographie

#1 - Structure et vocabulaire de la lettre

#2 – Histoire et Familles

 #3 – Comment créer et trouver sa Typographie

Où trouver sa typographie !

Extrait de :  #3 – Comment créer et trouver sa Typographie

Voici une liste des sites qui proposent de télécharger des fonts gratuitement.

Fontstruct

Font Fabric

1001 Free Fonts

Betterfonts

Fontcubes

Myfonts

File cart

Fonts500

10 typographies libres et de qualité!

Extrait de :  #3 – Comment créer et trouver sa Typographie

Le BlogDuWebdesign a sélectionné pour vous une série de typographies gratuites pour donner de l'impact à vos créations.

Sketchetik

Fertigo Pro

Val

Portal Free Font

Scriptina

Just Old Fashion

Lot

Glide

Deibi

Quad

 

Aller plus loin :

Améliorer la lisibilité du contenu textuel

La Typographie en animation

100 magnifiques visuels de typographie

 

Les icônes

Moteurs de recherche

Icônes.pro

 

Iconfinder

 

Find icons

 

Iconlet

 

Iconlook

Banques d'icones

Iconspedia

 

Iconfever

 

Freeiconsdownload

 

Iconeasy

 

Iconarchive

 

Aller plus loins !

16 icônes réalisées par John Graphisme

Enorme liste d'icônes gratuites  #1

Enorme liste d'icônes gratuites #2

Enorme liste d'icônes gratuites #3

600 Icônes gratuites

 

Les effets de styles

Dezinerfolio #1

 

Dezinerfolio #2

 

Ashung #1

 

Ashung #2

 

Aller plus loins :

750 effets de styles gratuits

200 effets de styles gratuits

Les dégradés

Mppagano

 

Verbaska

 

Graphic-Host

Dezinerfolio

Aller plus loins :

600 dégradé photoshop à télécharger

36 packs de dégradé de couleur pour photoshop

 

Brush

Fbrushes

 

Qbrushes

 

Brushking

 

Gfxfever

 

Brusheezy

 

Aller plus loin :

1000 brushes pour photoshop

Créer un brush sur photoshop

 

Pattern / Trame

Pattern8

 

Shizoo-Design

 

K10k

 

Everydayicons

 

Patterns.ava7

 

Squidfingers

 

Idesignpatterns

 

Colourlovers et Brusheezy proposent eux aussi des trames.

 

Aller plus loins :

Grosse liste de 1000 patterns

 

Avez vous aimé ?

Trouvez vous l'article complet ?

Avez vous d'autres liens à partager pour completer celui-ci ?

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Fabien voir son blog

Fondateur du Blog Du Webdesign. Découvrez mes projets sur mon blog,Theme Wordpress et suivez moi sur G+

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte

54Commentaires

  • Avatar_thumb
    olybop

    le 28/02/2011 | #1

    Ba alors ca ! Je bookmark de ce pas oO

  • Avatar_thumb
    XnEoZ

    le 28/02/2011 | #2

    De même pour moi, super article !

  • Avatar_thumb
    oliv

    le 28/02/2011 | #3

    Bravo pour cette sélection plutôt complète !

  • Avatar_thumb
    Maxime

    le 28/02/2011 | #4

    Super complet. Merci beaucoup.

  • Avatar_thumb
    Mac_xim

    le 28/02/2011 | #5

    Énorme !! Merci beaucoup !!

  • Avatar_thumb
    Denis

    le 28/02/2011 | #6

    Je dirai même ÉNORME ! Merci, je mets cette page en méga favoris !

  • Avatar_thumb
    Jonathan MENET

    le 28/02/2011 | #7

    Très bon article, comme à chaque fois j'ai envie de dire, avec un petit plus pour le lien que tu as fait sur mon article et le choix des couleurs.

  • Avatar_thumb
    Cedric Schoenecker

    le 28/02/2011 | #8

    Sympa la sélection, j'ai pioché quelques trucs ;)

    • Avatar_thumb
      KoOpa

      le 28/02/2011 | #9

      Super sélection merci ;)

    • Avatar_thumb
      OneActu

      le 28/02/2011 | #10

      Dans les favoris... Merci

    • Avatar_thumb
      Zizae

      le 28/02/2011 | #11

      Très bon article (et excellent blog au passage. Merci pour toutes ses ressources !

    • Avatar_thumb
      agence référencement

      le 28/02/2011 | #12

      belle collection.

    • Avatar_thumb
      Delphine SERAFIN

      le 28/02/2011 | #13

      Très sympa :)

      • Avatar_thumb
        Identitools

        le 28/02/2011 | #14

        Une belle liste, j'en connaissait déjà une bonne partie mais je vais de ce pas enrichir mes marques pages :)

      • Avatar_thumb
        Emilie Graphside

        le 28/02/2011 | #15

        Vraiment super cet article !!

      • Avatar_thumb
        Tchikito

        le 28/02/2011 | #16

        S'il te plaît ThouxArt, ne supprime JAMAIS cet article !!! C'est définitivement un must have !
        Merci beaucoup :D

      • Avatar_thumb
        mathieu

        le 28/02/2011 | #17

        super ! bookmarké et re-tweeté. comme l'écrit tchikito, merci de laisser cet article live, j'en fais ma page d'accueil

      • Avatar_thumb
        Forge

        le 28/02/2011 | #18

        Excellent article ! Cela dit, j'aurais ajouté une sélection de banques d'images comme www.bluevertigo.com.ar et de formes vectorielles comme vecteezy.

        Belle liste de ressources en tout cas, bravo et beau boulot.

      • Avatar_thumb
        anthony

        le 28/02/2011 | #19

        Et moi qui croyais tomber sur un article traditionnel avec le sempiternel "15 tutos essentiels pour votre site!" J'en reste baba! Merci beaucoup pour cet article ô combien riche!

      • Avatar_thumb
        Agathe

        le 28/02/2011 | #20

        Article très intéressant et complet.
        Concernant les typos gratuites, je vous suggère également Font Squirrel (http://www.fontsquirrel.com/).

        Bonne continuation !

      • Avatar_thumb
        Biggizi

        le 28/02/2011 | #21

        Pour les typographies gratuites à télécharger il y a aussi le site Dafont (http://www.dafont.com) qui est pas mal je trouve.

        Sinon moi qui cherchais des sites pour télécharger des icônes en masse, je suis très bien tombé --> Dans les favoris directement!

        Merci beaucoup pour ce kit vraiment complet ;)

      • Avatar_thumb
        creation de site web paris

        le 28/02/2011 | #22

        Direct dans les favoris...évidemment certains sont incontournable quand d'autre liens ne servent pas toujours mais avec cela, il ne reste plus qu'a avoir un peu de talent et faire de belles maquettes.

      • Avatar_thumb
        spindooz

        le 28/02/2011 | #23

        waw! Merci!!! c'est génial...

      • Avatar_thumb
        Fabien Berthoux

        le 28/02/2011 | #24

        Merci à tous pour vos commentaires ;)

      • Avatar_thumb
        Jean-Matt

        le 28/02/2011 | #25

        Bravo pour l'article. Très complet !!! :-)

      • Avatar_thumb
        K-Alpha

        le 28/02/2011 | #26

        Oh excellent ! Une mine d'or ! Cette page va directement dans mes favoris :D

      • Avatar_thumb
        Mika Szabo

        le 28/02/2011 | #27

        L'outil parfait pour le webdesigner débutant. Merci !

      • Avatar_thumb
        enzotenk4

        le 28/02/2011 | #28

        OULLA MAIS VREMENT GRAND GRANd MERCI !!! JE CHERCHAIS ÇA DEPUIS X TEMPS ENCORE MERCI

      • Avatar_thumb
        Webagency Paris

        le 28/02/2011 | #29

        J'utilise basalmique au moins c'est pas les crayons et le papiers, ça vous lache pas en plein mmilieeu... pour le reste de l'article RAS tout est dit .c'est la trousse à outil en clair???ca me rappelle blue Vertigo

      • Avatar_thumb
        Amine bjd

        le 28/02/2011 | #30

        tahnx

      • Avatar_thumb
        gducos

        le 28/02/2011 | #31

        La licence de JGraph est à 5 400 € : utilité ?

      • Avatar_thumb
        agence web paris

        le 28/02/2011 | #32

        Un hyper bon résumé : il y a tout mais le reste ce trouve dans notre tete

      • Avatar_thumb
        Romain Calix

        le 28/02/2011 | #33

        Il y a de très bonnes choses merci !

      • Avatar_thumb
        Davis Eboahun

        le 11/03/2011 | #34

        i like...

        • Avatar_thumb
          Edd

          le 17/03/2011 | #35

          Article très complet, ce qui le destine à tout le monde du graphiste débutant au DA sénior.

        • Avatar_thumb
          Le Courrier Industriel

          le 15/04/2011 | #36

          Cette liste tombe à point !
          Je cherchais des ingrédients pour faire une bonne recette...
          Je bookmark bien volontiers ;)

        • Avatar_thumb
          xico

          le 26/04/2011 | #37

          Mieux, impossible!

        • Avatar_thumb
          imane haddad

          le 03/05/2011 | #38

          Super... no comment mais je commente comme même lol
          bonne continuation ;)

        • Avatar_thumb
          dvd to dvd burner

          le 10/05/2011 | #39

          Hello friends,this is a nice site and I wanted to post a note to let you know, good job! Thanks
          Best regards, Natali, CEO of iscsi boot initiator

        • Avatar_thumb
          Loïc TORTELIER

          le 26/05/2011 | #40

          Non seulement j'ajoute cette article à mes marque pages mais en plus , je partage directos tous vos articles sur mon réseaux twitter, car c'est vraiment intéressant et utile.
          Encore merci

          Et longue vie au web !

        • Avatar_thumb
          Diana Nejdi

          le 29/07/2011 | #41

          Super article ! J'avais besoin de bons sites pour me documenter, je pensais pas en trouver autant en un seul article !

          En plus je cherchais des icônes sympas depuis un moment, j'en ai trouvé un bon paquet.

          Merci !

        • Avatar_thumb
          tom_over

          le 26/10/2011 | #42

          Pour les patterns il y a : http://subtlepatterns.com/
          Qui est pour moi le meilleur site actuellement !

        • Avatar_thumb
          Missfx

          le 12/01/2012 | #43

          Chouette sélection de sites, merci !

        • Avatar_thumb
          Paul Balanche

          le 12/01/2012 | #44

          Voila de quoi occuper de longues heures ;)
          Super article ! A faire tourner !

        • Avatar_thumb
          Christophe BENOIT

          le 12/01/2012 | #45

          À noter que Pencil, l'outil addon de Firefox dispose aussi d'une version qui s'installe sur ordi sans passer par le navigateur.

        • Avatar_thumb
          novamedia

          le 18/01/2012 | #46

          Le must pour le designer de base et pour le confirmé. Rien a été oublié. c'est une belle compilation. je rajouterai http://abduzeedo.com/

        • Avatar_thumb
          Grafinea

          le 24/01/2012 | #47

          Mille merci !! Designer en gestation je viens de trouver mon bonheur !!! En favoris direct et encore merci !

        • Avatar_thumb
          Danny

          le 31/01/2012 | #48

          Nikel, merci pour le partage ^^

        • Avatar_thumb
          David

          le 11/04/2012 | #49

          En frameworks CSS:
          http://cssgrid.net/
          http://getskeleton.com/

          Merci pour le partage. ;-)

        • Avatar_thumb
          Florian

          le 14/08/2012 | #50

          Bravo pour cette compilation vraiment super !

        • Avatar_thumb
          iscsi

          le 02/10/2012 | #51

          Thank you for such a nice collection!

        • Avatar_thumb
          Rodrigo

          le 19/01/2013 | #52

          Vraiment cool!

        • Avatar_thumb
          Ed

          le 05/05/2013 | #53

          Boookmarké, c'est génial, merci!

        • Avatar_thumb
          buzzy video

          le 30/05/2013 | #54

          top niveau, ya de quoi faire

        Ecrire un commentaire

        captcha

        Ouvrir