Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Tout sur les tendances en design web

by
Length:ShortLanguages:
This post is part of a series called Design School for Developers.
Building Visual Hierarchy into Your Designs
CSS3, Web Fonts and Icons

French (Français) translation by Henri Lotin (you can also view the original English article)

Aussi longtemps que le web a été autour il y a eu certaines tendances du design qui ont surgi de temps en temps. Certaines de ces tendances se sont enracinées, au fil du temps, certaines ont disparues. Pensez à l’époque de Geocities, à l’époque de designs « Web 2.0 » et plus proche de la maison, avec la tendance « flat » qui est populaire maintenant.

Maintenant, en 2013, l’industrie du web évolue plus rapidement que jamais. Nouvelles techniques ou méthodes de travail, apparaissent tous les mois, si ce n’est chaque semaine.

Une tendance peut être décrite comme :

une direction générale vers laquelle quelque chose se développe ou change.

C’est tout à fait vrai pour les tendances dans le design web, car c'est souvent un mouvement de design en particulier ou une idée qui se déroule, rassemble une certaine traction et ensuite beaucoup d’autres sites web adoptent ce design ou l'évitent. Quoi qu’il en soit, les tendances nous aident à observer une direction générale vers laquelle pourrait se diriger le monde du design dans les mois ou les années à venir.


Avantages des tendances

Il y a quelques avantages aux tendances dans l’industrie du design. Tout d’abord, les tendances nous aident à mieux prédire comment un mouvement pourrait se comporter à l’avenir. Les tendances sont souvent autour pour une raison et sont importantes pour nous aider à comprendre comment l’industrie du design peut aller de l’avant dans les mois à venir.

Les tendances aident aussi à tout garder frais, comme les sites web peuvent souvent être stimulés à être mis à jour par les compagnies qui ont entendu le dernier buzzword et veulent s’assurer que leur site web y correspond.

Certaines tendances n'ont pas forcément à voir avec l’aspect design des choses cependant. Par exemple, le design content-first a été jugé au départ comme une tendance (aux côtés de design responsive, croyez-le ou non !) qui était une façon populaire de travailler du contenu dans un design. Ce genre de tendance est bienvenu, car elle ne peut qu’améliorer les processus que nous avons lorsque nous créons et designons pour le web.


Inconvénients des tendances

Mais tout n’est pas bon quand il s’agit de tendances. Bien que les tendances en un sens aident à garder les choses fraîches, cela signifie également que les sites web peuvent très rapidement sembler ou avoir l'air dépassés, même s'ils ont seulement un an ou deux d'existence. Designer un site pour suivre une tendance peut être risqué, de ce point de vue.

Les tendances sont aussi juste cela ; branchées et populaires. Beaucoup ont des problèmes avec certains styles de design ou tendance, comme la tendance « flat design » qui fait fureur à l’heure actuelle, car ils estiment que cela signifie que de nombreux sites se ressemblent ou ont un style trop similaire. Beaucoup estiment que les tendances ne poussent les gens à être plus créatifs et les transforment plutôt en une foule de suiveurs, plutôt qu’être inventif et essayer de créer quelque chose d’unique eux-mêmes.


Exemples des tendances actuelles

Il existe de nombreux exemples, que je peux considérer comme « tendances actuelles », et qui est entre guillemets parce que pour moi, certaines d'entre elles ne sont plus tendances, même si elles peuvent être considérées ainsi.

Flat design

Je préfère qualifier ceci de « design propre », mais nous irons avec la majorité ici, qui l’appellent « design plat ». le flat design est seulement cela ; du design qui vient sans embellissements de profondeur supplémentaire tel que des textures, des dégradés (évidents) ou aspects 3d et est plutôt remplacé par une esthétique plus « plat e» qui est très nette et précise.

Les grandes entreprises qui adoptent cette approche sont Microsoft (avec Metro, Windows 8, Skype, etc.), Apple (avec iOS7) et Google (avec tous leurs designs de produits).

Le flat design est vraiment, à mon avis, tout au sujet d'embrasser ce qu’est le web plutôt que d’essayer de forcer le presque-réaliste, des concepts hors ligne sur le web.

The Layervault website is beautiful, but definitely follows the "flat" trend that's currently around.
Le site web de Layervault est beau, mais définitivement inscrit dans la tendance « flat » qui est actuellement en vogue. Sans doute, elle a joué un rôle dans son design.
The Fostr website has some stunning illustrations on, though they're definitely on the flat side of the trend than not.
Le site web de Fostr a quelques illustrations superbes, même si elles sont certainement sur ce côté flat de la tendance plus qu'autre chose.

Arrière-plans d'en-têtes flous

Il s’agit d’une tendance populaire qui semble avoir émergé au cours des deux dernières années ou la dernière. De nombreux sites décident de suivre l’idée de travailler avec un en-tête large, souvent pleine largeur, en haut du site - mais cette fois, il est floue pour permettre au texte d'être superposé sans aucun problème.

C’est juste une petite tendance, mais qui montre avec quelle rapidité les sites web peuvent commencer à se ressembler un peu. Cependant, avec la bonne photographie, c’est une manière dont vous pouvez également afficher l’individualité et rendre un site un peu plus unique, surtout si vous trouvez un excellent moyen de rendre cette zone plus interactive pour vos utilisateurs.

At Cage, they use a blurred photograph as a background header that has screenshots of the product shown on top.
À Cage, ils utilisent une photo floue comme arrière-plan d'en-tête qui a des captures d’écran du produit présenté sur le dessus.
On the Hipstamatic website, blurred backgrounds are offset by beautiful colours and the brilliant interface of the app.
Sur le site web de Hipstamatic, les arrière-plans flous sont compensés par de belles couleurs et l’interface brillante de l’un de leurs applications.

Typographie web

Cela semblait au départ être juste une tendance, comme beaucoup de gens l’ont décrite ainsi. Cependant, avec la façon dont nos navigateurs s'améliorent continuellement et se mettent à jour, je doute que c’est une caractéristique que nous verrons pas disparaître de si tôt. C’est vraiment juste un aspect du design web.

Avec l’introduction de CSS3 et @font-face, nous pouvons maintenant exprimer nos messages de marque et notre design par le biais de typographie sur le web d’une manière que nous n’avons jamais pu avant. Alors qu’avant cela nous étions seulement en mesure d’utiliser les polices du système « sécurisées pour le web », comme Georgia, Arial et similaires, nous avons aujourd'hui des options pour utiliser des polices différentes autant que nous le souhaitons - tant qu’elles sont compatibles web-font.

Avec l’introduction de @font-face dans nos sites sont arrivés les sites web et les services qui nous offrent un moyen encore plus facile d’intégrer ces polices brillantes dans nos sites web. Quelques-uns des grands services comprennent :

  • Typekit
  • Fontdeck
  • Fonts.com
  • H&FJ cloud.typography
  • Google Fonts

Nos navigateurs sont toujours en train d'évoluer, et les options qui nous sont offertes en tant que designers avec l’introduction de polices web sont massives. Il est prévu que maintenant, à cette époque, les sites web sont plus créatifs et les polices web sont juste une façon d’être en mesure de le faire.

Ampersand (a conference on typography!) uses web fonts beautifully to present all the info about the speakers and more throughout their whole site.
Ampersand (une conférence sur la typographie !) utilise des polices web magnifiquement pour présenter toutes les infos sur les intervenants et plus tout au long de leur site.

Responsive design

Une autre chose qui est considérée comme une tendance (ou au moins un mot buzz pour 2012/2013 et donc une tendance pour quiconque en dehors de l’industrie du web) est responsive web design. Bien que RWD soit maintenant quelque chose qui a été autour depuis quelques années maintenant, RWD est encore à ses relatifs balbutiements.

Je ne pense pas que ce soit une tendance non plus, quoi que. Il a été prouvé par le biais de la recherche et les statistiques qui nous sont présentées tous les jours que l’utilisation du web sur un périphérique qui n’est pas un ordinateur portable ou un ordinateur de bureau arrive de plus en plus. Le responsive web design est là pour rester, car au moins aussi longtemps que tous ces autres appareils restent autour également.


Que nous réserve l'avenir ?

Bien que, comme beaucoup de gens, je pense personnellement que les tendances sont quelque chose qui devraient vous inviter à travailler différemment et à ne pas suivre la foule, je continue de penser que les tendances ont leur place et sont pertinentes en quelque sorte. Les tendances nous donnent un petit aperçu de ce que le grand public et le monde pensent en quelque sorte de l’industrie du design et comment ils interprètent ce que nous faisons.

Les tendances nous aident aussi à comprendre ce qui est populaire et ce qui fonctionne bien, car il y a beaucoup d’aspects des tendances (même juste des tous petits) qui pourraient vous aider dans des projets à l’avenir. Et même si vous n’aimez pas les tendances, vous pouvez choisir de les ignorer et certainement vous tailler votre propre, unique, chemin dans vos propres créations.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.