Le Kit du parfait Webdesigner #1

Publié le 28 mai 2010 par Blog Webdesign @template
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

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 ?