Comment utiliser intelligemment le design plat

Auteur: Randy Alexander
Date De Création: 1 Avril 2021
Date De Mise À Jour: 14 Peut 2024
Anonim
Comment dégauchir à la main : le corroyage à la varlope !
Vidéo: Comment dégauchir à la main : le corroyage à la varlope !

Contenu

Christophe Colomb a peut-être fait de sa vie l’œuvre de prouver que le monde était rond, mais dans le monde du design, le plat est là où il en est. Au cours des dernières années, nous avons assisté à un changement important dans la conception Web et la conception d'applications, passant d'un design riche et détaillé à un design minimal et plat.

Ce n’est pas nécessairement que nous, en tant que designers, sommes tombés amoureux du design riche. Je suggère que nous ayons simplement redécouvert un mode de communication visuelle plus concis dans le numérique.

C’est une philosophie de conception qui existe depuis longtemps, mais qui n’a été adaptée aux applications numériques que ces dernières années, maintenant que la technologie et la base d’utilisateurs ont mûri.

Influence suisse

Le design plat et ses principes ne sont pas nouveaux: ils existent depuis les années 1920. Si nous regardons la conception graphique de style suisse (aka International Style), nous voyons qu'elle se caractérise par sa simplicité, ses champs de couleurs vifs et sa typographie audacieuse.


Ces caractéristiques visuelles ne sont pas accidentelles mais définissent plutôt une approche de la conception qui préconise la fonction suivant la forme. Comme dirait Antoine de Saint-Exupéry: "La perfection est atteinte, non pas quand il n'y a plus rien à ajouter, mais quand il ne reste plus rien à enlever".

Et bien que ce niveau de simplicité puisse sembler facile à atteindre, il met en fait vos quelques choix de conception au centre de l'attention. La proportion, l'espace blanc, la typographie et la hiérarchie des informations sont tous exposés. Alors pourquoi faire tout cet effort?

Un style évolutif

La réponse à cette question est l'évolution. Le langage de conception Metro de Microsoft est l’un des premiers exemples les plus visibles de conception à plat dans le numérique. L'intention à l'époque était de créer une expérience authentiquement numérique et fonctionnant sur grand et petit écran, tactile ou non.


Leur opinion, et une opinion qui a été largement adoptée depuis, est que nous sommes tous habitués à utiliser la technologie maintenant.

Nous avons l'habitude d'interagir avec les ordinateurs, qu'ils soient assis sur notre bureau ou dans notre poche, et la surface obscurcissante qu'est l'interface devenait inutilement alambiquée et inutilement décorative pour nos cerveaux hautement évolués. Nous sommes désormais à l'aise avec des concepts abstraits et des mécanismes de contrôle nuancés tels que les menus cachés et contextuels.

Authentiquement numérique

Le design plat dans la conception Web est une extension de cette philosophie «authentiquement numérique». Nous reconnaissons qu'un fleuriste en ligne n'a pas besoin de ressembler à un fleuriste physique à l'écran pour que le public d'aujourd'hui le comprenne, mais cela représente également la manière dont la technologie façonne nos choix de conception.

Les outils à portée de main - CSS3, HTML5, JavaScript et l'importance croissante de la conception Web réactive - signifient que nous avons tendance à créer des frontaux hautement performants et extensibles sans le bagage excessif d'une interface utilisateur graphique hautement embellie.


Il y a cependant certains pièges à éviter lors du passage de grumeleux à plat.

Dangers du design plat

D'un point de vue esthétique, il y a la peur que vous ayez l'air démodé si vous ne faites pas le truc du design «plat» - et donc vous pourriez avoir envie de sauter dans le train en marche. Mais comme en témoigne la sortie d'iOS 7, il existe une possibilité très réelle d'échec.

Cette interface initialement inégale et incohérente, associée à un service de cartographie horrible, a été largement considérée comme Apple jouant le rattrapage avec Windows et Google et bâclant généralement la tâche. Pour une entreprise avec une histoire aussi riche en design emblématique, il s'agissait d'un faux pas important et inattendu.

S'il est négocié avec élégance et exécuté avec compétence, le passage à «plat» vous laissera avec quelque chose de propre, puissant et efficace - comme ces exemples de design plat bien fait.

Contrairement aux choix stylistiques à la mode, transitoires et inconstants du Web 2.0, le bouton brillant et les dégradés semblent tous détestés, le design plat - ou du moins les principes qui le régissent - devrait rester encore un bon moment.

Mots: Josh Kimnell

Joshua Kimnell est créatif senior chez Collider, une agence 360, spécialisée dans les stratégies de communication de lancement intégrées.

Articles Récents
Comment créer une application de tableau de bord avec React
Lire

Comment créer une application de tableau de bord avec React

Dan ce didacticiel, nou allon vou expliquer comment créer une application à l'aide de React, une bibliothèque Java cript permettant de créer de interface utili ateur. Cet outil...
Cadbury modifie la typographie emblématique des emballages de chocolat
Lire

Cadbury modifie la typographie emblématique des emballages de chocolat

Cadbury po ède l'un de logo et de emballage le plu emblématique du marché - avec cette enveloppe violette et ce logo en verre et demi. Ici, il ont dévoilé leur nouveau loo...
5 nouvelles tendances Web en vogue pour 2021
Lire

5 nouvelles tendances Web en vogue pour 2021

Tu te ouvien quand de moi et de année emblaient ju te pa er? En 2020, à l'inver e, le temp emble avoir ralenti, le cho e changent tellement qu'une eule emaine peut re embler à u...