5 tendances de conception Web qui domineront Internet en 2021
L'année dernière a été une année tumultueuse, de la pandémie de coronavirus à une nouvelle vague de mouvements de justice sociale et à une élection présidentielle contestée. Beaucoup d’entre nous ne pensent pas à la manière dont les événements sociétaux plus larges et les développements technologiques affectent la conception, mais en particulier lors de la création pour le Web au rythme rapide, les concepteurs doivent être informés des tendances plus générales.
Alors que nous concevons pour le Web en 2021, de nombreuses tendances émergentes doivent être prises en compte à partir de 2020. D'un plus grand accent sur la conception inclusive à des expériences plus immersives, ces tendances traceront l'avenir de la conception Web en 2021 et au-delà.
Vous trouverez ci-dessous les cinq principales tendances en matière de conception Web qui, je crois, vont prendre d'assaut Internet cette année. Si vous souhaitez les utiliser dans votre propre travail, assurez-vous d'avoir le bon outils de conception web pour les mettre en œuvre.
01. Web inspiré de l'imprimé
Les visuels inspirés de l'imprimé répondent au besoin du spectateur de se connecter avec quelque chose du monde réel, en particulier à une époque où bon nombre de ces connexions sont coupées. Ce qui peut sembler désuet est en fait de s'inspirer et de s'améliorer sur des méthodes éprouvées pour informer et capturer un public.
Vous pouvez dessiner à partir de l'impression sans laisser votre site Web se sentir obsolète ou maladroit, et nous avons vu du succès lorsque les concepteurs suivent ces étapes clés:
- Choisissez la bonne typographie: Cela peut être réalisé facilement, en particulier lorsque l'on considère des titres plus gros, plus audacieux et qui doivent être conçus pour être numérisés rapidement par le spectateur. (Voir notre polices gratuites pour de nombreuses options de typographie.)
- Conception pour la lisibilité: Une mise en page de bloc avec des bordures fortes peut clairement regrouper une section d'un site Web et rappelle un style que l'on retrouve dans les bandes dessinées. Ce faisant, il est important de se concentrer sur le flux et la lisibilité, car Enfant Mackenzie fait dans beaucoup de ses projets et son portfolio et vu dans l'image ci-dessus.
De plus, les concepteurs peuvent facilement s'inspirer des mises en page utilisées dans les journaux et les magazines comme source d'inspiration pour concevoir à l'échelle. Historiquement, les journaux remplissaient toute la page, ce qui est une leçon précieuse à apprendre pour les concepteurs Web lorsqu'ils explorent l'échelle et les tailles de canevas pour le Web.
02. Expériences immersives utilisant la RA
La réalité augmentée (RA) est une méthode sous-utilisée pour atteindre votre public cible et lui présenter votre produit d'une manière plus complète et convaincante. Il peut être utilisé à la fois pour les entreprises interentreprises (B2C) et interentreprises (B2B) car il immerge complètement l'utilisateur, et cette expérience peut être adaptée à n'importe quelle organisation ou produit.
Alors que la pandémie se poursuit, de nombreuses personnes ne sont pas en mesure d’expérimenter un produit en personne et recherchent des alternatives qui leur permettent encore de découvrir une marque et un achat potentiel. De plus, les équipes commerciales souffrent du fait qu’elles ne peuvent pas se déplacer pour des réunions d’affaires, des démonstrations de produits et des événements. Parce que la RA aide à la visualisation des données et aux prototypes, certaines marques B2B l'utilisent pour créer des expériences immersives. Nutanix a conçu un «stand» immersif pour une conférence virtuelle en 2020 (ci-dessus) qui a démontré à la fois son savoir-faire technologique et son utilisation avancée de la RA pour répondre aux besoins de ses clients.
Si cela vous semble intimidant, il existe de nombreuses façons d'entrer dans le monde de la RA. Pommes Kit AR est un bon point de départ, mais si les concepteurs recherchent un projet simple dans lequel plonger leurs orteils, ils peuvent également créer un filtre AR de marque pour Instagram.
03. Curseurs personnalisés
Les curseurs ne sont généralement pas considérés comme un domaine de conception Web important, ce qui laisse beaucoup de place aux concepteurs pour les transformer en quelque chose de mémorable. De petites touches personnalisées comme les curseurs personnalisés peuvent aider les gens à se sentir plus connectés à votre site Web et donc au message, à la marque ou au produit qu'il présente.
Il y a quelques points faciles à garder à l'esprit lors de la mise à jour des curseurs. Tout d'abord, réfléchissez aux images ou aux aspects clés qui rendent votre marque unique et essayez de l'ancrer autour de la conception du curseur. Restez simple et quelque chose qui semble attrayant quand il est petit; les idées détaillées ou complexes ne se traduiront pas bien.
De plus, rappelez-vous que l'objectif principal d'un curseur est de communiquer la fonction. Assurez-vous de choisir un curseur personnalisé qui ajoute de la personnalité et reflète votre marque tout en préservant sa fonction. Testez votre curseur sur les navigateurs et incluez une solution de secours pour les cas où votre curseur n'est pas pris en charge.
L'outil Stylo ci-dessus est un exemple de marque qui utilise une animation et du texte dans son curseur circulaire et le résultat est une page Web qui attire facilement l'attention du spectateur.
04. Couleurs atténuées
Alors que les teintes de couleur perdent de leur «valeur» tendance d'année en année (vous vous souvenez de la tendance rose millénaire que nous avons vue en 2016?), Il est important de mettre à jour votre site Web pour indiquer que vous êtes une organisation moderne et adaptative.
Les couleurs en sourdine seront importantes cette année, car elles attirent l’œil du spectateur sur l’illustration ou le point focal de la page Web de manière naturelle. Les couleurs en sourdine réduisent la fatigue oculaire et permettent aux internautes de savoir qu'ils peuvent prendre leur temps avec votre site Web. Surtout avec la prolifération actuelle d'illustrations dessinées à la main et d'arrière-plans accentués de grain, les couleurs atténuées sont le complément parfait.
Un bon exemple est Studio de théâtre magique Le site Web du site Web, qui utilise une palette de couleurs claires aux côtés de morceaux de couleur foncée pour donner un aspect très contrasté qui distingue les sections du site Web.
Pour être plus efficace avec ce type de conception, assurez-vous de choisir des couleurs avec un contraste adéquat afin que tout le texte soit toujours lisible par les personnes malvoyantes. Un outil qui rend cela vraiment facile à vérifier est Vérificateur de contraste de WebAim .
05. Aucune conception de site Web de code
Aucune conception Web de code peut sembler discordante, mais cela ne signifie pas la fin complète du codage d'un site Web. Au contraire, il démocratise la construction du Web à des personnes de tous horizons au lieu de le laisser à quelques-uns qui ont une compréhension ou une expérience approfondie du codage complexe et de la conception de sites Web.
Pour ceux qui s'inquiètent de la façon dont aucun site Web de code n'apparaîtra, soyez assuré que votre conception restera aussi sophistiquée et moderne que vous le souhaitez. Treillis est une marque qui a construit son site Web sans code, et comme vous pouvez le voir ci-dessus, son site Web n'est pas différent d'un site codé. L'avantage de le faire, bien sûr, est que vous êtes moins dépendant d'une personne en particulier ou de ses compétences et que vous pouvez mettre à jour votre site Web plus régulièrement et avec la contribution d'une multitude de personnes. Cela sera crucial en 2021, car de plus en plus d'équipes travailleront à distance et auront besoin d'une approche `` tout-terrain '' pour s'adapter à ces changements d'horaires et de priorités.
Si ces premiers jours de 2021 sont un indicateur, il est clair que cette année continuera d'être riche en événements sans précédent. Sans boule de cristal, il est difficile de prédire exactement quelles tendances de conception Web complèteront le mieux l'avenir, mais en fin de compte, la créativité et le fait d'être centré sur l'utilisateur sont la clé de toute bonne conception de site Web (et se reflètent toutes dans les tendances ci-dessus).
Si vous souhaitez en savoir plus sur encore plus de tendances, rendez-vous sur Répartition de Webflow des tendances de conception Web de cette année.
Lire la suite:
