Le Kit du parfait Webdesigner #1

Publié le

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 ?

By Awelty

Le groupe Awelty se distingue comme un acteur exclusivement numérique, articulant son activité autour de deux domaines clés : les médias et le développement de logiciels SaaS. Dans le secteur des médias, Awelty est reconnu pour ses sites grand public influents, tels qu'AgendaCulturel.fr. Parallèlement, l'entreprise se démarque dans le domaine du développement de logiciels SaaS, avec des produits remarquables comme e-monsite.com et wuro.fr.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *