Tendances web design

Les meilleures tendances webdesign à surveiller en 2018

Les meilleures tendances webdesign pour 2018 dans la création de site internet : le titre de l’article d’aujourd’hui peut paraître osé.

Qui sommes-nous pour décréter les tendances, me direz vous … mais le webdesign est un sujet qui nous plait. On a donc décidé de se lancer avec toute l’équipe Design de chez Orson !

Les tendances sont par essence éphémères, vont et viennent au fil des années.

Nous avons listé les meilleures tendances en webdesign pour 2018 autour de la création de site internet et de portfolio. Voici ce que nous avons vu dans notre boule de cristal.

Au sommaire :

1. Le minimalisme
2. L’asymétrie
3. Broken Layout
4. Les couleurs vives
5. Retour de l’ombrage
6. L’animation
7. Le retour des polices Serif
8. Vidéos goes mainstream
9. Illustrations
10. Mobile first

1. Minimalisme avec photos engageantes et polices géantes

Avec un déferlement constant d’informations, partout et tout le temps, la simplicité est et restera une tendance indémodable dans la création et le design de site internet en 2018.

Le minimalisme n’est pas forcément synonyme d’ennuyeux avec des polices de grandes tailles et des graisses plus épaisses pour des messages courts et forts. Les couleurs seront également brillantes pour un impact plus fort. Ce cocktail de typographie et de couleur fait place à un nouveau mouvement dans le webdesign en 2018 : le maximalisme.

Les images seront quant à elles encore plus à l’honneur avec de belles photos et de la couleur, des humains et des visages : prime aux images originales et uniques. Larges typographies et couleurs brillantes vont apporter un grain de folie dans le monde du design.

Image credit: Huge LLC.

UnitedMasters, artist services
https://unitedmasters.com/

N.E.R.D
http://nooneeverreallydies.com/

2. Asymétrie et brutalisme inspirés de la forme libre

Avec l’émergence des boites à outils de Design (Framework) telles que Bootstrap, les sites internet se ressemblent de plus en plus avec des designs propres et élégants.

En réaction à cette tendance, le brutalisme a vu le jour et va continuer à s’étendre en 2018 dans la création de site internet avec des couleurs peu conformes, des mises en pages destructurés en dehors des règles conventionnelles pour un effet déstabilisant.

Le brutalisme n’a donc par essence pas de règles, et c’est en quelque sorte un mouvement de révolution par rapport à un design aseptisé.

NERD CULTURE
http://geekgirlsfilm.com/

Brutalist Websites
Pour avoir un éventail de sites internet qui utilisent le design de brutalisme:

http://brutalistwebsites.com/

3. Les mises en page “cassées” (Broken Layout)

La mise en page dans le webdesign a été historiquement dirigée par les grilles qui permettent d’aligner le contenu d’un site internet simple pour des résultats plutôt sobres.

La tendance des broken grid layouts consiste à changer la donne avec des images et des contenus textes qui s’entremêlent avec ces grilles pour venir se superposer ou se croiser, apportant ainsi un effet moderne et très inspiré du print et des magazines.

Cette technique demande une exigence et un oeil expert en webdesign, sous peine de rapidement faire n’importe quoi.

Berdan Real Estate

http://berdanrealestate.com/

4. La joie dans les couleurs vives

Grâce à l’arrivée des écrans Retina et des technologies web de plus en plus modernes, les designers prennent leur courage à deux mains avec l’utilisation de couleurs vives, flashy avec de une forte saturations pour un effet décoiffant.

Les couleurs vibrantes permettent à des marques d’attirer rapidement l’attention des internautes et de sortir des tendances actuelles du flat design aux couleurs conventionnelles.

Serverlessconf NYC
https://nyc.serverlessconf.io/

Spotify for developers
https://developer.spotify.com/

Voici d’ailleurs un outil pour vous aider à trouver des idées de couleurs pour votre prochain site internet.

5. Retour de l’ombrage

Algolia
https://www.algolia.com/

La tendance du flat design a connu un succès sans précédent ces dernières années dans le design des sites internet et des applications web grâce à l’interface Metro de Windows en 2016, pour ceux qui s’en souviennent.

Les ombrages ne sont pas un nouvel effet mais prennent tout leur sens aujourd’hui avec des designs très épurés, élégants voir minimalistes.

Les ombrages légers sur les images et les boutons d’action sont essentiels pour les mettre en avant, créer de la profondeur et ainsi attirer l’oeil des internautes.

Bootstrap Magic
https://pikock.github.io/bootstrap-magic/

6. L’animation pour apporter du sens à votre contenu

Les animations et interactions sur les sites internet au service de la compréhension et de l’attention de l’internaute vont se démultiplier. Internet est un média vivant et interactif : le temps est révolu où ce n’était qu’une longue succession de textes et d’images qui se lisait comme un document Word.

Théorisée par les équipes de Google avec le Material Design, l’animation joue aujourd’hui un rôle essentiel pour simplifier la compréhension de contenu ou de concepts et les rendre accessibles au plus grand nombre.

La Scroll reveal: Afficher le contenu de la page web au scroll

L’animation sans doute la plus utilisée aujourd’hui permet d’attirer l’attention des visiteurs sur le contenu de votre choix, au bon moment, pour vous assurer qu’ils ne manquent pas un argument clé ou un Call to Action primordial pour les transformer en client !

Le Scroll reveal affiche du contenu ou des animations au moment où vous scrollez sur votre page web.

Morphing Background

Les transitions entre les pages web

Edgar jacquet

L’un des grands enjeux de 2018 pour les créateurs et les propriétaires de site internet est d’attirer l’attention des internautes et de les aider à trouver les informations qu’ils sont venus chercher , grâce notamment à des liens contextuels dans les contenus textes et images.

Les animations étaient encore jusqu’à aujourd’hui principalement réservées aux contenus sur la page web en elle même. Le webdesign en 2018 va voir l’émergence de belles transitions lors de la navigation entre les pages pour annoncer le contenu d’une nouvelle page interne à votre site web.

Les animations au sein des illustrations

2 tendances en 1 puisque les illustrations, comme évoqué plus tôt, vont prendre le pas dans le webdesign. Vos pages web seront d’autant plus uniques avec des illustrations pour apporter encore plus de sens et de compréhension.

Animation réalisé par Motion designer freelance à Paris
animation

7. Le retour des polices Serif

police serif
http://helentran.com/

Nous l’avons vu, la police va prendre de plus en plus de place dans le webdesign avec des tailles de police très larges.

Les typographies dites « Sans Serif » étaient les plus répandues à cause des écrans et des ordinateurs qui ne géraient pas très bien l’affichage des polices Serif.

L’émergence de nouvelles technologies telles que la “Font Face”, popularisée par Google Font et qui permet simplement d’intégrer n’importe quelle typographie sur tout type de site internet, a permis le développement des polices Serifs.

Les polices Serifs permettent d’apporter un style différent, élégant et moderne.

8. Videos go mainstream

Les images ont été les grandes tendances ces dernières années dans le webdesign. Les vidéos vont prendre le pas et ont déjà inondé les réseaux sociaux. Encore restreintes par des connexions mobiles 3G et 4G encore un peu lentes aujourd’hui, les vidéos vont se propager rapidement dès que ce frein va disparaître.

Que ce soit des vidéos en fond de bloc, pleine page ou des vidéos d’explication de produits ou de services, le format vidéo va continuer à s’étendre.

pexels videos
Pour ajouter des vidéos à votre site internet, il existe des banques de vidéos gratuites et libres de droit.

9. Place aux illustrations

Hioscar
https://www.hioscar.com/ny

Le webdesign a vu l’arrivée des banques d’images gratuites et libres de droit. Celles-ci ont envahi les sites internet avec leurs photos lifestyle d’hommes et de femmes au sourire parfait. Pour faire la différence, la tendance en 2018 va s’orienter sur l’illustration !

Le retour de l’illustration démontre à quel point la mode et les tendances sont des cycles qui reviennent régulièrement. La publicité dans les années 60 était déjà dominée par les illustrations.

L’avantage indéniable des dessins est de pouvoir illustrer des humains, des expressions, des services plus abstraits pour qu’on puisse plus simplement se projeter.

Voici d’ailleurs un projet qu’on aime beaucoup chez Orson : Undraw est un site internet qui met gratuitement à disposition des illustrations avec un design élégant et épuré. Vous allez pouvoir modifier la couleur de ces illustrations en un clic avec un colorpicker dédié. Chaque illustration peut être téléchargé au format SVG.

https://undraw.co/illustrations

10. Mobile first

L’annonce de Google d’indexer en priorité les versions mobiles de sites internet par rapport à la version desktop marque un tournant également dans le webdesign pour 2018.

Avec près de 60% des internautes qui surfent sur mobile, Google souhaite avec cette mesure imposer davantage la philosophie du ‘Mobile first’.

L’état d’esprit ‘Mobile first’ n’est plus uniquement de rendre son site internet responsive design, mais bien de créer une réelle expérience utilisateur pour les internautes mobiles avec une ergonomie, des tailles de boutons et des niveaux d’informations adaptés pour ces supports par essence plus petits.

11. Des expériences uniques

Nous voyons de plus en plus de sites web qui proposent une expérience, une ambiance à part entière avec des interactions et des vidéos en pleine page.

En comparaison avec des identités visuelles très riches que l’on voyait principalement dans le milieu des arts graphiques, les sites internet ont maintenant également la possibilité de créer des univers uniques pour les internautes.

Si ces expériences immersives permettent de récolter toute l’attention de vos visiteurs et ainsi vous de démarquer, elles demandent aussi de l’exigence et du temps pour pouvoir créer un environnement unique.
Ankoku Toshi Jutsu
https://www.ankoku-toshi-jutsu.com/#home

2018: Hot and fun en termes de webdesign

Chez Orson, nous avons hâte de commencer cette année avec toutes ces nouveautés !

Par la même occasion, nous vous souhaitons une bonne année sous le signe du design et de la création de sites internet.

N’hésitez pas à commenter et partager vos tendances dans la partie commentaires en bas de l’article.

A très vite !

Tsifei Chan

Fan de simplicité, growth et SEO