![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825873036e1.webp\")
<\/a><\/p>\n\n Si une seule couleur est trop bonne, il y a bien s\u00fbr la possibilit\u00e9 d’opter pour une photo quelconque. Bien s\u00fbr, si vous choisissez une image, assurez-vous qu’elle reste fid\u00e8le \u00e0 l’esprit de minimalisme que vous recherchez. L’image ne doit pas \u00eatre trop charg\u00e9e.\n<\/p>\n
\n Je veux dire cela de deux mani\u00e8res.\n<\/p>\n
- \n
- \u00c9videmment, assurez-vous que la photo n’est pas trop encombr\u00e9e d’objets ou de personnes, car cela irait \u00e0 l’encontre de l’objectif de votre design minimaliste.\n <\/li>\n
- Cela ne suffit cependant pas, car l’implication d’un mouvement rapide ou d’un danger est tout aussi capable d’attirer le regard sur l’image et de l’\u00e9loigner de l’\u00e9l\u00e9ment principal que vous essayez d’afficher. En fait, m\u00eame l’affichage d’une \u00e9motion n\u00e9gative peut distraire les gens de ce sur quoi vous voulez vraiment qu’ils se concentrent.\n <\/li>\n<\/ol>\n
\n Pour cette raison, lorsque vous naviguez sur des sites Web minimalistes, vous verrez beaucoup de photos avec des arri\u00e8re-plans tr\u00e8s neutres et statiques. Voici quelques excellents exemples<\/a>.\n<\/p>\n
\n Typographie
\n<\/h4>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\")
<\/a><\/p>\n\n Vous pouvez supprimer beaucoup de choses de votre page minimaliste, comme une barre de menus, des boutons de m\u00e9dias sociaux et des publicit\u00e9s, mais une chose dont vous ne pouvez pas vous passer, ce sont les mots. Finalement, vous allez en avoir besoin. Mais comment les pr\u00e9sentez-vous? Vous devez r\u00e9fl\u00e9chir tr\u00e8s attentivement \u00e0 la police que vous d\u00e9cidez d’utiliser (et si vous d\u00e9cidez de cr\u00e9er la v\u00f4tre), d’autant plus que diff\u00e9rentes polices \u00e9voqueront diff\u00e9rentes \u00e9motions et diff\u00e9rents \u00e9tats d’esprit.\n<\/p>\n
\n Par exemple, les polices avec empattement (c’est-\u00e0-dire celles o\u00f9 les morceaux ondul\u00e9s d\u00e9passent en dessous et au-dessus de la ligne) sont lues plus facilement que les polices sans empattement et sont donc consid\u00e9r\u00e9es comme plus faciles \u00e0 comprendre. De m\u00eame, comme les instructions sont \u00e9crites dans des polices plus propres et plus lisibles (comme Ariel par exemple) sont consid\u00e9r\u00e9es comme plus compr\u00e9hensibles que celles \u00e9crites dans des choix de polices plus d\u00e9routants et plus occup\u00e9s, ce qui signifie que ces instructions sont consid\u00e9r\u00e9es comme plus faciles \u00e0 ex\u00e9cuter.\n<\/p>\n
\n Mais bien s\u00fbr, la lisibilit\u00e9 n’est pas la seule chose \u00e0 prendre en compte, vous devez \u00e9galement penser aux \u00e9motions que les polices provoquent. Oui, c’est vrai, diff\u00e9rentes polices affectent les gens diff\u00e9remment, avec des types de police comme Times New Roman plus souvent associ\u00e9s \u00e0 des \u00e9motions comme \u00ab\u00a0dr\u00f4le\u00a0\u00bb et \u00ab\u00a0en col\u00e8re\u00a0\u00bb qu’Ariel.\n<\/p>\n
\n Je vous avais pr\u00e9venu que le minimalisme n’\u00e9tait pas pour les \u00e2mes sensibles !\n<\/p>\n
\n Une autre chose \u00e0 consid\u00e9rer est les types de polices que vous utilisez, car vous n’\u00eates \u00e9videmment pas oblig\u00e9 d’utiliser la m\u00eame police partout. Et comme il n’y a rien d’autre pour distraire votre public, si vous utilisez diff\u00e9rents styles de police et typographies, votre utilisateur sera beaucoup plus susceptible de les remarquer.\n<\/p>\n
\n Cela peut donc \u00eatre une strat\u00e9gie tr\u00e8s efficace pour amener votre public \u00e0 pr\u00eater attention \u00e0 des domaines sp\u00e9cifiques. Par exemple, envisagez d’\u00e9crire le texte que vous voulez que les utilisateurs lisent d’abord dans des styles gras, avec des traits \u00e9pais, tandis que les parties qui sont cens\u00e9es \u00eatre remarqu\u00e9es plus tard sont \u00e9crites dans des polices plus neutres. L’\u0153il de l’utilisateur sera imm\u00e9diatement attir\u00e9 par le texte plus gras tandis que l’autre texte sera consomm\u00e9 plus tard.\n<\/p>\n
\n Contraste et positionnement
\n<\/h4>\n<\/a><\/p>\n\n L’un des outils les plus puissants \u00e0 la disposition d’un concepteur Web minimaliste est le contraste. Si vous souhaitez utiliser le contraste \u00e0 son meilleur effet, vous devrez opter pour des arri\u00e8re-plans de couleur claire \u2013 le blanc \u00e9tant le choix pr\u00e9dominant, car cela permet le meilleur effet. C’est pourquoi les pages minimalistes utilisent souvent du noir sur fond blanc, car ces lignes nettes sont extr\u00eamement attrayantes visuellement. Voici un bon exemple<\/a>. De plus, la moindre touche de couleur, comme une touche de jaune, peut alors \u00eatre tr\u00e8s efficace. Pensez au manteau de la fille dans la Liste de Schindler.\n<\/p>\n
\n Un concepteur peut cr\u00e9er un contrat avec de nombreux \u00e9l\u00e9ments diff\u00e9rents, notamment la couleur, la forme, l'emplacement, l’\u00e9chelle et la taille. S’il est utilis\u00e9 correctement, il peut \u00eatre extr\u00eamement utile pour diriger votre utilisateur vers les parties auxquelles il doit pr\u00eater attention en premier (un peu comme je l’ai expliqu\u00e9 en termes de typographie ci-dessus, lorsque j’ai discut\u00e9 des textes en gras par rapport aux textes plus neutres). Ce n’est pas facile, cependant, et pour l’utiliser au mieux, il est n\u00e9cessaire d’avoir une compr\u00e9hension de base de la fa\u00e7on dont les utilisateurs consomment les pages Internet.\n<\/p>\n
\n Des \u00e9tudes sur les mouvements oculaires nous ont donn\u00e9 un bon aper\u00e7u de l’endroit o\u00f9 les gens regardent en premier, en commen\u00e7ant g\u00e9n\u00e9ralement en haut \u00e0 gauche, puis, selon qu’il y a beaucoup de texte ou non, en scannant la page avec un \u00ab\u00a0F\u00a0\u00bb ou un motif en ‘Z’ respectivement.\n<\/p>\n
\n Comme votre page minimaliste ne sera pas lourde de texte, vous voudrez donc organiser les aspects les plus importants de votre page dans un mod\u00e8le de type Z, avec les choses que vos utilisateurs devraient remarquer en premier (vous \u00eates vos options de menu) en prenant g\u00e9n\u00e9ralement une position plus vers le haut \u00e0 gauche de votre page, tandis que les choses qui devraient \u00eatre remarqu\u00e9es plus tard (par exemple vos revendications de droits d’auteur) descendent plus bas et plus \u00e0 droite. De cette fa\u00e7on, vous rendrez la consommation de votre page plus fluide et plus naturelle.\n<\/p>\n
\n Le bouton Hamburger et autres mises en page
\n<\/h4>\n