La tendance du design plat est-elle finie? Nous ne le pensons pas. Ce n'est pas encore mort. Mais la tendance a évolué pour devenir moins dure et plus attrayante pour les utilisateurs.
Les débuts de la conception à plat ont été marqués par une absence totale d'éléments de conception tels que des ombres, des dégradés ou des éléments réalistes avec une texture. Beaucoup de ces éléments de conception sont de retour, mais sont jumelés à l'ensemble idée de design plat pour créer une expérience utilisateur de site Web qui est à la fois simple et facile à engager. En fonction de votre côté, cela pourrait être une meilleure version du design plat.
Voici un aperçu de l’évolution des tendances en matière de design plat et de notre situation actuelle.
Design plat 101
La conception à plat était la réponse rebelle à tous les éléments et textures tridimensionnelles trop réalistes - et souvent faux - qui ont inondé le Web au début des années 2010. Une partie du paradigme de la conception trop réelle est venue d’Apple, car c’était le style des icônes de l’app store et de ses appareils. (La société a fini par adopter un style plus plat après que la tendance se soit vraiment mise en place.)
Le design plat était vraiment ça. Il incarne des lignes épurées et un style plus 2D qui, selon les défenseurs, ont facilité la compréhension et l'utilisation. Les schémas de conception à plat se sont également concentrés sur des éléments de couleurs vives et axés sur la typographie plutôt que sur de nombreuses images. Généralement, une seule image ou illustration peut contenir la totalité de la page d'accueil dans un schéma de conception plat.
Le problème avec le design vraiment plat est que ce n’est pas toujours le cas. Certains utilisateurs ont trouvé que les styles réduits ne disposaient pas d'assez d'informations pour pouvoir les guider dans la conception. Mais, à une écrasante majorité, les concepteurs ont adoré. Le design plat est probablement l’une des tendances visuelles les plus importantes et les plus révolutionnaires de la dernière décennie, car elle perdure.
Conception matérielle
Pour bien comprendre pourquoi le design plat a changé si rapidement, il est important d'examiner le design des matériaux, le langage visuel défini par Google pour ses produits et ses applications.
La conception matérielle a pris les meilleures parties du design plat, puis a ajouté de petites touches de dimension subtiles. Le concept visait à améliorer la convivialité et les interactions des utilisateurs en fusionnant le monde numérique avec la réalité, en utilisant des effets tactiques et des mouvements réalistes.
Il a ramené des éléments tels que des ombres portées et a semblé «adoucir». la nature presque dure de la conception plate tôt.
La conception matérielle est un concept bien défini avec de nombreux documents de Google en constante évolution. Il continue également d'évoluer avec les tendances et les souhaits des utilisateurs. Pourquoi le matériau est-il si important à plat, c'est qu'il a poussé son évolution à plat beaucoup plus rapidement.
Appartement 2.0
Entrez Flat 2.0. Voici comment nous avons décrit la tendance dans les premières phases: «Flat 2.0 est plus facile à utiliser car il combine le meilleur du design plat avec des informations supplémentaires sur l’interface utilisateur pour vous aider à créer un design de site Web aussi beau que fonctionnel. Il est également très adaptable et fonctionne avec presque tous les concepts. Contrairement à certains des sites Web conçus à plat les plus purs, Flat 2.0 combine des éléments d'appartement avec des ajouts subtils pour améliorer la convivialité.
Nous n'avons pas imaginé? Flat 2.0? à la conception Shack. Le concepteur Ryan Allen l'a utilisé pour la première fois: «Flat 2.0 est une évolution, pas une révolution. Flat Design est une branche ludique de l’arbre plat. Le design plat est le sapin de Noël, le plat 2.0 est les ornements et les cannes de bonbon. Et des cadeaux. Pas de clinquant cependant, ce truc est un gâchis à nettoyer.
Flat 2.0 permet aux concepteurs de casser les règles strictes associées au design plat et de ramener certaines des techniques qui rendent les visuels plus attrayants (avec modération, bien sûr).
- Points forts
- Dégradés
- Plusieurs teintes et valeurs de couleur
- Ombre portée
- Toute palette de couleurs (pas seulement super brillante)
Flat 2.0 ne vit pas dans un monde où tout est élément ou icône de l'interface utilisateur. Les photos et les vidéos constituent une grande partie des interfaces Flat 2.0. (Beaucoup de puristes du design plat ont pensé que ces éléments visuels éloignaient l’objectif de l’esthétique.)
Appartement 2017
Maintenant, la plupart des dessins se situent quelque part au milieu de toutes ces tendances et idées. Il y a toujours un réel penchant pour des styles plus plats, mais il y a beaucoup plus dans les designs. Cette évolution n'a pas encore été nommée, mais vous pouvez voir les caractéristiques communes à de nombreuses conceptions de sites Web.
Voici à quoi ressemble le design plat en 2017:
Éléments plats
De nombreux styles de boutons et d’éléments d’interface utilisateur issus de projets de conception à plat d’origine sont restés bloqués. Le style de bouton plus simple - une boîte rectangulaire avec des bords carrés ou légèrement arrondis avec du texte blanc ou noir - est commun. Les logos et les icônes ont également adopté ce style plat et associés à un design de page d'accueil plus élaboré, ils se démarquent vraiment.
Navigation simplifiée
L'icône hamburger et la navigation cachée sont nées du design plat, car les concepteurs essayaient de supprimer des éléments du flux visuel.
Couleurs vives et lumineuses
Grâce aux palettes de couleurs vives et à l’acceptation de davantage de couleurs provenant de motifs plats, le Web est devenu un peu plus heureux. Cela a évolué vers une grande tendance actuelle consistant à utiliser des dégradés de couleurs vives sur les pages d'accueil, en tant que visuel dominant ou en tant que superposition de photos.
Pages d'accueil minimales
En règle générale, les pages d'accueil sont beaucoup moins occupées et ont tendance à se concentrer sur des actions uniques. Même avec plusieurs éléments, une seule direction ou action de l'utilisateur donne l'impression que l'ensemble du projet est un peu moins occupé.
Une meilleure typographie partout
Les conceptions épurées devaient se concentrer sur le bon type. Cette idée, associée à l'utilisation croissante de kits de types et de polices Web de meilleure qualité, permet aux concepteurs de se concentrer plus facilement sur la typographie en ligne.
Moins? Faux? Effets
Le skeuomorphisme n'est vraiment pas revenu. Bien que davantage de techniques de conception soient utilisées dans la version 2017 de la conception à plat, les styles trop conçus, qui tentent d'être réels, n'ont pas réapparu.
Mouvement intégré et commentaires
Le plus gros avantage de la conception matérielle est l’idée de la boucle de rétroaction appliquée aux éléments visuels et à la communication avec les utilisateurs.
Beaucoup d'espaces
Les écrans sont devenus plus grands (sur les ordinateurs de bureau et les appareils mobiles) et les concepteurs exploitent cet espace en l’utilisant comme un espace pour conserver la sensation minimale d’appartement. (Et la plupart du temps, cet espace supplémentaire n'est pas blanc.)
Couches plates
Les éléments superposés sans ornementation peuvent être esthétiques et fournir des informations supplémentaires aux utilisateurs.
Éléments de conception surdimensionnés
Les gros textes, les grandes images, les gros boutons et les grandes icônes sont pratiquement la norme, même grâce aux projets les plus anciens utilisant un design plat.
Conclusion
L'évolution du design plat nous a laissé un meilleur web. C'est plus facile à lire. c'est plus utilisable; ça a l'air plus joli.
La meilleure chose à propos de cette tendance - et la raison pour laquelle elle vit - est qu’elle est suffisamment souple pour évoluer facilement. Les concepteurs peuvent utiliser les pièces et les concepts de la conception à plat qui fonctionnent le mieux et les intégrer à presque tous les projets. C'est pourquoi nous en voyons encore tellement dans les projets d'aujourd'hui et pourquoi le design plat n'est pas simplement une autre lubie éphémère.