Icone_actu Actu Icone_creative Creative Icone_bdw Blog Du Webdesign Icone_emploi Emploi BDW

20 webdesign avec une grille de construction originale et efficace

by Ginet Vincent - le 20/12/2011

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
  • 5

Découvrez un tour d'horizon avec une sélection de sites web qui utilisent de manière efficace et originale la grille dans le web design.

La création d'un site web peut se comparer à une feuille blanche où tout est plus ou moins réalisable. Lorsque l'on commence la création d'un web design la première question que l'on se pose est : Quel format allons-nous utiliser ?

Très souvent nous partons sur une largeur de 960px, afin de garder une sécurité dans l'affichage et la construction du site. Mais certains sites font preuve d'originalité dans leur structure en utilisant des grilles différentes et variées.

La grille web se rapproche à la grille typographique utilisée dans le domaine du print, elle permet de construire un site en respectant l'équilibre et la mise en place des éléments textes, images, boutons et autres médias.

Découvrez notre sélection non exhaustive de 20 web design utilisant une grille de construction de manière originale et efficace.

KStation - Killingsworth Station

MAJOR TOM

Cascade Brewery Co – Brew by Feel

cascadebreweryco

Jtcdesign.com

jtc design

Francesco Bertelli — Interactive Director

Giang Nguyen — Graphic Interactive Designer

visualise.ca

visualise

Guilherme Pangnotta — Sete Três

setetres

Netzbewegung GmbH 

acc cross media

Elliot Lepers

Pixelslave creates digital brand energy

pixelslave

Designer Gleb / 

42Angels.com

St. Louis Advertising Agency 

rodgerstownsend

Visions Of Beauties

visions of beauties

De Certeau & Associés

Tdhcreative.com

Merten Snijders

mhq

Posters in Amsterdam: an initiative by Jarr Geerligs

Si vous souhaitez en apprendre davantage sur les grilles dans le webdesign voici un article qui décrit bien leur utilisation : La grille dans le webdesign

 

 

 

 

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
  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
  • 5
37b908b3fc2ef97244b19c7e24313a3b Auteur : Ginet Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign J'interviens dans dif...

3commentaires

  • 2162
    Fabien Boulay

    le 20/12/11| #1

    Très intéressant... Mais on se rend quand même compte que la grille n'est qu'un outil et pas une fin en soi. C'est surtout par la qualité des images que certains sites brillent je trouve ; notamment celui de DeCertau ou MajorTom...
    A l'inverse, quand les visuels sont moins 'beaux', je trouve cela moins intéressant (voir pixelslave). Cela n'engage que moi, évidemment ;)

  • 1055
    Sebastien Lfg

    le 20/12/11| #2

    Je trouves en effet ça chouette de changer un peu des habitudes au niveau de l'utilisation des différentes grilles et les exemples proposés sont vraiment sympa.

    Cependant (et hélas), je rejoins entièrement Fabien Boulay, nombre de sites se démarquent d'avantages par la qualité des différents visuels. Je pense que l'on aurait croisé le même genre de site mais avec des images plus dégueux, on y aurait fait moins attention !

    En tout cas, merci pour le partage :)

  • Dd4375a65955a483705218c9d875cb1a
    Martin - Webaaz

    le 03/01/12| #3

    Il y a de l'idée mais ces exemples sont trop caricaturaux, la grille y est extrêmement visible. Il existe pourtant de beaux exemples de grilles plus discrètes qui servent uniquement à respecter un rythme vertical sans pour autant sauter aux yeux.

    À mon sens, les exemples ci-dessus ont un intérêt plus graphique voire géométrique, qu'ergonomique.

Ecrire un commentaire