Avec le développement des technologies Internet et de la conception Web, dernières années il y avait une certaine tendance (pas partout et pas du tout) à simplifier la page. Simplification de la conception et du code. Et c'est l'idée principale du minimalisme dans la conception Web, «moins c'est mieux».
La partie la plus importante d'une page est le contenu, donc le minimalisme exclut tout ce qui n'est pas nécessaire pour faire ressortir le contenu. Le contenu, à son tour, met l'accent sur la conception. À première vue, la création d'un tel site semble plus facile que, par exemple, un site coloré avec des titres clairs, mais ce n'est pas le cas. Il est très important ici de conserver la facilité d'utilisation de la page avec un contenu minimal.
Et pourtant, il est très rare que des sites de style minimaliste aient l'air moche ou pas stylés. Par conséquent, le minimalisme avec sa légèreté et son élégance est le plus souvent utilisé dans certains types de sites Web d'entreprise, ainsi que dans les blogs, les portefeuilles, les réseaux sociaux.
Aujourd'hui, nous allons regarder des exemples de pages pour chacune de ces sections (à la fin de l'article - un aperçu des sites russes dans le style du minimalisme):
Blogs
Ensuite, j'ai décidé de tricher, et en même temps de vous faire plaisir - je publierai gratuitement le plus intéressant Thèmes WordPress dans le style du minimalisme, vous pouvez donc non seulement regarder, mais aussi télécharger.
Conception assez standard, fond blanc et petits caractères.
Il y a plus de créativité ici - nous voyons un logo intéressant et un jeu avec des polices.
Ulap
Mais ici, la police est grande - et encore une fois rien de superflu.
Doc
Il y a beaucoup d'espace libre sur ce sujet, il y a aussi un accent rouge.
Conduire
Design plus «féminin» et plus doux, les titres sont même roses.
Ce thème combine la photo et le texte tout en conservant beaucoup d'air.
Et ici, un arrière-plan plus intéressant est utilisé.
Le dernier thème a un fond noir et de légers accents. Ils donnent une certaine image à la page, tandis que l'accent est mis sur le contenu.
Portefeuille
Comme je l'ai déjà écrit, le minimalisme est parfait pour la présentation de votre travail - rien ne les détournera!
Il s'agit d'un dessin simple, le logo, la photo principale et l'inscription de bienvenue sont mis en évidence sur la page.
Le design gris avec des éclaboussures rouges et bleues, des accents, encore une fois, ressemble à une photo et à un logo.
Les créateurs de cette page ont mis en évidence leurs domaines d'activité.
Conception douce et crémeuse. L'accent est à nouveau mis sur la photo.
Il n'y a presque pas d'images, mais le logo rouge se démarque - l'endroit le plus brillant de la page.
Ici, en général, tout est très, très petit, vraiment rien de superflu.
La combinaison glamour du noir et du rose, plus une grande photo, donnent du caractère au site.
Sur cette page, l'entreprise affiche immédiatement les travaux du portefeuille, présentant le niveau de ses travaux.
Sites Web d'entreprise
Le minimalisme dans la conception de leur site Web d'entreprise est choisi par les entreprises qui souhaitent mettre l'accent sur le principe du travail: "Business first".
L'entreprise a clairement décidé de se concentrer sur trois éléments de menu.
Le graphique élégant ci-dessous montre le profil de l'entreprise.
Le slogan et les services de l'entreprise sont mis en valeur sur ce site.
Un autre exemple de site où la photo est le centre de la composition.
Sur cette page, seul le menu principal du site Internet de l'entreprise est présenté à partir du texte.
Logo, prix et histoire courte sur le produit - il n'y a rien d'autre sur la page.
PAPA
Pomme
Classiques du genre) Menu, quelques mots sur le produit et le produit lui-même.
CANAPÉ
Là encore, l'accent est mis sur les produits de l'entreprise.
Réseaux sociaux
L'exemple classique et pionnier est Facebook.
Linkedin choisit également le minimum de design, même si la page comporte même une bannière.
L'un des nouveaux réseaux sociaux pour les designers, tout est simple et soigné. Même si, je crois, le profil du réseau obligeait encore les créateurs à l'embellir un peu.
Le service de bookmarking populaire essaie de ne pas distraire les utilisateurs de l'objectif principal - mettre le lien en favori
Google a toujours l'air simple.
Le style minimalisme dans la conception Web a toujours été aimé et exigé par les concepteurs. Cependant, la légèreté apparente des sites minimalistes a un schéma strict, soumis à certaines règles et principes. Jetons un coup d'œil aux ingrédients clés de ce style accrocheur à l'aide d'une revue analytique de Smashing Magazine.
1. Moins c'est mieux
Cette phrase est probablement la description la plus célèbre du style minimalisme. Il a été introduit par l'artiste Lubwig van der Rohe lors de la description de l'esthétique du minimalisme. Dans la conception Web, ce postulat est atteint en plaçant un nombre très minimal d'éléments, uniquement ceux qui sont nécessaires pour une conception particulière. 
2. Éliminez les choses inutiles
Cette phrase est empruntée aux auteurs de Strunk and White de leur livre "Elements of Style". Là, ça sonnait comme "Débarrassez-vous des mots inutiles". Les auteurs l'ont utilisé pour décrire la philosophie minimaliste. Lorsqu'il est appliqué à la conception Web, cela signifie que vous n'incluez pas d'éléments inutiles dans votre conception. Pour ce faire, concentrez-vous sur les principales fonctions de votre site et, sur cette base, ne laissez que les fonctions et éléments nécessaires. 
3. Simplifiez à l'extrême
Cela signifie que vous essayez de simplifier systématiquement la conception à la limite de la fonctionnalité et de la convivialité, au point où l'intégrité du site est brisée. 
4. Chaque détail compte
Dans un design minimaliste, chaque détail que vous laissez compte. C'est en raison de son petit nombre et de son exclusivité que tout élément, que ce soit un trait autour d'une image, une palette de couleurs, un espace blanc, une ligne dessinée - tout cela définira le visage de votre site, ses émotions et son style. 
5. La palette minimale de couleurs
Dans un design minimaliste, la couleur prend une signification particulière. Le choix d'une palette de couleurs et d'une couleur d'accent est particulièrement important. Et bien que de nombreux designers préfèrent les classiques blancs, gris et noir, les designs minimalistes peuvent accueillir absolument toutes les couleurs. 
6. L'importance des espaces blancs
L'espace vide (généralement blanc) est la base de tout design minimaliste. C'est l'espace libre autour de l'élément qui règle son importance dans la structure globale et détermine la hiérarchie des éléments. 
7. Utilisation du gris
Le gris est fondamental dans le design minimaliste. Les nuances de gris sont utilisées comme arrière-plan, dans les images, pour écrire des textes. Le gris a toujours l'air élégant et avantageux seul, ainsi qu'en combinaison avec le noir et le blanc. 
8. Utilisation de grandes typographies
L'utilisation d'une grande typographie est une tendance puissante et intéressante. Une grande inscription peut parfaitement combiner la fonction d'un élément graphique décoratif et en même temps porter une certaine composante sémantique. 
9. Utilisation de motifs et d'images d'arrière-plan
Un motif d'arrière-plan subtil ou une image active comme arrière-plan peut ajouter du piquant et de l'intérêt à un design minimaliste. 
10. Utilisation de grilles modulaires simples
Les grilles modulaires les plus simples ne sont pas nécessairement de nature minimaliste, mais sans aucun doute l'une des plus moyens efficaces organiser les informations sur le site et marquer les connexions entre les blocs. 
11. Utilisation de cercles décoratifs
Des cercles décoratifs de toutes sortes se retrouvent dans les en-têtes de nombreux modèles et sont également utilisés comme accents dans les menus de navigation. 
Il peut souvent être trouvé dans des éléments de mises en page plates ou dans la conception de matériaux. Le concept de base et les caractéristiques restent pratiquement inchangés dans le temps, par exemple:
- Beaucoup de gens préfèrent créer des dessins dans des combinaisons de couleurs principalement blanches et noires.
- En règle générale, les concepteurs laissent beaucoup d'espace blanc, en particulier autour de l'image centrale.
- Des polices sans empattement sont également utilisées.
Les points ci-dessus ne sont pas des exigences de base pour un design minimaliste, mais ils sont assez courants et peuvent servir d'indicateurs de style, quelle que soit la période.
Ce qui est vraiment important dans le minimalisme moderne, c'est l'accent mis sur un type de contenu, sans entrer en concurrence avec d'autres éléments. Cela peut être une photo, un logo ou un simple bloc de texte.
La navigation, les informations de contact et autres objets sont presque toujours moins visibles dans la mise en page (bien qu'ils puissent être présents dans la vue ou apparaître lors du défilement).
uppertodo.com
Récemment, les concepteurs ont également commencé à incorporer des animations dans ces sites, en suivant et voulant rendre la page Web plus «vivante» et interactive. Cependant, vous devez être extrêmement prudent avec cela. L'animation doit être discrète et réalisée dans le même style (couleurs, police, etc.) que la conception principale.
La taille du texte est une autre tendance importante du minimalisme. Les artistes préfèrent un étalonnage précis - des lettres super-petites ou géantes avec des arrière-plans contrastés et images simples... Un contraste élevé est idéal pour créer une mise au point avec une structure simple et une emphase sur le «bon» contenu.
Avantages du design minimaliste
Passons maintenant au plus intéressant, à savoir les avantages de cette direction et leur utilisation dans des projets réels.
1. Manque de guirlandes et désordre
Ce qui est excessif n'est pas sain. Lors de la création d'une mise en page, il est très facile de se laisser emporter, d'inclure tout ce que vous pouvez, et par conséquent, vous obtiendrez «un mauvais plat avec de bons ingrédients». Comme nous l'avons dit plus haut, l'un des principes les plus importants du minimalisme est de ne pas encombrer le site d'objets inutiles, sans lesquels l'utilisateur peut bien faire. Chacun des éléments peut être beau et fonctionnel en soi, mais lorsqu'ils sont assemblés, ils commencent à distraire et à gâcher l'image globale.
motocms.com
La première chose à laquelle nous prêtons attention est un bloc central contrasté et un en-tête de texte. Ensuite, le regard se porte sur les catégories / services de l'entreprise, où le visiteur peut immédiatement trouver ce dont il a besoin. Rien de plus. Grâce à cela, la mise en page est très populaire.
En supprimant les détails inutiles et en les simplifiant, vous obtenez une image visuelle propre et facilement perçue par le public. Vous trouverez d'autres solutions similaires dans notre sélection.
En plus de réduire l'encombrement, une conception minimale vous aide à vous concentrer sur les éléments les plus significatifs d'une page Web. En les rendant plus visibles, vous montrerez aux visiteurs du site à quoi accorder une attention particulière et vous pourrez augmenter considérablement la conversion du projet.
3. Augmenter la créativité
Les limites du style minimaliste obligent en fait le designer à être plus créatif. Le plus souvent, il est beaucoup plus difficile de supprimer et d'éliminer les détails afin que seul l'élément principal reste dans le modèle. Par conséquent, recherchez solutions simples pour la mise en œuvre la plus efficace - c'est un aspect plutôt utile de la créativité, qui contribue au développement d'une pensée non standard de l'interprète.
4. Convivialité
De toute évidence, une mise en page avec moins d'éléments est beaucoup plus facile à utiliser. Prenez Facebook, par exemple, il a un million de fonctionnalités, des milliers d'articles différents et pas mal de distractions. L'utilisateur moyen a besoin de passer assez de temps pour apprendre à utiliser la plate-forme et à se comporter dessus. Pour beaucoup, c'est vraiment difficile.
Vous pouvez également envisager quelque chose comme Tumblr ou Instagram. Les services ont également un certain nombre de fonctionnalités, comme tout réseau social, mais la fonctionnalité devient claire après quelques minutes passées sur le site.
L'intérêt de cette fable est qu'un design minimaliste (et simple) est garanti pour que vos visiteurs se sentent chez eux et leur permettent de s'adapter beaucoup plus rapidement aux particularités d'un projet web.
orendasecurity.com
5. Moins de codage / développement
Lors de la création d'un modèle, il est conseillé de réfléchir à la manière dont il "fonctionnera" ultérieurement sur un site réel. Si un web designer oublie les particularités du code et s'abandonne à une envolée d'imagination, qui deviendra un cauchemar pour un layout designer, alors cela ne se termine pas bien.
D'un autre côté, faire une mise en page qui éviterait des souffrances inutiles lors de sa poursuite de l'intégration est une excellente occasion pour un artiste de démontrer ses compétences professionnelles.
En général, un style de conception minimaliste est beaucoup plus facile à mettre en œuvre en raison de sa simplicité et de sa structure.
6. Meilleure vitesse de téléchargement et compatibilité entre navigateurs
Lorsqu'un visiteur se rend sur un site minimaliste, il peut souvent compter sur ses excellentes performances dans n'importe quel navigateur. De plus, en raison du manque de nombreuses images et détails, votre site se chargera beaucoup plus rapidement et votre contenu sera plus facile à lire. Ce point est très important tant pour l'impression générale d'un projet web que pour le référencement.
belancio.com
7. Vous aide à vous concentrer sur le contenu
Malgré le développement actif du format média, le contenu textuel est toujours hors compétition. Le design minimaliste le sert parfaitement et permet au visiteur de se concentrer uniquement sur le contenu. Cependant, il ne faut pas oublier que le contenu du site doit être clair et concis.
Résumer
Comme vous pouvez le voir, il présente de nombreux avantages grâce auxquels ils restent populaires quelle que soit l'époque et la portée. Par conséquent, lors de la création de votre prochain projet, nous vous recommandons de porter une attention particulière à ce style. Même si vous ne voulez pas l'utiliser dans sa forme la plus pure, mais simplement emprunter quelques principes, cela vous aidera à créer des mises en page de très haute qualité.
Le minimalisme occupe une place particulière parmi les autres tendances de conception Web. Dans les espaces ouverts du Runet, ce courant n'est pas très populaire et n'est souvent pas utilisé correctement. Et c'est dommage, car un design minimaliste peut être vraiment incroyable!
Les gens sont fatigués du flux important d'informations, de couleurs vives, d'images et d'autres contenus qui encombrent tout l'espace libre. Le minimalisme aide à se débarrasser des guirlandes et à se concentrer sur l'essentiel.
Nous espérons que cet article clarifiera ce problème.
Les racines du minimalisme dans la conception Web
Beaucoup des tendances de conception les plus populaires aujourd'hui (y compris l'illustration plate, les grandes images d'arrière-plan et la navigation cachée) sont directement ou indirectement liées au minimalisme, mouvement de conception Web qui a commencé au début des années 2000, mais emprunte sa philosophie aux mouvements précédents. dans les arts visuels. Le minimalisme, lorsqu'il est appliqué correctement, peut vous aider à orienter votre conception pour simplifier les tâches de l'utilisateur.
Malheureusement, certains concepteurs appliquent mal le minimalisme, se concentrant uniquement sur l'aspect visuel du problème. Ils réduisent ou cachent des éléments importants dans la recherche d'un design minimaliste pour leur propre bien, sans penser à la convivialité. Ils ne comprennent pas l'essence de base du minimalisme et, au lieu de rendre la convivialité plus facile, ils le compliquent.
Pour mieux comprendre et appliquer les principes du minimalisme, nous devons comprendre ses origines et ses caractéristiques fondamentales. Nous explorerons ces sujets dans une série en deux parties. Dans ce premier article, nous définirons le minimalisme et découvrirons son histoire. Dans le deuxième article, nous analyserons les caractéristiques du design minimaliste et leur impact sur la convivialité.
Interface minimaliste - à quoi ça ressemble?
Lorsqu'elle est utilisée correctement, la conception Web minimaliste doit afficher le contenu aussi simplement et directement que possible, sans rien compliquer ou distraire l'utilisateur de l'objectif principal. Cette stratégie implique souvent la suppression de contenu ou de fonctionnalités qui ne prennent pas en charge les tâches de base de l'interface.
Il y a beaucoup de controverse sur ce qui se qualifie exactement comme une conception Web minimaliste. Mais la plupart des designers partagent certains points communs. Ceux-ci incluent des textures plates, des palettes de couleurs limitées et l'utilisation d'un espace négatif. Ces caractéristiques, ainsi que d'autres, sont détaillées dans le prochain article de cette série.
Le site portfolio du designer Brian Danaher est un exemple typique de ce que de nombreux designers appellent un site minimaliste. Lorsqu'il est affiché en plein écran sur un MacBook Pro 15 pouces, page d'accueil est presque entièrement un espace blanc. Le site est conçu dans des nuances de palette de couleurs grises, des accents audacieux sont définis à l'aide d'éléments interactifs.
Ce site comprend très peu d'éléments qui nuisent au contenu principal. Le minimalisme fonctionne bien pour les sites de portefeuille qui ont des objectifs assez simples, un contenu relativement faible et des informations très similaires sur la plupart des pages. Appliquer efficacement le minimalisme à des sites plus complexes peut être délicat.
Le chemin du minimalisme vers la popularité
Années 60
Avant que le minimalisme ne devienne une tendance dans la conception de sites Web, il s'agissait d'un mouvement dans les arts visuels au cours de la période d'après-guerre. Il est apparu en réaction à des couleurs et des mouvements chaotiques et se retrouve souvent dans des œuvres expressionnistes abstraites (telles que des peintures de Jackson Pollock).
En 1960, le minimalisme est devenu populaire dans divers domaines, notamment les arts visuels et l'architecture. Dans les arts visuels, le minimalisme se caractérise par des palettes monochromes, des éléments géométriques, la cohérence et la simplicité des matériaux industriels.
Les minimalistes à noter sont designer graphique Joseph Müller-Brockmann, l'artiste Ellsworth Kelly et le designer industriel Dieter Rams. Notez les lignes épurées, la simplicité et l'économie de couleur dans chacun des exemples ci-dessous. Malgré la grande variété d'utilisations, un certain style de conception est tout à fait tangible.
La devise du minimalisme à cette époque était: «Moins c'est plus». Cette devise deviendra plus tard le mantra non officiel du minimalisme dans la conception Web.
1980-2000
À la fin du XXe siècle, le minimalisme a commencé à prendre forme comme une direction distincte dans le domaine de l'interaction homme-machine.
Les chiffres de cette époque préconisaient la brièveté et l'élimination des informations inutiles des interfaces.
Années 2000
À partir du milieu des années 2000, des échos du minimalisme en tant que mouvement artistique ont commencé à apparaître dans les interfaces Web: plus d'espace négatif, moins de contenu et des palettes de couleurs limitées. Google est souvent considéré comme le pionnier des interfaces Web minimalistes. Google a privilégié la simplicité et l'austérité dans son interface depuis son lancement bêta dans les années 1990.
Peu de choses ont changé en 15 ans. Les utilisateurs ne peuvent voir que trois options de navigation: pour accéder au reste fonctions Google, vous devez ouvrir le menu.
Lentement mais sûrement, le minimalisme a pris pied. Il a été utilisé par les concepteurs de sites Web, les concepteurs, les artistes, les photographes, les architectes et les développeurs.
2010-2013
L'introduction du Responsive Web Design (RWD) en 2010 a redéfini l'approche minimaliste. Pour utiliser efficacement les techniques RWD, les organisations devaient hiérarchiser le contenu. Sur les supports mobiles, les éléments tiers pourraient être un réel problème - ils ne pouvaient pas être ignorés de la même manière que sur les ordinateurs de bureau.
Peu à peu, les préférences des utilisateurs et de la conception ont commencé à pencher vers la simplicité des interfaces Web. Ce changement a été mis en évidence par des refontes majeures effectuées par deux géants de la technologie: la conception moderne de Microsoft en 2011 et la version iOS7 d'Apple en 2013.
La version 2011 de Windows 8 marque la première refonte majeure du système d'exploitation depuis des décennies. La nouvelle philosophie de conception a été pleinement mise en œuvre dans l'esprit du minimalisme.
En 2013, Apple a introduit un système opérateur dans un style plus plat et plus minimaliste - iOS7. Décision pomme Le passage à un design plus minimal et plus plat souligne en particulier la popularité de la tendance, étant donné qu'elle contredit fondamentalement le style de conception historique de la marque.
2014-2015
Les principes de conception minimalistes font maintenant leur apparition dans des endroits nouveaux et inattendus: sites de commerce électronique, publications en ligne et même sites éducatifs.
De nombreux sites proposant une large gamme de services optent également pour le minimalisme. Cela vous permet de donner à vos clients exactement ce dont ils ont besoin sans les distraire avec d'autres petites choses.
Aujourd'hui, le minimalisme chevauche d'autres domaines de la conception Web tels que design plat, design web réactif, design épuré. Les contributions du minimalisme à ces tendances seront discutées en détail dans l'article de la semaine prochaine.
Polémique sur l'utilisabilité: le minimalisme est-il bon pour les utilisateurs?
Le minimalisme est une stratégie qui influence considérablement les solutions d'architecture de contenu et d'information. En conséquence, le minimalisme a un impact certain sur la convivialité des interfaces. Sans surprise, la convivialité des sites Web minimalistes est devenue un sujet de discussion parmi les professionnels du Web.
Les partisans soutiennent que le minimalisme réduit la surcharge d'informations: plus vous pouvez supprimer de fonctionnalités et de contenu, mieux c'est. Le minimalisme, appliqué à bon escient, crée une expérience émotionnelle positive pour les utilisateurs. Les gens ont tendance à mieux répondre aux interfaces esthétiques.
Mais lorsque les concepteurs sont trop rigides sur le minimalisme, ils risquent d'atteindre une densité d'informations inutilement faible. Tout ce dont vous avez besoin sera difficile à trouver et la navigation est impossible à comprendre. Le minimalisme avec modération peut être efficace tant que vous ne perdez pas de vue l'objectif principal d'aider les utilisateurs à faire avancer les choses.
Quelques conseils pour créer une interface minimaliste
Assurez-vous que votre stratégie de conception minimaliste est adaptée à votre site Web, à votre marque. Si vous êtes sûr que le design minimaliste vous convient, suivez quelques conseils:
* Utilisez la devise «Moins c'est plus» dans vos projets. N'ajoutez pas seulement des éléments inutiles. Cette règle peut être vraie pour le contenu et la conception, ainsi que pour l'expérience utilisateur.
* Pensez à réduire les éléments qui ne transmettent pas d'informations importantes.
* Apprenez le minimalisme de Carroll: ne vous contentez pas de découper les éléments - pensez aux besoins de vos utilisateurs, essayez de réaliser les tâches de manière aussi concise et simple que possible.
* Sachez que seul est minimaliste aspect visuelsans un examen significatif des tâches de l'utilisateur ne mènera pas au succès. Les problèmes d'utilisabilité de Windows 8 peuvent vous servir d'exemple.
Une discussion approfondie des caractéristiques du minimalisme sera abordée dans le prochain article dans une semaine. Suivez l'actualité!
