Avez-vous remarqué à quel point les petits logos semblent être de plus en plus populaires sur les sites Web? Pendant un moment, il a semblé que l'objectif du design était de "le rendre plus grand". Cela a quand même changé - en termes de taille et de placement du logo.
La plus grande tendance actuelle dans la conception de sites Web consiste à utiliser le logo du petit coin. Nous allons casser la tendance et regarder quelques bons exemples. Vous trouverez peut-être l'inspiration nécessaire pour réduire le logo dans votre prochain projet. Ou peut-être que vous déciderez de rester grand et audacieux!
Identifier la tendance
Bien qu'aucune règle distincte ne stipule qu'un logo doit figurer dans le coin supérieur gauche d'un site Web, cet emplacement est commun pour des raisons de lisibilité et d'identification. Les utilisateurs ont l'habitude de rechercher des informations sur la marque. Ce dernier constitue un bon point de référence pour la navigation et aide les utilisateurs à revenir à la page d'accueil lorsqu'ils sont bloqués.
Il n’est donc pas surprenant que de minuscules logos soient le plus souvent placés dans cette partie du dessin. Bien que l’utilisation de minuscules logos ne soit pas limitée à cet emplacement, elle suit les modèles d’utilisateur acceptés. C'est important car lorsque vous essayez quelque chose de différent, vous voulez que les utilisateurs le comprennent sans difficulté. Dans ce cas, le changement concerne la taille du logo, le réduisant à un "minuscule". la taille pourrait en faire un visuel moins dominant. En le conservant au même endroit, l'utilisateur peut toujours le trouver et effectuer les actions attendues sans penser à ce changement.
C’est l’une de ces tendances faciles à repérer. Recherchez un logo super-petit (souvent inférieur à 300 pixels carrés à une résolution de bureau standard) placé à un emplacement qui s'accroche au haut et à la gauche du canevas.
Tendance en panne
Bien que la tendance soit liée à la taille et à l'emplacement des logos, ce n'est pas la seule chose qui semble être un fil conducteur. Les concepteurs utilisent des formes, une iconographie, une typographie et des couleurs similaires.
La tendance se complète et emprunte des concepts à de nombreux autres styles populaires, notamment le minimalisme, les couleurs vives et l'iconographie. Cela fait partie de ce qui fait que cette tendance fonctionne. il s'intègre presque parfaitement aux autres modèles.
Des carrés
Le logo carré simple est facile à utiliser et constitue un bon point d'ancrage pour la stratégie de marque. Beaucoup de ces logos carrés comportent quelques mots (logotype) ou de petites images dans un carré coloré.
Le noir est une option populaire, comme dans le cas de Brave People (ci-dessus), mais les choix de couleurs peuvent être dictés par l'arrière-plan du design et les couleurs de la marque. Rien ne dit qu'un logo carré doit avoir une apparence sombre, mais c'est une option plutôt courante.
Les carrés sont populaires parce que leur forme est réutilisable dans de nombreux endroits, y compris les médias sociaux, et convertie en icône d'application.
Logos d'icônes
Au fur et à mesure que nous concevons davantage de choses pour les petits écrans, nous avons tendance à simplifier et à rationaliser. La même chose est vraie avec cette tendance, où une simple icône peut servir de logo de coin minuscule.
Le truc pour faire ce travail est que l'image doit être? Iconique? et assez simple pour qu’il soit facile à lire et à comprendre à une taille extrêmement petite. Toutes les icônes ne fonctionneront pas ou ne seront pas appropriées aux petites tailles.
Parce que cela peut être assez compliqué, la plupart des concepteurs optant pour cette voie utilisent des icônes monochromes noir et blanc avec quelques lignes simples. Certaines de ces icônes représentent certaines images, telles que le voleur de train (ci-dessus), mais beaucoup d'autres utilisent des formes géométriques. Avec un logo d'icône, de nombreuses décisions reviennent à l'identité de votre marque. Avez-vous une icône avec laquelle les utilisateurs s'identifient? Cela fonctionne-t-il dans ce contexte?
Logotypes
En ce qui concerne les logos minuscules, les logos peuvent constituer l'une des meilleures alternatives pour la plupart des conceptions de sites Web. Pour les marques ayant un logotype, la solution est déjà intégrée. Le logotype a probablement été conçu avec l’idée qu’il devait fonctionner à toutes les tailles.
Le vrai truc pour les logotypes dans le coin supérieur de la conception est de ne pas les perdre. Les logotypes qui utilisent des styles de caractères très minces ou qui incluent des mots très courts peuvent nécessiter plus de poids que ceux avec des mots plus longs ou des polices plus épaisses. Le placement doit être déterminé par le poids visuel et non par une ligne directrice de pixel.
Il est également important de prendre en compte l'arrière-plan du logotype. Assurez-vous que le logo reste visible sur toutes les pages. Essayez d’éviter les arrière-plans avec d’autres éléments de type ou des modèles exceptionnellement occupés pour une lisibilité maximale.
? App? Styles d'icônes
Le style de l'icône de l'application fonctionne également à merveille sur les sites Web et fournit un élément de conception polyvalent. Le placement et la conception sont souvent similaires à l'idée du logo carré, mais les icônes de style d'application sont souvent un peu plus éloignées des bords de la toile, peuvent inclure davantage de couleurs et sont souvent considérées comme un logo de marque secondaire.
Ce style peut être très amusant à jouer, mais il est important de s’assurer que votre identité n’est pas perdue si vous utilisez une stratégie de marque moins commune. Envisagez d'intégrer le nom de marque et le logo principal à d'autres endroits pour maintenir le lien visuel attendu par les utilisateurs.
Les sites Web basés sur des applications utilisent souvent ce style car l'icône de l'application représente leur marque et leur reconnaissance par les utilisateurs. Pour que l'expérience soit un peu différente pour les utilisateurs qui accèdent au site Web plutôt qu'à l'application, ajoutez un soupçon de mouvement ou d'animation en vol stationnaire au logo pour surprendre et ravir.
Le rétrécir
Selon le logo, cette tendance ne nécessitera peut-être pas de travail supplémentaire ni de refonte. Il suffit de prendre le logo, de le réduire et de le placer dans le coin supérieur. Cela semble assez facile, non?
Voici le truc: Votre logo doit déjà inclure tous les composants de la lisibilité à une petite taille. Pour la plupart des marques, cela signifie que le logo doit être autonome dans un élément de type navigation, sans beaucoup de couleurs ni d'images.
Un campeur heureux (ci-dessus) le fait plutôt avec succès.Le logo est réduit à «petite taille de coin». et contenu dans une barre de navigation blanche. La couleur principale du logo traverse la zone de contenu principale du site Web, attirant efficacement l’œil du logo vers le message et vice-versa.
Couleurs
Les petits logos en coin ont tendance à comporter beaucoup de noir et blanc. Mais cela ne doit pas forcément être le cas. Tout est basé sur le placement.
Les couleurs vives et audacieuses restent importantes grâce aux influences de la conception plate et matérielle. Ces choix de couleurs peuvent également fonctionner dans un espace réduit. Le truc à colorier est de rationaliser les autres éléments afin qu’il y ait beaucoup de contraste. De petits éléments peuvent facilement se perdre s'il y a trop d'activités dans un espace concurrent.
D'autre part, la nature frappante d'un logotype noir et blanc ou noir ou blanc peut fournir le bon contraste pour le distinguer d'un arrière-plan occupé. Pour les conceptions où le logo apparaît sur une image ou une vidéo de héros, il s'agit souvent de la meilleure option en termes de lisibilité.
Balance de navigation logo
Les minuscules logos peuvent présenter des défis uniques lors de la planification de la navigation. Est-ce que la navigation doit aussi être minuscule? Comment créer un équilibre sans surcharger les éléments ou chercher un déséquilibre?
Il y a deux solutions.
- Créez un élément de navigation équilibrant, tel qu'un logo carré minuscule et une icône de navigation de hamburger complémentaire avec un menu caché.
- Créez un conteneur pour le logo et la navigation afin qu'ils fonctionnent ensemble.
Les deux options peuvent fonctionner aussi bien. Tant que les utilisateurs peuvent accéder facilement aux informations, la conception fonctionnera. Pensez à vos utilisateurs et à leurs habitudes avant de faire ce choix.
Conclusion
Minuscule est la nouvelle grande chose. Un designer avisé a un jour déclaré que si vous pouviez faire fonctionner quelque chose avec une petite taille, cela fonctionnerait n'importe où. C’est peut-être le défi des concepteurs: créer quelque chose qui fonctionne à merveille au niveau micro-économique.
Ce qui est particulièrement plaisant avec les petits logos de coin en tant que tendance, c’est qu’ils sont utilisables. Vous n'avez pas besoin de faire une refonte pour utiliser ce concept et pouvez ajouter une fonctionnalité à la mode avec juste une petite modification de conception.