Catégories
Plugin et site web

3 tendances essentielles du design, août 2020

Les jours de farniente, avez-vous envie d'une nouvelle technique de conception à essayer? Vous avez de la chance.

La collection de ce mois-ci des tendances de design essentielles regorge d'idées fonctionnelles pour embellir les projets de design. Et tous sont assez faciles à réaliser et donneront à votre projet un look moderne – ou intentionnellement old-school -.

Voici les tendances en matière de design ce mois-ci:

Angles

Il y a tellement de façons d'ajouter et d'utiliser des angles funky dans les projets de conception.

Un angle avec un bloc de couleur peut être un excellent moyen d'aider à ajouter une place pour un élément de texte au-dessus d'une image ou d'une vidéo pour assurer la lisibilité. Utilisez une couleur pour l'élément incliné qui contraste avec l'arrière-plan et la superposition de texte pour un visuel saisissant ou utilisez une couleur qui correspond à l'arrière-plan pour une sensation plus subtile.

Un autre avantage de l'utilisation des angles dans la conception est qu'ils peuvent aider à créer un motif distinctif accrocheur d'une partie de l'écran à une autre pour aider à créer une mise au point visuelle. Sur un écran plus petit et plus vertical (tel qu'un appareil mobile), de grands angles peuvent même servir à un écran pseudo-divisé et créer un moyen pour le texte et d'autres éléments de s'empiler dans des orientations plus verticales.

Les angles peuvent être de différents degrés et tailles. Il n'y a pas beaucoup de règles sur la façon de les utiliser. Le point commun est qu'ils facilitent la compréhension de la conception.

Alternativement, les angles peuvent être un élément de conception indépendant qui n'a vraiment rien à voir avec la fonction ou l'ajout d'un calque de texte. C'est exactement ce que fait Aviaja Dance avec leur design. L'utilisation principale des angles provient du «A» amusant du logo. Il s'agit du visuel principal de la page d'accueil au-dessus du parchemin et est pivoté à d'autres endroits tout au long de la conception.

Les deux exemples suivants utilisent des angles à couleur bloquée.

Dantia utilise un petit angle bleu dans le coin supérieur pour ancrer le logo contre une vidéo qui utilise beaucoup de couleurs différentes. De cette façon, le logo est toujours visible. De petits triangles sont utilisés comme balles tout au long de la conception pour accentuer davantage cette forme.

Adige Design utilise un grand angle dans une couleur qui s'estompe presque dans l'arrière-plan pour presque diviser l'écran en une moitié de texte, une partie des visuels. Il s'agit d'une utilisation populaire et efficace d'un angle pour améliorer la lisibilité et ajouter de la finesse visuelle.

Effets de surimpression

Bien que la surimpression soit une technique de conception d'impression, le visuel qu'elle crée apparaît dans de nombreux projets numériques. C'est un look cool qui crée des coloris supplémentaires et a presque toujours une ambiance funky.

Lorsqu'un dessin utilise la surimpression, une couleur «s'imprime» sur une autre formant une nuance mixte à partir des deux teintes. Il a une certaine élégance car en tant que technique d'impression, il est souvent réservé à des projets spéciaux.

Cette même sensation transparaît également dans la conception numérique.

Sweet Punk utilise une surimpression amusante avec un cercle orange vif et une image en noir et blanc pour créer beaucoup de contraste dans un effet de couleur intéressant. Ce qui le distingue encore plus, c'est que la diapositive de surimpression fait simplement partie d'un plus grand ensemble d'images en mouvement. Il se distingue par les choix de couleurs et la technique.

Kriya Konsulting utilise une petite fonction de surimpression dans un graphique pour créer un point focal loin du texte. L'effet est subtil et avec des couleurs et des lignes à l'intérieur des formes, cela vous donne beaucoup à regarder. Le graphique de surimpression n'est que l'un des nombreux cercles à l'écran qui se réunissent pour un effet complet. L'intérêt de la zone de surimpression sert de point de départ pour l'œil, qui se déplace vers d'autres éléments circulaires et du texte à l'écran.

Dystopian Creatives utilise un effet de surimpression dans une animation rapide au fur et à mesure du chargement du site, puis à plusieurs endroits du défilement. Il est si subtil que vous risquez de le manquer si vous ne cherchez pas grâce à une esthétique globale assez audacieuse.

Typographie du tournant du siècle dernier

Les polices de caractères hautes, minces et de style moderne sont de mise. Des points bonus pour utiliser cette tendance d'une manière qui évoque les sentiments des années folles (années 1920).

Ces styles de police semblent imiter les affiches médiatiques de l'époque. Bien que la plupart de ces polices entrent dans la catégorie des empattements modernes, il existe des options sans qui créent une sensation similaire.

Le point commun principal est l'utilisation de hauteurs X extrêmement élevées et de traits avec des options épaisses et minces distinctement variables. La plupart de ces polices sont également plutôt condensées.

Notez comment chacun de ces exemples adopte une approche différente.

Better Half utilise un empattement moderne avec une hauteur x spectaculaire. Notez l'utilisation de lettres majuscules et minuscules pour le titre. Il attire l'attention sur le drame élevé de la police.

Chiara Luzzana adopte l'approche opposée avec un jeu de caractères entièrement en majuscules et mélange le contour et le lettrage rempli. Le texte rappelle quelque peu le générique du titre de «Stranger Things» avec des vibrations doubles aux années 1920 et 1980. (Preuve que tout ce qui était populaire une fois revient.)

Synchronized Digital Studio va complètement d'une autre manière. Bien que le texte et le design aient une sensation similaire, ils le font ici avec un sans empattement moderne. Notez que la hauteur x est encore assez haute et qu'il existe de grandes différences entre les traits épais et fins.

Chacune de ces polices compactes mais audacieuses est utilisée pour créer un visuel dominant. C’est la beauté de ce style – la police de caractères est l’art grâce à tant d’intérêt visuel. Il y a aussi l'avantage supplémentaire que ces styles condensés permettent un nombre de caractères plus élevé sans devenir visuellement écrasant. (Donc, si vous devez utiliser un mot long de grande taille dans le titre principal, cela pourrait être une option viable.)

Conclusion

Les tendances de conception amusantes (et fonctionnelles) sont parmi les meilleures. L'utilisation d'angles peut faciliter l'incorporation d'éléments de texte faciles à lire, les effets de surimpression ajoutent du style et un peu de style old-school, et la typographie du début du siècle dernier se sent moderne et fraîche avec un soupçon de style des années 1920.

N'importe lequel de ces éléments de conception peut être appliqué à des sites Web sans une refonte complète et constitue un excellent rafraîchissement pour les jours canins de l'été et au-delà.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *