Tendance du webdesign : éléments circulaires

Tendance du webdesign - Elements circulaires

Avec l’avènement des propriétés CSS3, les généralisation des grandes images de fond, la transparence des images de plus en plus compatible, les sites quittent peu à peu leurs environnements rectilignes et s’offrent de belles rondeurs.

Il y a quelques années en arrière, les techniques utilisables par les webdesigners de l’époque, ne leurs permettait pas de s’éclater facilement en jouant avec les formes et les couleurs. Par exemple, gérer de belles images de fond demande de la ressource réseau, bref un bon débit, chose qui n’était pas forcément très rependu en 1999… On en parle souvent, mais le webdesign s’offre de plus en plus de liberté, en ne connaissant aujourd’hui presque plus de limites (peut-être abusé mais l’idée est là).

Design Circulaire !

Lors de la conception d’un design ou d’un identité graphique, il souvent bon de commencer ou de revenir à des formes de base, comme le carré, le rectangle ou encore le cercle. Intéressons-nous particulièrement à cet élément, qui est bien présent dans de nombreux design actuels. Que ce soit en élément de navigation, monté en fond page, en rappel graphique du logo, bref le cercle et le disque sont partout.

Le site de Philipp Bartz est un bon exemple. Il utilise un élément circulaire pour habiller son logo, son menu, mais aussi son visuel d’accroche principal.

Tendance du webdesign - Elements Circulaires

De plus l’ambiance noir / blanc et l’utilisation d’une police scripte donne du style au design minimaliste. Mais c’est une autre histoire…

Sur le site Mix 2011, les éléments circulaires sont mis en scène de manière à rappeler le cercle chromatique : le mélange de deux éléments colorés donne une troisième couleur.

Mix 2011

Le background du site est lui même composé de nombreux disques. Les lignes diagonales quant à elles donnent une bonne dynamique au site.

Ci-dessous, c’est surtout la typographie qui est mise en avant par les formes circulaires.

Tendance du webdesign - Elements Circulaires

Sur le site Wade, le design est complétement tourné et construit à l’aide de cercles imbriqués et reliés.

Tendance du webdesign - Elements Circulaires

Sur son portfolio, Sébastien Morge utilise une navigation circulaire bien sympathique. Avec une belle harmonie de couleurs et un style vintage, les éléments circulaire s’intègrent parfaitement au design du site.

Tendance du webdesign - Elements Circulaires

Lucia utilise un univers constitué de bulles en aplat de couleur, ce qui donne un très bon style général au design.

Tendance du webdesign - Elements Circulaires

Dernier exemple avec ce portfolio, où Julie Frank utilise un menu circulaire. On retrouve également l’élément graphique à divers endroits clés sur le site, comme pour afficher certaines photos.

Tendance du webdesign - Elements Circulaires

Et pour finir

Tendance ou non, les éléments circulaires sont bien présents et surtout utilisés par de nombreux designers. Donnant du style, les disques, cercles permettent de jouer avec les couleurs, la transparence, la profondeur et mettent en place un univers graphique bien spécifique.

Vous aimerez aussi :

Cette entrée a été publiée dans Webdesign, avec comme mot(s)-clef(s) , , , . Vous pouvez la mettre en favoris avec ce permalien.

4 commentaires sur Tendance du webdesign : éléments circulaires

  1. Seb dit :

    Merci pour ton attention, Arnaud ! Ca me fait plaisir de figurer dans cette jolie liste :)

  2. Julie Franck dit :

    Merci pour m’avoir mis dans la sélection ! Cela me fait grand plaisir :)

    Bonne continuation pour ce super blog !!

  3. masteraran dit :

    Une belle sélection de site minimalistes mais espérons que cette mode ne se repende pas trop sinon ça perdra tout son intérêt. Le rond est le symbole de l’esthétisme. Mais trop de rond tue le rond…

  4. Biscut dit :

    J’adore !!!

    En plus, la sélection est représentative de ce qu’on peut trouver sur le web.

Laissez votre impression, réagissez à l'article !

L'adresse de contact ne sera pas publiée.

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>