Sélection de couleurs plates. Le designer a donné des conseils sur le choix d'une palette pour l'infographie. Niveaux de gris en premier

27.02.2019

Les couleurs, comme tout le reste, sont à utiliser avec modération. Vous atteindrez meilleurs résultats, si vous utilisez un maximum de trois couleurs primaires dans la palette de couleurs. L'efficacité de la sélection des couleurs dans la conception repose en grande partie sur l'équilibre, et plus il y a de couleurs, plus il est difficile d'y parvenir.

La couleur ne détermine pas la qualité du design, elle la met en valeur.

Pierre Bonnard

Si tu as besoin couleurs supplémentaires En plus de celles que vous avez initialement choisies pour votre palette, utilisez des teintes et des ombres. Agir dans la plage choisie.

Règle 60-30-10

Cette règle de conception vous aide à créer rapidement une palette de couleurs. La proportion 60% + 30% + 10% reflète l'équilibre des couleurs. Cette formule fonctionne car elle crée une sensation d’équilibre et permet aux yeux de se déplacer confortablement d’un point à un autre. De plus, cette technique est extrêmement simple à utiliser.

60 % est votre couleur dominante, 30 % est votre couleur secondaire et 10 % est votre couleur d'accent.

Décoration murale, meubles, accessoires.

Signification des couleurs

Les scientifiques étudient les effets psychologiques depuis des siècles certaines couleurs. Au-delà de l’esthétique, les couleurs créent des émotions et des associations. Selon la culture et les circonstances, la signification des couleurs peut varier. C'est pourquoi vous voyez des boutiques de mode dans couleurs noir et blanc. Ils veulent avoir l’air élégant et noble.

Asos est entièrement en noir et blanc, avec un « appel à l’action » vert. Et ce n’est pas seulement comme ça.

Rouge: passion, amour, danger
Bleu: calme, responsabilité, sécurité
Noir: mystère, élégance, mal
Blanc: propreté, silence, propreté
Vert: nouveauté, fraîcheur, nature

Vous pouvez en apprendre davantage sur la signification des fleurs grâce à Color Culture.

Niveaux de gris en premier

Nous aimons jouer avec les couleurs et les tons dès les premières étapes de développement du design, mais ce comportement peut vite vous faire défaut : vous pouvez passer 3 heures à choisir une couleur principale, puis changer d'avis quand même... C'est certes tentant, mais pas particulièrement efficace.

Au lieu de cela, forcez-vous à travailler sur la structure : l'espacement et le placement des éléments dans votre mise en page. Cela permettra de gagner beaucoup de temps. Ce travail est très productif. D’un autre côté, il n’est pas nécessaire que ce soit ennuyeux. Testez différentes nuances si vous voulez obtenir quelque chose d'agréable apparence.

Une de mes œuvres, que vous pouvez retrouver sur dribbble. Couleurs monochromes simples et concentration sur les éléments.

Évitez le gris pur et le noir

L'une des astuces de couleur les plus importantes que j'ai jamais vues est d'éviter couleurs grises sans saturation. DANS la vraie vie faire le ménage nuances de gris n'existe pas. Il en va de même pour les noirs.

La plupart couleur foncée sur cette photo ce n'est pas #000, mais #0A0A10

N'oubliez pas que vous devez toujours ajouter un peu de saturation à la couleur. Inconsciemment, il sera perçu plus naturellement et plus proche des utilisateurs.

Croyez en la nature

Meilleures combinaisons les couleurs ont déjà été inventées par la nature. Ils ont toujours l'air naturels. Le mieux est simplement d'observer la nature environnante et d'en extraire des palettes pour vos créations, dans la nature, elles changent toujours.

Pour s'inspirer, il suffit de regarder autour de soi

Maintenir le contraste

Certaines couleurs vont bien ensemble, d’autres pas du tout. Il existe des règles de définition pour l’interaction des nuances qui sont mieux démontrées par la roue chromatique. Vous devez connaître ces méthodes, mais vous n'êtes pas obligé de les utiliser manuellement.

Inspirez-vous

Lorsqu'il s'agit de trouver des exemples d'interface utilisateur, dribbble est l'un des meilleurs meilleurs endroits pour ça. Il dispose d'un outil pour rechercher par couleur. Alors si vous avez besoin de mener une recherche visuelle sur l'utilisation d'une couleur spécifique par d'autres designers, rendez-vous sur

Vidéo, design imprimé, design d'intérieur, mode... il y a tellement d'endroits où s'inspirer. Sauvegarder trouvailles intéressantes pour des idées futures.

J'aime souvent voler les couleurs des clips vidéo KPOP. Ils sont luxueux.

Outils

Pour me faciliter la tâche, je vais en donner quelques-uns les meilleurs outils pour sélectionner les palettes de couleurs. Ils vous feront gagner beaucoup de temps.

Sans conteste mon outil préféré pour choisir les couleurs. Vous pouvez simplement sélectionner une couleur et générer une palette en appuyant sur la barre d'espace. Coolors vous permet de télécharger une image et de créer une palette à partir de celle-ci. Vous n'êtes pas limité à un seul résultat - le sélecteur vous permet de modifier le point de référence d'origine.

Glacière

Cet outil d'Adobe est déjà pendant longtemps aide les designers. Cela fonctionne dans le navigateur et il existe également une version de bureau. Si vous utilisez la version de bureau, vous pouvez exporter la palette de couleurs vers Photoshop.

C'est similaire à Kuler, la différence est que vous n'êtes pas limité à 5 teintes. Idéal si vous avez vos couleurs primaires et que vous souhaitez jouer avec des nuances supplémentaires.

Designspiration.net

Imaginez que vous avez une idée pour une palette de couleurs, mais que vous devez comparer visuellement différentes options. Le designispiration est idéal à ces fins. Vous choisissez jusqu'à 5 couleurs, recherchez des images qui correspondent à vos nuances. Le service recherche non seulement avec succès des images dans une palette donnée, mais vous aide également à sélectionner les bons graphiques à intégrer dans la conception.

Vous vous demandez peut-être : que se passe-t-il si je souhaite rechercher une photo dans la couleur sélectionnée ? Shutterstock dispose d'un outil appelé Spectrum où vous pouvez trouver des photos d'une teinte spécifique. Vous n'avez même pas besoin d'un abonnement pour cela, car des images d'aperçu avec un filigrane suffiront amplement pour générer la palette.

Tineye multicolore

Mais si vous avez besoin de trouver des photos de plusieurs couleurs données ou même définir une quantité spécifique de chaque nuance, puis utiliser Tineye. Ce site utilise une base de données de 10 millions d'images Creative Commons provenant de Flickr.

Réflexions finales

La couleur est une ressource très difficile à maîtriser, surtout à l’ère du design numérique. Les conseils que j'ai donnés dans cet article faciliteront votre recherche. les bonnes nuances. La meilleure façon d’apprendre à créer de superbes combinaisons de couleurs est de s’entraîner, alors jouez beaucoup avec les couleurs.

Une tendance telle que le design plat est en vogue développement constant– de nouveaux sites apparaissent où les éléments plats sont activement utilisés. Le design plat a récemment été associé aux couleurs vives, mais dernièrement Vous remarquerez que de nombreux designers ont commencé à privilégier des nuances plus calmes, en utilisant une palette de couleurs éclaircies ou atténuées. Expérimenter une combinaison de différentes nuances vous permet de rendre le design plus à la mode et moderne et de vous démarquer des autres sites avec une disposition similaire des éléments principaux.

L'utilisation d'une palette de couleurs atténuées peut également s'avérer utile si les couleurs vives entrent en conflit avec le thème général du site. Dans certains cas, des teintes trop flashy peuvent irriter les utilisateurs, ce qui n’est pas bon pour le site. La palette de couleurs calmes, au contraire, s'accorde très bien avec l'esthétique conception plate, car il vous permet de créer une hiérarchie visuelle, mettant en évidence les éléments les plus importants.

Couleurs vives attirent l'attention, ils attirent le regard, mais ils doivent être utilisés avec précaution dans la conception, sinon il y a un risque de dérouter l'utilisateur, dont l'attention passera d'un élément à l'autre. En éclaircissant certaines des couleurs d'origine, vous pouvez repousser certaines parties du motif en arrière-plan, tout en conservant l'aspect principal. jeu de couleurs site.

TEINTES CLAIRES

Pour créer une nouvelle nuance, vous pouvez ajouter du blanc à la couleur d'origine. La teinte éclaircie est perçue comme plus claire ; ces couleurs sont parfois appelées pastel. La saturation des nuances peut varier du presque blanc à une teinte légèrement plus claire. couleur d'origine. Les sites Web dont le design utilise une palette plus claire sont perçus comme plus légers et « plus doux » et permettent très souvent au maximum réaliser l'intention du concepteur. Après tout, il n'est pas toujours nécessaire d'utiliser des couleurs vives - il existe quantité énorme ceux où une palette allégée est plus que appropriée. Les nuances claires se marient bien avec les photographies, car elles ne détournent pas l’attention de l’utilisateur de la visualisation du contenu principal.

Si vous regardez le site Web du fast-food Jack Horner, vous remarquerez que la subtile teinte jaune pâle contraste fortement avec les éléments de design noirs. C'est ainsi que le designer tente de transmettre aux utilisateurs la principale caractéristique du restaurant, qui propose aux visiteurs des plats traditionnels préparés selon des recettes anciennes. La légère référence rétro correspond ici bien au thème écologique que promeut l’entreprise.

Des teintes claires sont également disponibles sur le site www.caketeacher.com, où vous pourrez retrouver de nombreuses conseils utiles pour faire des gâteaux à la maison. Les teintes sont ici un peu plus vives que sur le site de Jack Horner, mais elles n'empêchent pas l'utilisateur de se concentrer sur les photos situées au centre. Le contraste des tons sourds avec des éléments clairs aide l'utilisateur à se concentrer sur la visualisation du contenu principal - recettes, trucs et astuces. De plus, la subtile palette de couleurs permet d'éliminer une partie de la perception négative qui peut provenir d'un visiteur qui, à un moment donné, découvre que pour accéder à tout le contenu du site, il devra souscrire à un abonnement de 18,90 $ par mois.

NUANCES FONCÉES

Les nuances sombres sont obtenues en ajoutant du noir à la couleur de base. La palette de couleurs devient plus stricte et plus lourde. Les teintes sales et sombres fonctionnent bien si vous devez créer l'atmosphère appropriée sur le site. Une palette de couleurs atténuées convient parfaitement aux sites Web commerciaux, tels que le site Web d'Ann Taylor.

Les nuances sombres donnent de la solidité au design sans détourner l'attention. Sur le site, vous pouvez acheter des vêtements et divers accessoires qui permettent à une femme de se sentir à l'aise tout au long de la journée. Les vêtements d'Ann Taylor sont des vêtements décontractés, confortables et douillets, soulignés par la palette de couleurs. Mais si l'entreprise était une marque glamour et prétentieuse, il serait difficilement possible de se passer de l'utilisation de tons vifs et flashy.

La conception du site Web du Frida Café utilise une palette de couleurs souvent utilisée par l'artiste mexicaine Frida Kahlo. Ce sont des nuances jaunes, ocres et vertes atténuées. Le designer a été confronté à la tâche d'exprimer l'idée principale des propriétaires de café : un retour à une cuisine simple et abordable. Au Café Frida, les visiteurs peuvent déguster un café fraîchement moulu au goût très riche, souligné par les nuances douces utilisées dans le design.

CONCLUSION

L'utilisation ou non de nuances douces dans la conception dépend de la situation. Dans certains cas, ils seront plus que appropriés, dans d’autres non. Qu'est-ce qui est sombre palettes de couleursà la mode aujourd'hui ne signifie pas que vous ne pouvez pas vous passer de telles nuances lors de la création d'un design de style plat. Il y a toujours place à l’expérimentation et si les couleurs vives fonctionnent mieux, utilisez-les. Mais si vous avez besoin de créer une certaine ambiance sur le site, alors vous ne pouvez pas vous passer des demi-teintes. Les couleurs subtiles se marient bien avec la plupart contenu différent, vous permettant de placer les accents avec plus de précision et de concentrer l’attention de l’utilisateur sur la chose la plus importante.

Le design plat est l’une des tendances en matière de conception Web qui reste d’actualité pendant une période étonnamment longue. Au cours des dernières années, cette conception a été activement utilisée dans le développement d’ordinateurs de bureau, Web et d’interfaces. applications mobiles. Aussi conception plate activement utilisé dans la création de supports graphiques imprimés. Vous pouvez en apprendre davantage sur le design plat dans ce guide en ligne. Aujourd'hui, le sujet de notre conversation ne sera pas le design plat en général, mais son partie spécifique- des aplats de couleurs.

Le design plat tire son nom pour une raison : son concept exclut l'utilisation d'éléments tridimensionnels, d'ombres profondes et de dégradés lumineux (en anglais « flat » signifie « plat »). Boutons, icônes et autres éléments graphiques paraître simpliste et clair, mais toujours attrayant.

Développer un design de site Web plat n’est pas si simple. Les principales difficultés surviennent avec éléments interactifs, car la conception doit mettre l'accent sur la différence entre statique et contenu dynamique. La seule façon d’indiquer aux utilisateurs quels éléments sont interactifs est d’utiliser des ombres et des bordures subtiles. Par conséquent, pour créer un aménagement plat « équilibré », vous devez réfléchir à chaque élément dans les moindres détails, et ce n’est pas une tâche facile.

Sélection de couleurs plates pour la palette de couleurs

L’importance des couleurs dans la conception de sites Web ne peut être surestimée. Par exemple, un site réussi peut attirer plus de lecteurs. Il faut dire tout de suite que le design plat est unique en ce qui concerne la couleur. Les couleurs vives du design plat captent immédiatement l’attention des utilisateurs. Contrairement aux traditionnels jeux de couleurs, composés de deux ou trois nuances, les modèles à plat sont réalisés en quatre couleurs ou plus. Très souvent, ce sont des nuances riches combinées avec du gris ou du noir.

Les règles traditionnelles de combinaisons de couleurs peuvent difficilement être appliquées au design plat. Dans le design plat, ce n'est pas la combinaison des couleurs elles-mêmes qui est importante, mais leur ton et leur saturation. Malgré le fait que dans la conception d'une mise en page, vous pouvez en utiliser plusieurs absolument différentes couleurs, il faut les combiner en profondeur. Les couleurs plates elles-mêmes peuvent être primaires ou secondaires. Il pourrait même s’agir d’une combinaison contrastée de blanc et de noir.

Passant de la théorie à la pratique, j'aimerais vous parler d'un ensemble de couleurs plates de W3.CSS. Cette collection contient différentes combinaisons de couleurs pour la création de sites Web. Vous trouverez ici les couleurs pour conception matérielle, aplats, couleurs Métro Windows et Windows Phone 8. Cette collection comprend des exemples de codes HTML et CSS afin que vous puissiez appliquer rapidement la combinaison que vous choisissez.

Si tu débutant absolu et vous ne savez pas par où commencer, visitez Flat UI Colors. Sur ce site, vous pouvez copier la couleur que vous aimez, puis la retrouver dans éditeur graphique en insérant valeur correspondante. Comme vous pouvez le constater, la sélection est dominée par des nuances vives - du vert et du bleu au jaune et à l'orange.

Cependant, même avec un design plat, les couleurs parmi lesquelles vous pouvez choisir sont limitées. Par exemple, il est peu probable que vous voyiez une combinaison de rouge, de jaune et de bleu dans une même mise en page. Les designers préfèrent des teintes plus riches et plus mixtes.

Voulez-vous développer un design de site Web plat ? Faites attention aux modèles MotoCMS 3.0, créés en tenant compte des principes du flat design. Nous avons comparé les modèles avec divers exemples de combinaisons de couleurs plates pour montrer comment ils affectent les propriétés. interface utilisateur.

Couleurs vives. Les bleus, verts et violets vibrants se détachent sur les fonds blancs ou noirs. Ces couleurs sont souvent utilisées dans la conception de sites Web plats.

Modèle MotoCMS 3.0 pour le site Web des services d'impression

Modèle MotoCMS 3.0 pour le site Web des services d'impression - excellente solution pour un projet lié à l'impression et à l'imprimerie. Cependant, le thème du modèle peut être facilement modifié. La conception du modèle est développée en tenant compte des principes du design plat. Les utilisateurs se voient proposer 8 options de curseurs et de galeries, ainsi que 20 widgets et modules. Tout cela vous aidera à créer un projet en ligne populaire et original.

Couleurs rétro. Ce sont souvent des oranges et des jaunes pastel combinés à des rouges et des bleus vifs. Le plus souvent, les aplats primaires sont style rétro combinés avec des secondaires - cela facilite l'obtention d'un effet de mélange.

Dans cet article, je vais vous parler du flat design. Vous en avez probablement déjà entendu parler, puisque l'appartement est devenu ces dernières années l'une des tendances phares du web.

Aujourd'hui, nous allons examiner ce qu'est le design plat, comment il est né et ce dont vous avez besoin pour créer un design épuré, lumineux et réactif.

Vous pouvez trouver bons exemples design plat sur le site http://market.envato.com/. Il existe des tonnes de mises en page, d'icônes et de modèles qui vous permettront de comprendre clairement à quoi ressemble le design moderne. .

1. Qu’est-ce que le design plat ?

Conception plate - style moderne interface utilisateur, ainsi que conception graphique, caractérisé par le minimalisme. Le design plat se caractérise par l'utilisation d'un minimum d'éléments et l'absence de divers effets de texture, d'ombre et de lumière, par exemple : couleurs mélangées, dégradés, reflets, etc.

Flat s’oppose au skeuomorphisme( Le skeuomorphisme est un principe de conception lorsqu'un produit prend l'apparence d'un autre, c'est-à-dire Quand divers éléments l'interface est copiée à partir d'objets réels - traduction approximative.) , ainsi qu'un design riche. Cependant, il convient de dire que le design plat n'est pas du tout aussi simple qu'il y paraît à première vue. Il inclut certaines caractéristiques du skeuomorphisme, mais nous en reparlerons un peu plus tard.

En général, le flat aide l'utilisateur à se concentrer sur le contenu, sans être distrait par les visuels. Le design plat met l'accent sur la simplicité des éléments, tout en rendant l'interface plus réactive, agréable et facile à utiliser.

2. Un peu d'histoire

Le flat design, comme vous le savez, existait bien avant de devenir une tendance mondiale sur le web. Le design plat était très populaire dans les années 80 car la technologie de l’époque n’était pas encore suffisamment développée pour prendre en charge des effets, des textures et des ombres complexes. Cependant, même à cette époque, la conception visait le skeuphomorphisme, essayant de rendre les éléments de l'interface aussi réalistes que possible.

Le design plat, sous la forme sous laquelle nous le voyons aujourd'hui, a commencé à gagner en popularité après que Microsoft a commencé à produire des produits dans le style dit métropolitain. Metro est une conception d'interface utilisateur de Microsoft qui frappe par son style et sa simplicité.

En 2010 Microsoft a publié Téléphone Windows 7, qui utilisait un design plat avec des bords nets et des graphiques simples hérités de l'un des produits précédents Microsoft (Zune). Plus tard, inspiré par le succès, Microsoft a publié système opérateur Windows 8, basé sur le même style Metro plat.

Après tout, le design plat a atteint son apogée en popularité en 2013, lorsque Apple a lancé iOS 7 démontrant fondamentalement nouveau design avec des éléments d'interface utilisateur entièrement repensés, y compris des icônes et des polices. entreprise Apple créé principes visuels de la conception de l'interface utilisateur et des icônes .

Peu de temps après, Google a également commencé à utiliser style plat dans vos applications et pages Web, en l'appelant Conception matérielle. Google propose même une section entière dédiée à ce style, comprenant une description des objectifs de la conception Web, ses principes et directives de création. objets divers design : icônes, mises en page, etc.

Depuis lors, le flat est devenu une tendance clé dans la conception de sites Web, rendant les sites Web, les applications et les éléments d’interface élégants, épurés et stylés.

Ainsi, il existe trois exemples globaux de design plat d'entreprises sans lesquels il est difficile d'imaginer monde moderne technologies :

Conception Metro de Microsoft

Conception Apple iOS 7

Google Conception matérielle

3. N'oubliez pas d'être propre

Le design plat est apparemment appelé « plat » en raison du manque d'éléments tridimensionnels et effets réalistes tels que : dégradés, textures, reflets, demi-teintes, ombres. N'oubliez pas que le style plat est une manière bidimensionnelle (plate) de représenter des objets.

De plus, dans le flat design, les objets sont représentés de manière très simplifiée et stylisée.

Et parfois même seule la silhouette ou les contours de l'objet sont utilisés, c'est-à-dire juste assez pour rendre l'objet reconnaissable, mais sans le surcharger de détails mineurs.

Le minimalisme est devenu une tendance mondiale de nos jours : la simplicité des formes et l’utilisation d’arêtes vives créent un design épuré et agréable. Formulaires simples plus compréhensible et plus facile à comprendre. Cela permet de conserver un design minimaliste et épuré sans lui donner un aspect chargé et encombré.

4. Amenez-le à la perfection

Sachez que lorsqu'il s'agit de créer des icônes plates et des éléments d'interface utilisateur, vous devez leur donner un aspect net, soigné et parfait au pixel près, c'est-à-dire autant que possible. De plus, cela s’applique aussi bien aux graphiques raster qu’aux graphiques vectoriels.

Avec le programme Adobe Photoshop tout est clair ici : ça marche avec graphiques raster, qui est basé sur les pixels.

Concernant le programme Adobe Illustrator, il utilise ensuite des graphiques vectoriels, constitués de courbes et de lignes appelées vecteurs, qui sont spécifiées par des formules mathématiques.

Il était une fois Adobe Illustrator n'était pas vraiment un programme pratique pour créer des graphiques au pixel près. Bonnes nouvelles est-ce que dernières versions Illustrator est devenu un excellent outil pour créer de bons graphiques.

je dois dire que graphiques vectoriels implique essentiellement de travailler avec des formes simples et plates, des couleurs pures et des grilles. Adobe Illustrator est très flexible dans les paramètres et vous permet d'adapter la grille à vos besoins, d'aligner les objets et de l'utiliser. différents types claquer. Cela facilite la création d’un design parfait, épuré et élégant sur n’importe quel écran. Si vous voulez apprendre à créer des graphiques parfaits, vous devriez lire l'article : Comment créer des illustrations au pixel près à l'aide d'Adobe Illustrator .

5. Couleur

L’une des caractéristiques les plus spécifiques du flat design, outre les ombres, est l’utilisation de la couleur. La plupart des couleurs utilisées par le design plat dans ses éléments ne sont constituées que de quelques couleurs de base.

La couleur du design plat est vive, riche et riche.La palette de couleurs plates ne se limite pas à quelques couleurs spéciales. Elle contient de nombreuses nuances et leur choix dépend uniquement de ce que vous représentez, qu'il s'agisse d'icônes de bonbons ou d'objets de style rétro dans une palette rétro sophistiquée.

Disons que vous êtes un concepteur d'interface utilisateur et que vous connaissez bien les palettes de couleurs, vous expérimentez le panneau de couleurs dans Programmes Photoshop et Illusstartor, en mélangeant les couleurs à votre guise. Cependant, ce processus est assez complexe et nécessite une bonne intuition, expérience et compétences. Vous trouverez ici quelques outils qui peuvent vous aider à créer votre propre palette de couleurs.

Certains d’entre eux conviennent à tous les types de design et d’illustration, pas seulement au design plat. Par exemple, Adobe Color CC, mieux connu sous le nom de Cooler. Aujourd'hui, il est possible d'y accéder, à la fois via le site Web et directement via les produits Adobe. Cooler est un outil très flexible qui vous permet soit de créer votre propre palette de couleurs, soit de choisir parmi une palette personnalisée d'une bibliothèque.

Coolors est un autre générateur de palette de couleurs simple et pratique. Appuyez simplement sur la barre d'espace et le programme générera une palette de couleurs, vous pourrez ajuster les couleurs, il existe également une fonction d'exportation.

Il existe plusieurs autres services similaires avec des palettes personnalisées qui peuvent être utiles. Cependant, il existe un outil créé spécifiquement pour le design plat FlatUIColors.com par Designmodo - un service avec un ensemble de couleurs « plates », très pratique pour le travail. Ce site est devenu très populaire parmi les designers à la recherche de bonnes solutions de couleurs pour un design parfait. Essayez-le !

Et vous pouvez également trouver une plus grande variété de couleurs et de palettes dans Guide de conception matérielle de Google.

6. De longues ombres

Comme mentionné ci-dessus, le design plat se caractérise par la simplicité, de nombreux espace libre- c'est pourquoi flat rejette l'utilisation de tout effet. Cependant, il existe un effet typique du design plat. Cet effet est devenu une tendance et trait caractéristique plat.

Nous parlons maintenant de longues ombres. Ils en ont caractéristiques typiques, rendant cet effet reconnaissable, à savoir : inclinaison à 45 degrés et grande taille(l'ombre peut être plusieurs fois plus longue que le sujet lui-même. En conséquence, les ombres longues donnent à l'aplat un effet de profondeur.

Cet effet rend l'objet plus tridimensionnel, tout en le gardant dans le contexte du design plat.

7. Travailler avec des polices

La typographie joue un rôle important dans le design plat. Souvent, le texte devient l'élément principal de la composition.

Les conceptions plates utilisent généralement des styles de police simples, ce qui rend l’ensemble de la conception propre et lisible. Vous pouvez en trouver beaucoup polices gratuites dans Adobe Typekit si vous utilisez des produits Adobe. Vous trouverez également de nombreuses bonnes polices gratuites sur Font Squirrel. Mais n'oubliez pas de lire la licence si vous comptez utiliser la police à des fins commerciales.

Le plus souvent, dans le design plat, il est d'usage d'utiliser majuscule et des couleurs contrastées, cela rend le texte plus lisible.

Utilisez les polices avec parcimonie, en vous rappelant qu'elles doivent compléter et compléter le design plutôt que d'apparaître comme un élément distinct. Cela ne signifie pas que vous ne pouvez pas utiliser de polices serif ou de polices complexes manuscrites. N'oubliez pas d'être minimal et de garder tout en équilibre. Cependant, les polices plates utilisent encore souvent des polices sans empattement, car elles semblent plus strictes et soignées.

8. Avantages et inconvénients du design plat

Même si le design plat est devenu si populaire en raison de ses nombreux avantages, les concepteurs sont toujours confrontés à certains inconvénients lorsqu'ils utilisent ce style. Examinons les avantages et les inconvénients.

Avantages

Popularité

Le design plat est devenu une tendance, gagnant de plus en plus de critiques positives de la part des designers et des concepteurs de sites Web, et il ne semble pas du tout perdre sa position. Au contraire, il se répand de plus en plus, acquérant de nouvelles formes et caractéristiques, devenant de plus en plus créatif.

Simplicité

Le design plat est simple, minimaliste et épuré. Le contenu Web plat aide les utilisateurs à se concentrer sur le contenu plutôt que d'être distraits par les visuels. Cela fonctionne également pour les interfaces d'applications mobiles : un design épuré avec gros boutons fait usage appareils mobiles parfait.

Luminosité

La couleur est un autre avantage intéressant du design plat. Lumineux et couleurs riches semble attrayant et propre, et l’absence de dégradés rend le design élégant. De plus, ces couleurs pures le rendent plus positif et présentable ; le design plat crée la bonne ambiance.

Défauts

L’appartement présente bien d’autres avantages, mais aucun design n’est parfait et nous ne pouvons pas l’idéaliser. Voici quelques inconvénients du flat design qu’il faut mentionner :

Insensibilité

Parfois absent détails importants ou effets visuels rend le processus de création d’une interface conviviale difficile et rend généralement l’ensemble de la conception insensible. Tous les utilisateurs ne se sentent pas à l'aise avec Flat, car il peut être difficile de trouver sur une page Web des éléments sur lesquels vous devez cliquer ou appuyer sur l'écran. téléphone mobile car ils ne sont pas interactifs.

Problèmes de typographie

Comme mentionné précédemment, toutes les polices ne conviennent pas au design plat. Parfois, une police aussi riche et aux bords nets semble vraiment équilibrée et élégante. Cependant, si la police est mal choisie, cela peut gâcher l’ensemble de la conception. Vous devriez avoir une très bonne idée des polices qui conviennent au flat et de celles qui ne le sont pas. Le manque d'expérience rend le choix d'une police très difficile.

Visuels faibles

En raison des limitations dans l’utilisation des effets, des couleurs et des polices, les designs plats peuvent paraître trop simples et froids. Son minimalisme peut également être son principal inconvénient : d’autres designs plats finissent par ressembler exactement au vôtre. Il est donc très difficile de donner à vos icônes ou pages Web un aspect différent du design de quelqu'un d'autre, car vous utilisez les mêmes formes simplifiées, les mêmes palettes de couleurs limitées et les mêmes polices similaires. En conséquence, le design plat peut devenir ennuyeux avec le temps.

9. Futures tendances du design plat

On ne peut pas dire que le design plat s'est complètement formé et s'est arrêté dans son élan. Cela est peut-être dû à ses défauts mentionnés ci-dessus ; il s'efforce de se développer et de changer, d'acquérir de nouvelles fonctionnalités et d'améliorer l'expressivité visuelle.

Si tu regardes attentivement dernier exemple design plat, vous pouvez voir que c'est vraiments'éloigne progressivement de ses outils stricts et commence à ajouter des effets subtils tels que : dégradés, ombres, éclairage et autres effets visuels.

Ces petites touches donnent au design plat une certaine profondeur sans être trop détaillé comme les designs skeuomorphes. Ces améliorations subtiles rendent l'appartement plus réactif et confortable, et apportent également un nouveau look, le rendant plus flexible et polyvalent.

Ainsi, l'appartement ne perd pas ses fonctionnalités, mais devient plus intéressant et flexible.- il va vraiment mieux.

Conclusions

Ainsi, nous avons discuté de quelques faits de l’histoire du design plat, et parlé des couleurs, des formes et de la typographie. Nous avons examiné différents points de vue, nous sommes concentrés sur les avantages et les inconvénients du design plat et avons appris certains des principes fondamentaux pour créer un bon design.

J'espère que tu as appris par toi-même nouvelles informations de cet article ou du moins je l’ai trouvé intéressant. Vous vous devez d'essayer de créer un design plat si vous ne l'avez jamais fait auparavant.

Après tout, que dire d’autre à propos du design plat ?

Si vous aimez vraiment le flat avec ses bords nets, ses couleurs riches et ses polices nettes, sa propreté et son minimalisme, alors foncez !

C'est tendance, mais comme pour tout style graphique, ne vous limitez pas à une seule technique. Ce n’est pas parce que l’appartement est à la mode que vous ne pouvez pas utiliser d’autres styles dans votre projet. Le skeuomorphisme, avec ses petits détails et textures, peut aussi devenir bonne décision. L'essentiel est de rappeler que le design est différent pour chaque projet, il doit exprimer son esprit, son but, son essence, tout en restant pratique et fonctionnel. Avant!