Flat design : pourquoi le design est-il devenu plat ? Flat design : passé, présent et futur Avantages et inconvénients du style.

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)

Qui développe des applications mobiles et des sites Web, a écrit une chronique pour nous et a tout mis à sa place en matière de design plat et matériel.

Dans l’ensemble, la différence entre le Flat design et le Material Design est subtile. Pour une personne qui n’a pas de connaissances approfondies en graphisme, ils peuvent en effet sembler très similaires. Dans cet article, je vais essayer de « faire la lumière » sur certaines des différences entre eux. Vous recevrez des connaissances supplémentaires si nécessaires pour ne pas blesser accidentellement la nature délicate du designer.

Un peu d'histoire

Avant de commencer à parler des différences entre les deux tendances de design les plus populaires, découvrons d'où elles viennent. Il existe une opinion selon laquelle la conception matérielle est créée sur la base d'une conception plate. Alors, d’où vient le design plat ?

Skeuomorphisme

Lorsqu'il s'agit d'interface utilisateur et de conception Web, le concept de skeuomorphisme fait référence à une approche dont l'idée principale est l'imitation. Sans entrer dans trop de détails, rappelons-nous simplement les interfaces Apple pré-iOS 7 avec leurs « textures, éclairages et effets explosifs réalistes ».

La tentative de faire ressembler les objets numériques à leurs homologues du monde réel était motivée par la nécessité de faciliter l'interaction de l'utilisateur avec l'appareil. En fait, c’est la raison pour laquelle toutes les interfaces aux textures réalistes dominent le monde numérique depuis de nombreuses années. La conception skeuomorphique fait un excellent travail en aidant les utilisateurs à passer en toute transparence du monde réel au monde numérique.

Cependant, avec l’essor de la technologie mobile, il devient progressivement nécessaire de se concentrer principalement sur la commodité et la facilité d’utilisation. D'accord, dans ce domaine, la nécessité de créer des solutions mobiles accessibles depuis différents appareils augmente considérablement. Et à ce moment précis, la simplicité devient la nouvelle norme en matière de design.

Remarque : Ne pensez en aucun cas que le skeuomorphisme ait complètement disparu. Il est largement utilisé dans les jeux où il est nécessaire de créer un monde réaliste et d'aider les joueurs à ressentir leur personnage afin de s'immerger profondément dans le processus de jeu.

Conception plate

Ce style est totalement dépourvu d’objets tridimensionnels. En gros, le design plat manque d'éléments stylistiques tels que les ombres portées, les textures, les dégradés, mais prête attention au jeu des polices, des couleurs et des icônes. Mais pourquoi tout cela était-il nécessaire ? La réponse est simple.

Premièrement, la conception plate réduit considérablement le temps de chargement des pages. L'absence de détails skeuomorphiques « lourds » (pensez : calques, polices serif, dégradés) rend les éléments de conception plats « plus légers », ce qui accélère considérablement les temps de chargement. De plus, les éléments plats sont tout aussi attrayants sur les écrans haute et basse résolution.

Deuxièmement, des images simples peuvent transmettre votre idée aux utilisateurs plus rapidement que des illustrations détaillées : elles sont sommaires et donc assez faciles à comprendre.

Et bien sûr, des icônes plates avec une police relativement simple peuvent attirer l'attention des utilisateurs sur un contenu vraiment important.

Aujourd’hui, le design plat bénéficie d’une reconnaissance bien méritée, mais il présente encore des problèmes. L'exemple le plus évident de tels problèmes est la sortie de Windows 8 par Microsoft. Ce système d'exploitation est considéré comme un pionnier du design plat et prend en charge le concept de design Metro. Ce qui a posé problème, c’est que l’entreprise a jugé nécessaire d’accorder plus d’attention à la typographie qu’aux graphismes eux-mêmes.

Les résultats d'un test d'utilisabilité de Windows 8 mené par NN Group ont montré que les utilisateurs avaient des difficultés à distinguer les objets cliquables des objets non cliquables. Les utilisateurs se sont plaints du fait que les objets qui semblaient statiques étaient en réalité cliquables. En conséquence, la mission principale de l’entreprise – aider les utilisateurs à interpréter correctement le système – a échoué.

Apple est une autre entreprise souvent associée au design plat. Ils se sont éloignés des éléments de conception skeuomorphiques du système d'exploitation mobile iOS 7, sorti en 2013. Cette fois, la transition a été un peu mieux accueillie, principalement du fait que l'entreprise n'a pas essayé de mettre à jour complètement le concept de l'interface utilisateur, mais a simplement ajouté quelques modifications vers un design plat. Cela a permis aux utilisateurs d'utiliser le produit en s'appuyant sur leur expérience antérieure avec les systèmes d'exploitation et les sites Web.

Conception matérielle

Soyons clairs dès maintenant : le design matériel est plus un produit de marque qu'une tendance de design spontanée qui a été largement acceptée. C’est ce qui le distingue principalement de son design plat.

En qualifiant le matériel de design de « marque », j'entends qu'il contient tout un ensemble de recommandations et de principes clairement définis que tout designer qui se respecte suit. La raison pour laquelle Google a introduit son Material Design est assez évidente : il était nécessaire d'unifier le design afin que les applications aient la même apparence sur tous les appareils Android.

Bien que très fonctionnel, le design plat est encore considéré comme difficile à comprendre. La vérité est que les objets plats sur l’écran peuvent dérouter les utilisateurs (surtout ceux qui ne sont pas habitués à utiliser les interfaces mobiles et Web). Par conséquent, la conception matérielle tente de ramener les éléments du skeuomorphisme, mais sous une forme grandement simplifiée. Les images semblent plates, surtout en ce qui concerne les couleurs, mais restent multidimensionnelles grâce à la présence de l'axe Z.

En d'autres termes, la conception matérielle peut être qualifiée de version améliorée du design plat avec des éléments de skeuomorphisme - animation, ombres et calques. De cette façon, vous pouvez rendre le produit plus intuitif en termes de navigation et éviter une complexité inutile dans le style général.

Avantages et inconvénients du design plat

Laissons derrière nous l'histoire de l'évolution des styles et passons à quelque chose de plus significatif : nous énumérerons les forces et les faiblesses du flat design.

• Minimalisme et style
• Intuitivité. Il vous sera plus facile de transmettre votre idée aux utilisateurs.
• Gain de temps et de ressources. Les pages se chargent beaucoup plus rapidement avec moins de consommation de bande passante.
• Concentrez-vous sur le contenu. L'interface est exempte de détails inutiles qui peuvent détourner l'attention des informations vraiment précieuses.
• S'adapte également à différents appareils, qu'il s'agisse d'un navigateur PC ou d'un smartphone.
• Accélère le processus de développement de conception de sites Web ou d’applications en éliminant les touches de conception inutiles.

• Style minimaliste.
• Assez intuitif à un niveau intuitif. La conception matérielle sera tout aussi facile à percevoir pour les utilisateurs expérimentés que pour les débutants.
• Skeuomorphisme modéré. Tout semble plus réaliste grâce à l'utilisation de l'axe Z (un concept unique de Google).
• Il existe un ensemble de manuels constamment mis à jour. Par conséquent, tout concepteur peut toujours s'adresser à eux si des difficultés surviennent au cours du processus de travail.
• L'animation pour les solutions Web est encouragée. Inutile de vous rappeler à quel point les gens aiment le mouvement. De plus, l'animation permet de rendre l'interface plus claire et intuitive.

• A un propriétaire (société Google). Par conséquent, toutes les questions et suggestions d’amélioration doivent être adressées au propriétaire.
• En raison de l’axe Z, le processus de conception peut prendre plus de temps.
• Les éléments animés nécessitent plus de ressources.
• Le respect strict des directives peut limiter l’originalité d’une conception.

Résumons-le

En fait, l’une des approches de conception envisagées ne doit pas être considérée comme ayant un net avantage sur l’autre, car les styles plats et matériels vont de pair. Ils sont tous deux incroyablement populaires et tous deux sont dépourvus de réalisme excessif. Le design matériel est le successeur du design plat, tandis que le design plat lui-même était une réaction à des solutions trop lourdes et trop réalistes. Le design matériel a ajouté quelque chose dont le design plat a toujours essayé de s'éloigner : un peu de skeuomorphisme. Même si une chose différera toujours entre ces approches : le Material Design est un produit exclusif de Google, et le Flat Design est le résultat de la fusion de plusieurs pratiques de conception qui visent avant tout la simplicité globale.

En vérité, le design plat a beaucoup évolué ces dernières années, passant d'un style complètement « plat » à un style « semi-plat ». Il permet désormais d'utiliser des calques et des ombres subtiles pour permettre aux objets d'apparaître plus profonds qu'ils ne l'étaient auparavant. Ainsi, vous et moi sommes d’heureux contemporains du flat design 2.0.

Enfin, rien ne vous empêche d’essayer de combiner ces deux approches pour créer un produit véritablement fonctionnel et convivial. Alors, inspirez-vous des gourous du design plat et matériel et mettez-vous au travail !

Si vous trouvez une faute de frappe, mettez-la en surbrillance et appuyez sur Ctrl + Entrée ! Pour nous contacter, vous pouvez utiliser .

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

1. 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.
2. Facile à adapter- le design plat est assez simple pour s'adapter à différentes résolutions d'écran.
3. Facilité d'utilisation- grâce au style simplifié, il est plus facile pour les utilisateurs de percevoir les informations sur le site.
4. 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.

De l'auteur : Salutations, amis! Aujourd'hui, nous allons parler de ce qu'est le design plat, ou conception de sites Web plats. Ce terme a depuis longtemps conquis le cœur des concepteurs de sites Web et est toujours d’actualité aujourd’hui. Les plus grandes entreprises (Google, YouTube, Microsoft, Apple Inc., etc.) l'utilisent pour concevoir leurs sites Web et applications. Vous n'êtes toujours pas dans la secte des partisans de la conception de sites Web plats ? Alors nous venons vers vous !

Selon vous, quelle est la raison d’une telle popularité du design plat ? Je vais vous répondre en quelques mots : ça marche vraiment ! Dans cet article, je vais vous expliquer ce qu'est ce style, vous parler de ses avantages et de ses inconvénients et vous montrer d'excellents exemples de conception de sites Web plats qui vous inspireront sûrement à faire de grandes choses. Alors, c'est parti !

Tout a commencé avec le skeuomorphisme

Pour ceux qui ne le savent pas, le skeuomorphisme n’est pas un gros mot, mais un autre style de conception Web. Le flat design est souvent présenté comme l’opposé du skeuomorphisme, ce qui, à mon avis, n’est pas tout à fait correct. Il s’agit plutôt d’une simplification que d’un antagonisme.

Jusqu’en 2010, le skeuomorphisme était le style dominant dans la conception d’interfaces. Il a affiché les éléments tels qu'ils apparaissaient dans la réalité, en utilisant activement les textures, les ombres, les reflets et d'autres attributs d'une image tridimensionnelle. Apple a fait des efforts particuliers à cet égard, copiant soigneusement la plupart des objets logiciels à partir d'objets réels.

Bientôt, les icônes pseudo-convexes ont cessé d'attirer la majorité des utilisateurs et des développeurs Web, ce qui a marqué le début de l'ère de la conception de sites Web plats. Le monde est arrivé à la conclusion que tous les éléments décoratifs doivent être supprimés et que seul ce avec lequel l'utilisateur final peut interagir doit rester.

"Le meilleur design est le moins de design possible"

Comment Dieter Rams a regardé l'eau - un célèbre designer industriel qui s'oppose à la conception intrusive, aux effets d'animation, etc. En juin 2013, Apple Inc. a introduit le révolutionnaire iOS 7, qui a reçu tous les attributs d'un style de conception Web plat. Cependant, l’avion n’a pas immédiatement « vaincu » le réalisme et le volume.

Pendant longtemps, les utilisateurs n’ont pas pu oublier la magie de Steve Jobs et les icônes « qu’on a envie de lécher ». Beaucoup ont même dit au revoir aux « pauvres Sept » et sont passés à « Android radieux ». Le grand nombre de bugs présents dans iOS 7 et le design blanchâtre et translucide avec parallaxe et animation « morve » lors de l’ouverture des applications ont ajouté de l’huile sur le feu.

Ceux qui se sont résignés à l'inévitable réalité et sont restés avec le système d'exploitation Apple ont finalement réalisé que la conception Web plate non seulement semble intéressante, mais apporte également de l'ordre et un style visuel unifié à toutes les applications.

Avantages et inconvénients du design plat

Les avantages de l’utilisation de ce style incluent :

clarté de la composition et concision des aides visuelles. Interface responsive dans le style « rien de superflu », grâce à laquelle les utilisateurs réalisent rapidement ce qu'ils voulaient leur transmettre ;

l'accent est mis sur une bonne typographie. Le contenu vient en premier, ce qui est extrêmement important dans l'abondance d'informations d'aujourd'hui ;

taille réduite des pages Web et performances du site plus rapides grâce à un nombre minimum d'effets visuels. Ceci est particulièrement utile lors de la création de versions adaptatives, car plus les formulaires sont simples, plus ils sont faciles à afficher sur les petits écrans des appareils mobiles.

La conception Web plate a également ses inconvénients :

limiter l’imagination du concepteur de sites Web à des couleurs, une typographie et une iconographie simplifiées. Par conséquent, le risque de créer un site Web ennuyeux et inexpressif est plus élevé ;

le manque de tridimensionnalité et d'ombres rend parfois difficile de comprendre si un élément est cliquable ou non ;

manque de règles fixes spécifiques.

Si vous avez décidé d'utiliser ce style sur votre site, félicitations, cela montre que vous vous souciez de l'expérience utilisateur et que vous restez dans l'air du temps. Si vous débutez en tant que concepteur de sites Web et que vous ne savez pas comment utiliser correctement le design plat pour rendre votre site pertinent sans être simpliste, essayez ces conseils :

Oubliez les « murs de briques » et les arrière-plans clairs. La conception Web plate a tendance à utiliser des images simples, fluides et douces pour l’arrière-plan.

Tendances et approches modernes du développement Web

Apprenez l'algorithme pour une croissance rapide à partir de zéro dans la création de sites Web

Pas de dégradés, d'icônes 3D, de transitions animées ou d'autres effets spéciaux. Tout cela alourdira votre site et ajoutera du bruit : en avez-vous besoin ?

Utilisez des icônes plates avec des contours clairs pour ajouter de la commodité et des fonctionnalités.

Utilisez une palette de couleurs vives et riches. Désormais, la tendance est aux tons du spectre solaire : jaunes clairs, roses et verts. L'essentiel est de ne pas en faire trop - il ne doit pas y avoir plus de 3 couleurs sur la page.

Concentrez-vous sur la typographie. En design plat, la préférence est donnée aux inscriptions lumineuses et originales qui créent un appel à l'action et facilitent la navigation sur le site. Ici aussi, il est important de ne pas en faire trop. Oubliez les polices « manuscrites » et autres polices sophistiquées. Les majuscules peuvent être utilisées pour mettre en évidence les titres.

N'hésitez pas à utiliser une variété de formes géométriques. Les carrés, cercles, lignes et autres formes amélioreront non seulement la structure d'un site Web, mais créeront également une hiérarchie claire et diviseront le contenu. Les utilisateurs l'apprécieront, croyez-moi.

Simplifiez autant que possible le menu de navigation et les autres éléments du site. Pour les boutons, utilisez des rectangles réguliers sans ombres ni surlignages.

Ainsi, au fil des années, les sites Web au design plat sont devenus le standard accepté par absolument tout le monde. Regardez la plupart des sites Web modernes – ils sont fondamentalement plats.

Enfin, je donnerai les exemples promis de flat design réussi, qui pourront vous servir d’inspiration pour créer vos propres chefs-d’œuvre.

1. Site Web http://dunked.com.

Une plateforme populaire de publication de portfolios, destinée aux représentants de diverses professions créatives. La conception Web plate et minimaliste évoque le sentiment d'un service fiable et compréhensible qui ne distrait pas par des effets spéciaux inutiles.

2. Interface Microsoft.

Microsoft est l’une des entreprises qui ont rendu le style plat si populaire. Vous vous souvenez peut-être du lecteur Zune, concurrent de l'iPod, lancé par Microsoft au milieu des années 2000 ? Ainsi, la conception de ce produit était très différente de la plupart des applications de l'époque, en grande partie à cause de la grande typographie, des icônes plates et des formes grandes et lumineuses.

Cette interface, appelée Metro, a ensuite migré vers les ordinateurs personnels (système d'exploitation Windows 8), l'interface Xbox 360 et d'autres produits logiciels Mircosoft.

3. Site Web http://www.vox.com.

Eh bien, êtes-vous inspiré ? A bas l’esthétique 3D pseudo-réaliste !

C'est tout. Abonnez-vous et partagez nos articles avec vos amis sur les réseaux sociaux. Des conversions élevées à vous !

Tendances et approches modernes du développement Web

Apprenez l'algorithme pour une croissance rapide à partir de zéro dans la création de sites Web

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, l'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…