Design plat : histoire, avantages et application pratique. Flat design : passé, présent et futur Histoire du flat design

Nous ne savons pas si vous l'avez remarqué ou non, mais dernièrement (surtout l'année dernière), il y a eu une nette tendance dans la conception de sites Web à travers le monde vers la simplification, le minimalisme brutal et l'allègement visuel de ce avec quoi nous, les utilisateurs, interagissons. jour. En termes simples, le design est devenu « plat » : contrairement aux icônes convexes de l'époque de la croissance rapide des réseaux sociaux et du web 2.0, nous sommes désormais de plus en plus accueillis par de simples icônes de nouveaux services. Tout cela tire son nom : le design plat. Pas un appartement, mais un appartement.

Avec la présentation hier du nouvel OS mobile, iOS 7, Apple a enfin confirmé la croissance rapide de la popularité de cette tendance, qui fait traditionnellement le bonheur de certains de ses fans, mais rencontre également un mécontentement important parmi les utilisateurs et concepteurs expérimentés. Quel est le problème? A quoi sert ce design plat et le monde en a-t-il vraiment besoin ? Nous avons décidé de nous tourner vers des experts ukrainiens et étrangers.

Nous leur avons demandé de répondre à trois questions principales :

pourquoi le monde a commencé à s'orienter vers le design plat sur le Web et les mobiles et de quoi il s'agit ;
qu'est-ce que cela donnera à Apple et iOS 7 ;
comment cela affectera les concepteurs d'une part et les utilisateurs d'autre part.

Denis Sudilkovsky, Kyiv
Spécialiste du design d'interaction, producteur Prodesign.in.ua

L’« effet pendule » dans la prévision de l’avenir se manifeste dans le fait que s’il existe deux extrêmes sur une question donnée, l’humanité basculera d’un côté à l’autre. Cela est sans doute vrai pour la conception de systèmes interactifs. Le Web plat et primitif sans intérêt s'est autrefois transformé en de volumineux boutons basés sur le Web. Les visualisations d'interface ont atteint leur apogée de réalisme et le pendule vole dans la direction opposée - plat et simple.

Qu’est-ce qu’Apple en retirera ? Il conservera sa place dans la tendance et des centaines de milliers de commentaires selon lesquels leur iOS devient très similaire à Android.

Les concepteurs devront évoluer (et ne plaisantez pas sur le moment où le design plat viendra dans l'ingénierie mécanique et nous donnera des voitures plates :). Lorsqu'il n'y a pas de décoration, tout le travail consiste à créer une ambiance avec du contenu pour un scénario précis avec l'utilisateur. Ce métier aura de plus en plus de points communs avec celui de Réalisateur qu'avec celui d'Artiste. Les utilisateurs, au contraire, reçoivent de nouvelles expériences et de nouvelles impressions. Personnellement, j'étais un adepte de l'iPhone depuis 4 ans, mais ce printemps, j'ai changé mon téléphone pour Android pour la seule raison : j'en avais marre de l'idéalité monotone de l'interface Apple.

Daniel Bruce, Stockholm
Création numérique senior, danielbruce.se

Tout d’abord, je tiens à préciser que je n’aime pas le terme « flat design ». Depuis des siècles, la plupart des graphismes sont « plats ». Je pense également que cela limite votre capacité à faire ressortir un design lorsque le choix est entre un appartement plat et autre chose. Le design peut être bien plus que cela. Joyeux, lumineux, sombre, positif, minimaliste - vous pouvez l'appeler comme vous voulez. Mais aujourd’hui, j’entends rarement quelqu’un considérer le design comme autre chose que plat ou scléromorphe. C'est un peu triste.

Pourquoi le web et le mobile tardent-ils à évoluer vers le flat design ? D'après moi, c'est juste une tendance. Je n’ai jamais vu d’articles sur les avantages du flat design dans les interfaces utilisateur et je n’en suis toujours pas convaincu. Un design simple et clair – oui, mais ce n’est pas la même chose que « plat ». Regardez Google par exemple. Ils ne font pas de designs complètement plats, ils – et je partage ce point – voient toujours la nécessité d’une certaine profondeur et variation.

J'ai été très surpris lorsque Microsoft a choisi cette direction il y a quelques années, en présentant le célèbre style Metro. En fait, ils ont utilisé la conception graphique pour de grands panneaux que les gens regardent à certaines distances et n'interagissent jamais avec de petits écrans comportant un nombre important d'éléments. Ils ont l’air jolis, mais ont-ils une bonne convivialité ?

Ce que j'ai vu chez Apple hier soir n'était qu'une mauvaise copie de plusieurs designs intéressants qui sont apparus sur des sites comme Dribbble et Behance au cours de l'année écoulée. Je n'ai rien vu de nouveau - sauf que c'est loin d'être le même "vieil Apple" de Steve Jobs. L’entreprise a montré qu’elle n’était pas à la pointe en matière de conception d’interfaces mobiles. Bien sûr, nous verrons les fans adopter tous ces designs blancs et ces dégradés créatifs au cours des prochains mois, mais je ne pense pas que cet aspect aura autant d'impact que les récents arrêts de Google. Mais d’un autre côté, quoi qu’il en soit, Apple a toujours été un pionnier et une source d’inspiration pour de nombreuses personnes, dont moi.

Quant aux utilisateurs ordinaires, ils aiment les couleurs vives.

Ivan Klimenko, Kyiv
concepteur d'interfaces mobiles, 5tak.com

Dans une large mesure, je suis un peu philosophique quant à cette situation de fascination pour le style plat. Ce n’est pas la première fois que les designers s’intéressent au minimalisme et aux matériaux artificiels. Tout passe.

L'ère Bauhaus des années 20 et 30 a apporté une énorme contribution au design, mais la rigueur tonale et l'artificialité n'ont pas pu résister au désir et au besoin intérieur des gens d'exister entourés de choses plus naturelles.

Puis, dans les années 60, tout le monde a commencé à admirer le plastique.

Les meubles, la vaisselle et même les vêtements sont tous en plastique. Il semblait que c'était un nouvel espoir pour l'humanité, mais encore une fois non - les gens sont très vite revenus aux formes naturelles ou aux copies de matériaux naturels.

Le contraste dur des formes et le graphisme minimaliste ont toujours exprimé l’accumulation de conflits internes à la société. Le design n’est qu’un miroir qui montre notre monde intérieur. Il se passe trop de choses. La vie s’accélère beaucoup et nous n’avons tout simplement pas le temps de réfléchir et de réfléchir à quoi que ce soit. Nous n’avons souvent pas le temps de vivre.

Le minimalisme et tout ce matériel électronique ne sont qu’une étape sur la route vers quelque chose de plus naturel et humain. Plus qu'un simple ordinateur. Je suis même triste qu'Apple, qui a su regarder en profondeur, n'existe plus.

Olesya Grichina, Kyiv
Concepteur d'interface utilisateur chez Componentix, twitter : elendiel

Je pense que les concepteurs ont été grandement influencés par le grand nombre de gadgets avec différentes tailles d'écran et résolutions - pour toute cette diversité, il est plus facile de créer un design sans textures, sans ombres complexes qui prennent correctement en compte l'éclairage, etc. Ils ont commencé à réfléchir davantage à « comment le rendre plus pratique pour l’utilisateur » plutôt qu’à « comment dessiner magnifiquement ». Le contenu est l'essentiel et dans notre travail, il est important de le présenter de la meilleure façon possible.

Il me semble que derrière les changements externes (interface utilisateur plate, icônes), ils n'ont surtout pas remarqué de changements sérieux dans la facilité d'utilisation, et comment ils jurent sur ce sujet. Lorsqu’ils vérifieront que cela fonctionne, il commencera à dire : « Ohhh, comme c’est pratique, et pourquoi ne l’ont-ils pas fait avant ? J'espère que cela influencera les concepteurs de telle manière qu'ils accorderont plus d'attention à la convivialité de l'interface plutôt qu'aux textures et aux ombres. Au final, il sera possible d'expliquer aux clients que c'est une tendance :)

Je pense que le design plat n'affectera pas particulièrement les utilisateurs - s'il leur convient de créer et de consommer du contenu, il y aura beaucoup de gens satisfaits. Mais les icônes sur l'écran d'accueil sont toujours acides :)

Pavel Grozyan, Kyiv
Concepteur de produits chez MacPaw, Grozyan

"Pomme! A-ha-ha, arrête ça ! - Les designers crient. - Hourra, c'est devenu plus facile. - les utilisateurs scandent." Je comprends les deux points de vue. Aujourd'hui, après la présentation de la WWDC2013, beaucoup de mes collègues se sont levés et ont dit : "Au diable ce métier ! N'importe qui peut dessiner de telles bêtises maintenant. Et ces icônes pour 30 $ ?!" Et à première vue, ils ont raison. Mais si vous creusez plus profondément, vous vous rendez compte qu'il existe des milliers d'objets qui ont longtemps différé les uns des autres uniquement par le scénario d'utilisation, puis par la forme, puis par la couleur, et seulement ensuite. dans les détails artistiques. Je me souviens de l'époque où tous ces gars sur leurs profils LinkedIn disent aujourd'hui UX, UI Designer, copiaient nerveusement l'effet d'ombre blanche des lettres, puis des sites Web clairs et légers comme Apple, puis des interfaces riches en textures et en réalisme. Tout leur travail était une copie, car il n'existait pas de concept de développement original, unifié et pratique pour tout le monde. C'est précisément cette tâche que le design plat résout aujourd'hui. Même si cela me semble faux, c'est une bonne chose que Microsoft l'ait fait. pas l'inventer, et il s'est formé dix ans avant l'ère numérique, dans le domaine de l'édition.

Plat - ce n'est pas pour les clics, c'est pour les clics, les tapotements, les tapotements. On ne peut pas l'appeler plat - l'absence de textures « épaisses » et d'ombres sur les boutons le rend plutôt simplifié, et sans agression visuelle. Et vous ne pouvez pas vous passer de dégradés pour les boutons. Je soutiens cette tendance. Si cela ne nuit pas à la qualité de l’expérience utilisateur, il sera plus facile à vivre pour tout le monde. Tout d'abord à l'utilisateur. Deuxièmement, pour le créateur : ce sera plus simple dans la mise en œuvre technique, plus pratique pour cliquer (liens soulignés - bonjour) et multiplateforme - combinant web, mobile et ordinateur de bureau en une seule expérience. Il s’agit sans aucun doute d’une décision audacieuse pour Apple. Et eux seuls peuvent en décider. Leur histoire a des dizaines de confirmations, ils ont donc plus de chances de réussir que l'inverse.

Récemment, un style spécifique dans la conception de sites Web et d'interfaces utilisateur a acquis une énorme popularité, qui, en raison de la stylisation de ses éléments, est appelé Flat.

Si vous regardez un site Web réalisé selon les règles Flat, vous ne verrez aucune transition de dégradé, aucune ombre, pas le moindre soupçon de volume ou de texture. Les principes de base du style plat sont la simplicité, la concision et le minimalisme. Les principales caractéristiques distinctives sont les éléments sur lesquels vous pouvez vous concentrer : couleurs vives inhabituelles, typographie non standard, primitives graphiques.

Aujourd'hui, de plus en plus de designers utilisent cette tendance dans leur travail, mais le style Flat a gagné en popularité avec la diffusion des systèmes d'exploitation mobiles modernes Windows Phone et iOS 7, car ils suivent cette tendance, bien qu'ils n'y adhèrent pas. complètement.

Notre entreprise a déjà de l'expérience dans la création de sites Web de style Flat, et nous serons heureux de vous aider à créer un site Web plat !

Dans cet article, nous mettrons en évidence les principes de base du flat design que vous devez suivre si vous souhaitez utiliser le flat comme style principal de votre projet.

Ci-dessous, nous analyserons et donnerons des exemples de certains sites qui utilisent le style plat.

1. Supprimez tous les effets

Le principe de base du flat design est la création d’une image bidimensionnelle déjà plate en elle-même. Dans le même temps, vous devez vous débarrasser de tous les éléments qui peuvent ajouter au moins une certaine profondeur à l'image : dégradés, transitions douces, ombres, biseaux, volume, textures, etc. Tous les éléments de l’image ont des bords nets et ne ressortent pas non plus ni n’ont de profondeur par rapport aux autres éléments de l’image.

Dans le design plat, vous ne trouverez pas d'éléments qui tentent de paraître réalistes (skeuomorphisme), d'animation 3D, d'icônes réalistes, etc. Cependant, le design lui-même essaie de rester similaire au design traditionnel, mais les étiquettes, les boutons et la navigation sont désormais mis en avant.

À première vue, un site utilisant le design plat peut sembler trop simple, même si en fait ce style se caractérise par une hiérarchie claire d'éléments, un placement pratique de tous les outils d'interaction utilisateur et a donc un taux d'utilisabilité élevé.

2. Utilisez des éléments simples

Pour atteindre leurs objectifs en matière de design plat, les concepteurs utilisent des boutons et des icônes. Ils doivent être aussi intuitifs et cliquables que possible. Comme tous les autres éléments de l’interface, ils doivent être plats et simples, sans effets supplémentaires. Les concepteurs utilisent également souvent des formes géométriques simples : rectangles, cercles et carrés, permettant à chaque forme d'être un objet distinct.

3. Concentrons-nous sur la typographie

Étant donné que, selon le principe précédent, les graphiques du design plat sont simples, la typographie est un élément extrêmement important - la conception des inscriptions. Dans le design plat, la typographie est mise en avant avec les boutons.

Les polices doivent être lisibles et, bien sûr, cohérentes avec le design, car avec un design simple, les polices extrêmement ornées sembleront déplacées. Cependant, vous ne devez pas utiliser de polices ordinaires ; il est préférable d’expérimenter et de choisir celle qui attirera l’attention de l’utilisateur.

Vous pourriez envisager de combiner une simple police sans empattement avec une nouvelle police qui sera perçue comme un élément artistique. Les polices devraient permettre au design d’être plus simple et plus clair, tandis que les boutons et autres éléments ne devraient servir qu’à améliorer l’interactivité.

4. Attirons l'attention avec la couleur

La couleur joue presque le rôle principal dans le design plat. Si vous étudiez attentivement les sites créés sur la base de ce concept, la première chose qui attire votre attention est la palette de couleurs vives. Il se compose généralement de plusieurs couleurs pures (sans nuances) contrastées, deux ou trois, bien que ce nombre puisse atteindre jusqu'à huit. De plus, toutes ces couleurs sont généralement utilisées de la même manière.

Les couleurs les plus populaires sont les couleurs primaires et secondaires. C'est-à-dire les couleurs primaires (cyan, magenta, jaune, noir) et celles obtenues à partir de leur mélange. Très souvent également, des couleurs rétro sont utilisées dans la palette de couleurs lors de la création d'un design plat, comme le saumon, le violet, etc.

5. Minimalisme

Le design plat est de nature simple et s’intègre bien dans une approche minimaliste.

Dans la conception globale du site, vous devez éviter trop de cloches et de sifflets. Bien sûr, de simples couleurs et du texte peuvent ne pas suffire. Par conséquent, si vous souhaitez ajouter des effets visuels, vous devez choisir des photos simples. Certains sites de produits de vente au détail utilisent un design plat pour placer leurs produits sur un arrière-plan simple et non distrayant.

Il est à noter que certaines photographies ont une profondeur naturelle, mais globalement elle s'inscrit dans le plan global de la conception.

Plat - conception (conception plate) est un style populaire dans la conception de sites Web et d'interfaces, ainsi que de systèmes d'exploitation, dont les caractéristiques sont la simplicité, la sophistication et le minimalisme. Le design plat a commencé à gagner en popularité en 2010, à l’opposé du skeuomorphisme.

Skeuomorphisme- un ornement physique ou un élément de design copié à partir de la forme d'un autre objet, mais fabriqué à partir de matériaux différents ou utilisant des méthodes différentes. Les exemples incluent des poteries décorées de rivets d'imitation pour ressembler à des pots similaires en métal, ou un calendrier informatique qui imite l'apparence des pages agrafées d'un calendrier de bureau en papier (définition de Wikipédia).

La vulgarisation du style plat dans le design a été facilitée par la sortie du système d'exploitation Windows 8 de Microsoft dans le style Metro, ainsi que par iOS 7, dans lequel Apple choisit également un style plat. C’est après cela que commence la véritable ère du flat design. Bientôt, les grands services et applications de recherche - Google, Youtube - passent au Flat-design ; de nombreux sites apparaissent qui utilisent les principes du style plat dans leur conception ; Ces dernières années, le design plat a été un leader dans les tendances mondiales en matière de conception de sites Web.

Avantages du design plat

Praticité- l'utilisation du flat design permet de minimiser le nombre de styles, de scripts et d'animations, ce qui permet au site de se charger plus rapidement.
Facile à adapter- le design plat est assez simple pour s'adapter à différentes résolutions d'écran.
Facilité d'utilisation- grâce au style simplifié, il est plus facile pour les utilisateurs de percevoir les informations sur le site.
beauté- L'impartialité externe et les designs simples vous permettent de vous concentrer sur un design qui vous séduit vraiment.

5 principes de conception de sites Web plats

Le design plat n’est pas du tout ennuyeux, comme cela peut paraître à première vue. Grâce à leur pureté et leur sophistication, les solutions de design peuvent être élégantes et belles, sans bruit inutile, vous permettant ainsi de vous concentrer sur votre produit ou service.

1 - Utiliser des objets 2D

Le design plat exclut l'utilisation d'éléments qui donnent de la profondeur et du volume à un objet : ombres, dégradés, reflets, textures, reflets, animation. Lorsqu'un objet est imagé, seuls ses contours sont affichés.

2 - Icônes et objets simples

L'utilisation d'icônes plates et de formes monosyllabiques avec des contours clairs et de la même couleur vous permet de simplifier au maximum le design et de le rendre plus léger. Les commandes deviennent intuitives pour l'utilisateur et encouragent l'interaction.

3 - Polices simples dans le style design

Une grande attention est accordée à la typographie et aux polices du design plat. L'italique n'est pas utilisé ici ; la police s'intègre harmonieusement dans la conception du site Web, non seulement dans le contenu, mais aussi dans la navigation. Même dans les types de polices du site, le style minimaliste est encouragé.

4 - Jeu de couleurs

Le design plat contient plusieurs couleurs primaires, qui excluent l'utilisation de transitions et de dégradés fluides, mais peuvent être lumineuses et contrastées les unes par rapport aux autres.

5 - Minimalisme

Le design plat implique l'utilisation de la visualisation d'éléments, utilisant toute la largeur de l'écran tout en minimisant les informations.

Il existe un design presque plat. Il s’agit de l’un des concepts de design plat qui implique l’utilisation d’éléments simples et d’un espace bidimensionnel. Un exemple de ceci serait une photo de haute qualité dont l’arrière-plan est flou ou sombre. Cela vous permet de créer de la profondeur et de la perspective de l'objet.

Exemples de conception plate

Sur Internet, y compris dans le segment biélorusse, vous pouvez trouver de nombreux exemples de développement de sites Web au design plat sur divers sujets, notamment des ressources d'actualité, des portails et même des boutiques en ligne.

Relativement récemment, une direction de conception telle que le design FLAT ou le design plat est devenue populaire.

Les utilisateurs de Windows 8 et des versions ultérieures connaissent déjà le design FLAT, puisque la première chose qu'ils rencontrent lors du chargement du système est cet écran.

L’apparition même du design FLAT est due à la diffusion des applications mobiles. Et je pense que cela est dû au fait que les objets de conception FLAT sont créés à l'aide d'objets vectoriels et, par conséquent, ils sont plus faciles à adapter aux différentes plates-formes de gadgets.

FLAT – la conception présente les caractéristiques suivantes :

Rejet total ou partiel des dégradés, des textures complexes et des ombres , ce dont je suis personnellement très heureux. Je n'ai rien à redire sur les ombres et j'adore les utiliser moi-même, mais laissez disparaître les éternels problèmes d'affichage des dégradés.

La typographie, la géométrie sont mises en avant. Surtout quand il s'agit de conception de sites Web.

Harmonie et. Le design utilise un nombre limité de couleurs. Voici un exemple de la populaire palette de conception FLAT.

Utilisation d'icônes informatives créatives.

Comme je l'ai déjà dit, le design FLAT est devenu très populaire dans les applications mobiles, car sa principale caractéristique est la simplicité de mise en page et l'adaptabilité. Le design FLAT s'est également répandu dans l'infographie, car il repose sur la perception harmonieuse de l'information grâce à l'utilisation de techniques constructives de typographie et de couleur.

À une certaine époque, la tendance la plus populaire en matière de conception de sites Web était le Web 2.0. Aujourd'hui, sa place a été prise par le design FLAT. La mode a l’habitude de revenir à l’ancien bien oublié pour en faire quelque chose de nouveau. Qui sait quand le design FLAT sera démodé, mais pour l'instant, profitez de la simplicité, de l'harmonie et du contenu informatif de la tendance actuelle. À propos, le design plat était déjà populaire dans les années 80, mais cela était dû à des caractéristiques techniques et à l'incapacité d'afficher les ombres et les dégradés. Et maintenant, la plupart des grandes sociétés informatiques sont passées au design plat.

Eh bien, nous aussi, nous nous adapterons au monde en évolution. Dans le prochain article, je vais vous montrer comment créer des icônes de style FLAT à l’aide de formes simples dans Photoshop.

Si mes publications vous intéressent, alors je vous propose de vous tenir au courant des dernières mises à jour du site.

(Visité 2 333 fois, 1 visite aujourd'hui)

Les sites Web de style design plat ressemblent à un simple espace de blocs géométriques avec des accents colorés (icônes, surlignages de texte, infographies) avec un minimum de détails graphiques et sans informations textuelles excessives. Comme on dit, du « minimalisme » et rien de superflu.

Comment ne pas dessiner d'icônes plates

Le design de sites Web « plats » est devenu à la mode avec les nouvelles interfaces Windows. La popularité croissante de ce style en Russie a été facilitée par l'augmentation du nombre de concepteurs de sites Web autodidactes qui ne savent pas que l'interface du site Web et l'interface « doigt » (smartphones) ne sont pas la même chose (il est facile de faire défiler faites défiler la page avec votre doigt - et, au contraire, vous aurez besoin de beaucoup de patience et d'un réel intérêt pour faire tourner la molette de la souris vers le bas de 3 à 4 écrans). Sur les sites d'appartements russes, vous pouvez souvent trouver les icônes suivantes :

L'exemple est simplement des couleurs vives qui ne correspondent pas les unes aux autres + des icônes de mauvaise qualité (j'ai pris l'exemple d'un ensemble payant, mais presque toujours les pigistes utilisent des icônes téléchargées gratuitement à partir de différents ensembles qui ne correspondent pas non plus les unes aux autres).

En raison de leur incapacité à dessiner des graphiques de haute qualité, les concepteurs débutants saisissent facilement l'opportunité de tout simplifier. Dans le même temps, on oublie qu'un design de style « minimalisme » présuppose une élaboration précisément de haute qualité des détails de l'interface, et pas simplement le placement d'icônes téléchargées sur Internet sur des carrés colorés dans le style Windows 8 (que l'on peut désormais trouver sur de nombreuses pages de destination prétendument « modernes »).

Exemple de bonnes icônes plates :

Les couleurs et les icônes doivent non seulement être combinées les unes avec les autres, mais également former un tout.

Problèmes de conception plate de mauvaise qualité

1. Navigation et convivialité

Le réseau n'est PAS un espace réel, par conséquent, afin de créer un sentiment de réalité et de comprendre votre emplacement, les sites utilisent un « fil d'Ariane » et les images d'icônes sont proches des objets réels pour une compréhension rapide et une facilité de navigation. Ainsi, par l'icône de la maison, il est immédiatement clair que c'est « la maison », par l'icône du combiné - que c'est un téléphone, par le panier - que c'est un panier (comme dans un supermarché - tout est clair et simple), une icône avec une image d'un cadeau - un cadeau, etc.

Cependant, les nouveaux concepteurs plats simplifient souvent à l’excès les icônes. Et plus les concepteurs s'éloignent des images intuitives, plus il est difficile pour l'utilisateur de les interpréter. Une simplification excessive rend parfois la navigation difficile. Dès que tout le monde s'est précipité pour créer un design de site Web plat à la mode, en essayant d'imiter les designers européens, les règles simples de convivialité ont été oubliées.

2. Longues enveloppements de pieds plats

Les pages s'étendent sur 3-4 écrans, alors que l'espace est non seulement utilisé avec parcimonie, mais au contraire, une quantité excessive d'« air » est ajoutée. Dans le même temps, il n'y a aucune motivation visuelle pour le défilement - pas de puces, pas d'animation. La manière dont les développeurs envisageaient d'intéresser les visiteurs à faire défiler la page n'est pas claire. Après tout, comparés aux sites où tout est compact, les sites de chaussures nécessitent beaucoup d'énergie pour déplacer la souris sur tout l'écran et faire défiler.

3. Boutons déroutants

Sur les terrains plats, les éléments actifs ne sont plus évidents. Avec l’avènement du design plat, les boutons sont également devenus plats. Mais l’image visuelle du bouton provient d’un véritable bouton physique, et les ombres et les dégradés montrent simplement que « vous pouvez certainement cliquer ici ».

4. Icônes mal dessinées

En raison du travail de mauvaise qualité des concepteurs, les icônes des sites Web (cela est particulièrement visible sur les sites Web de style plat) ont perdu leurs images prévisibles. Soit en raison de budgets de conception limités, soit en raison de l’incompétence des concepteurs Web eux-mêmes, les éléments de navigation sur les sites ne correspondent souvent pas aux associations primaires et sont « tirés par les cheveux ».

Je suppose que le travail de création d'icônes ressemble à ceci : selon les spécifications techniques, une icône « Approche individuelle des clients » est nécessaire. Personnellement, j'ai l'image d'un manager et de deux clients, chacun étant dirigé par une flèche de couleur différente (une flèche bleue mène à un client bleu, une flèche rouge mène à un client rouge). Si un designer ne sait pas dessiner, il cherchera une icône dans des sets prêts à l'emploi (dans le meilleur des cas, il l'achètera dans une banque de photos, dans le pire des cas, il la téléchargera sur Internet) et utilisez celui dont le sens est le plus approprié. Très probablement, ce sera l'icône d'un homme avec une cravate ou une valise. En général, il n'est pas allé très loin, mais toujours dans la conception du site, il sera clair que la valise pour « l'approche individuelle de chacun » et la montre pour « 10 ans sur le marché » (d'ailleurs, j'ai effectivement vu ça!) – le concepteur a triché.

5. Fausse concentration sur le contenu

La conception de sites Web plats suppose de se concentrer sur le contenu. Eh bien, évidemment, si l'accent n'est pas mis sur les graphiques, alors sur l'information. Mais si vous regardez attentivement les pages de destination de style plat « modernes » proposées par les studios Web russes, peu d'attention est accordée au contenu. À savoir:

Le texte est présenté au hasard. On ne sait pas comment les accents y sont placés, à quoi s'accrocher et ce qui est secondaire.
Il n’y a pas de conception en tant que telle. Les tableaux, les listes à puces, les titres et les annonces ne sont souvent pas développés du tout.
Texte souvent nu. Il n'y a pas d'images ou d'icônes pour soutenir visuellement les blocs de texte. En conséquence, l’accent n’est pas mis sur le graphisme ni sur le texte, mais sur le « style » lui-même. Dans le même temps, l’entreprise et ses offres se perdent.

Alors, le flat design est-il nécessaire pour les sites Web ?

Tout est clair avec la conception des interfaces pour smartphones - légères, déchargées, simples à utiliser. Mais avec la conception de sites Web dans le style plat, je me pose personnellement une grande question : est-ce efficace ?

La plupart des clients ne comprennent pas la qualité des graphiques et, lorsqu'ils approuvent la conception d'un site Web, sont guidés par leurs goûts personnels (j'aime/je n'aime pas). Et ici, la mode joue un rôle.

La conception de sites Web plats peut être cool. MAIS! Un design cool nécessite une conception de très haute qualité en termes de convivialité et d'éléments graphiques ainsi que la présence de fonctionnalités et d'effets créatifs. Et s’ils sont absents du design, si les sites manquent d’originalité, ils paraissent monotones, vides et ennuyeux. En général, c'est ce qui est désormais disponible sur la plupart des sites russes.

Un exemple de design plat de haute qualité :

La mode de la conception de sites Web plats est temporaire, comme toute autre mode. Certaines personnes créent des designs originaux et créatifs, tandis que d’autres les copient et les imitent avec style parce qu’ils ne savent pas comment les créer eux-mêmes. Et les sites de « mode » bon marché poussent comme des champignons…

Il pourrait être utile de lire :