3 tendances de conception essentielles, août 2017
Si les beaux jours de l'été vous attendent pour changer de décor, les tendances du design web de ce mois-ci sont le début parfait. Bien que le minimalisme ait été le style "moderne", de plus en plus de concepteurs commencent à se tourner vers plus de détails et de caractéristiques dans la mise en page. Les motifs de conception frappants que nous commençons à voir sont une nouvelle alternative aux styles épurés auxquels nous nous sommes habitués.
Qu'est-ce que tu penses? Êtes-vous prêt pour des options de typographie plus fines, des détails plus élaborés et des logos de style icône? Vous pourriez être après avoir vu certains de ces projets de conception.
Voici ce qui est tendance dans la conception ce mois-ci:
1. Typographie fine
Type mince est de retour! Les polices minces ont eu une mauvaise réputation quand Apple a opté pour une police ultra-mince et légère pour son système d’exploitation avec iOS 7.
Les concepteurs se sont opposés à l’option qui était un peu difficile à lire et qui avait en quelque sorte contrarié de nombreuses tendances en matière de design. (Flat était à la mode, mais certains ont soutenu que la quasi-absence d’Apple combinée à la police de caractères ultra-mince était trop importante). Parallèlement, des caractères plus larges et plus audacieux .
La marée commence à changer de sens. De nos jours, les polices minces sont un peu plus fines que celles auxquelles nous sommes habitués, mais ne sont pas aussi fines que l’option Apple.
La meilleure chose à propos d'opter pour une police plus fine est que vous avez un peu plus de liberté avec le design. Bien que les polices minces ne soient pas recommandées pour la copie corporelle, elles peuvent convenir à de plus grandes tailles lorsque le contraste est important.
Les exemples ci-dessous présentent toutes les meilleures utilisations de polices plus fines:
- Utilisez une police de caractères fine en majuscules pour créer un titre percutant. Cette option fonctionne souvent mieux avec seulement quelques mots, tels que Safaris africains de luxe , au dessous de. Il est tout aussi important de penser au lettrage par rapport aux lettres réelles; certains mots peuvent être difficiles à lire en caractères fins ou en majuscules.
- Associez une police de caractères fine à une option plus audacieuse pour créer une WebDesignStudio , au dessous de.
- Utilisez une police de caractères plus fine en couleur (sur un arrière-plan contrasté) pour ajouter une accentuation visuelle, telle que Leeds Golf Center , au dessous de.
Vous cherchez de l'inspiration? Voici cinq polices Google adaptées à la facture (et qui auront fière allure): Source Sans Pro , Dose , Portée One , Rajdhani , Martel Sans .
2. Elaborer des détails
Des détails amusants aux traitements typographiques sophistiqués en passant par les éléments de l'interface utilisateur qui créent un délice inattendu, les détails élaborés deviennent plus courants. L'astuce pour créer quelque chose de complexe est de le rendre aussi simple que possible pour l'utilisateur, ce qui signifie qu'il doit être facile à comprendre et à utiliser.
La grande chose au sujet des détails est qu'ils peuvent ajouter beaucoup de personnalité à un projet. Ces éléments peuvent être véhiculés sur des supports différents, des projets de sites Web à la conception de produits en passant par des éléments imprimés, de sorte que tout ce qui concerne une marque présente visuellement la même chose spéciale. (C'est un excellent moyen d'établir la cohésion de la marque.)
Ces détails peuvent apparaître de différentes manières et devraient toujours ajouter à l’effet global, et non pas les en détourner. Les détails élaborés sont mieux utilisés pour une seule instance de la conception et ne doivent pas submerger les utilisateurs. L'utilisation de quelque chose de trop élaboré peut finir par créer le contraire de l'effet recherché et accabler visuellement les utilisateurs. Donc, une fois que vous trouvez votre "truc", utilisez-le une fois et utilisez-le bien.
le Groupe des ancêtres , ci-dessous, utilise un style élaboré avec un logotype à l'ancienne avec des traits de couleur au-dessus du titre. Le style de caractère est rare pour la conception de sites Web et, associé au logo élaboré, il constitue une combinaison frappante. Mais vous pouvez également voir comment cette conception ne peut être efficace qu'avec une seule utilisation. La police de caractères peut être difficile si elle est utilisée pour de gros blocs de texte et que le style peut gêner la messagerie. Ici, l'équipe de conception l'a parfaitement utilisée.
Chaises de travail Vitra , ci-dessous, utilise des animations d'interface utilisateur élaborées pour engager les utilisateurs. La page d'accueil comprend un bouton "Glisser" qui s'ouvre dans le menu de la ligne de produits. L'arrière-plan reste le même dans les deux panneaux, de sorte que les chaises sont toujours en surbrillance dans la bobine de vidéo. Les animations entre les clics sont tout aussi intéressantes et même si vous n'êtes pas prêt à acheter une chaise, vous pouvez vous déplacer sur le site Web.
Parfois, le design le plus élaboré n'inclut pas d'effets super spéciaux. Seule école de cerf-volant , ci-dessous, utilise un logo réel et volumineux pour une combinaison qui attire le regard. Bien que le grand logo semble simple, créer une typographie à la fois lisible et fonctionnelle peut être difficile. Ici, cela fonctionne à merveille et l'ambiance du lettrage correspond à ce que vous attendez de ce type d'entreprise.
3. Logos d'icône
Est-ce une icône ou un logo? La ligne entre les deux éléments de conception est de plus en plus franchie. Des logos de style icône apparaissent partout.
Tirés du style minimaliste et fonctionnant dans diverses applications, les logos d'icônes peuvent être colorés ou inspirés de dessins au trait. La plupart des utilisations sont orientées vers un logo plus petit dans une forme qui sera également transmise aux sites de médias sociaux pour une image de marque cohérente en ligne.
L'inconvénient d'un logo d'icône est qu'il n'y a pas beaucoup de place pour un nom d'entreprise réel. Les meilleurs logos d’icônes sont conçus pour pouvoir être utilisés seuls ou en même temps que des lettres, comme District0x , au dessous de. Notez que l'icône "d" colorée pourrait fonctionner par elle-même - elle a fière allure dans le format du logo Twitter circulaire en raison de la forme asymétrique - et ne semble pas être la même lorsqu'elle est associée au nom complet de la marque.
Jardan Furniture et Nobbys Lighthouse , ci-dessous, optez pour des styles de logo d'icônes plus simples avec le nom de marque défini dans le type ci-dessous. Bien que ce soit une option populaire, cela peut créer une déconnexion entre le nom et le logo. Optez pour des emplacements qui connectent les éléments - les deux exemples ont centré le logo et le nom de la société de composition - pour créer un cheminement des yeux d'un élément à l'autre.
Conclusion
Il est amusant de voir les tendances commencer à changer d'une dynamique à l'autre. Pensez-vous que des styles plus détaillés remplaceront le minimalisme? Ou est-ce juste une mode passagère?
Quelles tendances aimez-vous (ou détestez-vous) en ce moment? J'adorerais voir certains des sites Web qui vous intéressent. Laisse moi un lien sur Twitter ; J'adorerais avoir de vos nouvelles.