Notre vie quotidienne est saturée d'images étonnantes. Les expériences de conception visuelle deviennent des tendances de conception graphique chaudes, et tout à coup nous les voyons partout.

Des conceptions visuelles frappantes sont placardées sur les côtés des bus, des affiches, des panneaux d'affichage, des publicités télévisées, des magazines et bien sûr, des produits numériques. Ils portent de nombreux noms, y compris bichromie, double exposition, lignes de balayage, pépin, bavure, canal de couleur, masquage photo, couleurs vives et criardes et erreur d'impression.

Comme pour la mode, les tendances du design sont souvent recyclées des décennies passées - nous les voyons revenir encore et encore: constructivisme russe, Bauhaus, sérigraphie, années 1970… etc. Des motifs géométriques simples et saturés existent depuis près d'un siècle et les designers les utilisent encore parce qu'ils sont tout aussi efficaces qu'il y a 100 ans.

Heureusement, aujourd'hui designers ont une plus grande variété d'outils numériques avec lesquels créer ces effets avant-gardistes qu'ils ne le faisaient auparavant. Néanmoins, même si les outils peuvent être plus faciles à trouver, n’oublions pas que c’est une créativité courageuse et une innovation visuelle qui forgeront les conceptions les plus fraîches et les plus convaincantes.

Les concepteurs devraient-ils suivre les tendances du design?

Certains directeurs créatifs et designers peuvent résister aux tendances du design car ils ne veulent pas être considérés comme des «suiveurs». Cependant, utiliser les tendances de la conception graphique pourrait s'avérer être une décision importante, car cela peut aider à faire un designer plus contemporain. Oser être différent a aussi ses récompenses. Les meilleurs designers «suivent et empruntent» fortement les tendances - passées et présentes - créant parfois quelque chose d'entièrement nouveau en combinant les tendances du design graphique en quelque chose de frappant et de frais.

Mise en garde: les concepteurs ne doivent utiliser les tendances de la conception graphique dans leur travail que lorsque cela est approprié et en gardant à l'esprit la marque. Par exemple, les gens attendent de la stabilité et de la confiance de la part des banques, des investissements, des marques d'assurance, etc., de sorte qu'un effet de contre-culture subversif comme «pépin» peut ne pas être approprié dans ces cas.

Examinons quelques-unes de ces tendances en matière de conception graphique et partageons quelques-uns des meilleurs didacticiels Photoshop sur la façon de les créer.

Hot Design Trend: L'effet de double exposition

Des combinaisons d'images spectaculaires peuvent être obtenues en utilisant l'effet de «double exposition». Le nom vient de la photographie sur pellicule celluloïd où deux ou trois photos sont prises sans enrouler le film vers l'avant dans l'appareil photo, exposant la même image plusieurs fois avec des images différentes. Cette tendance figurait beaucoup sur les affiches de films et les promotions télévisées. Comme vu ci-dessus, les titres d'ouverture des émissions de télévision tels que True Detective sur HBO ont utilisé cet effet avec des graphiques animés avec beaucoup d'effet.

Afin d'obtenir un excellent effet de double exposition, une sélection minutieuse des images est très importante. Les images à contraste élevé fonctionnent mieux lorsque des zones plus sombres occupent une zone de l'image où une autre image va être utilisée. Juxtaposer un portrait avec une image plus détaillée comme un paysage urbain ou un paysage est souvent fait.

Voici quelques didacticiels Photoshop sur la façon de réaliser cette tendance de conception à chaud:

Tutoriel Photoshop n ° 1 sur l'effet double exposition:

Tutoriel Photoshop n ° 2 sur l'effet double exposition:

Tutoriel Photoshop n ° 3 sur l'effet double exposition:

Glitch, erreur d'impression, effets d'interférence visuelle

C'est un double preneur. Il attire l’œil dans une mer d ’« images parfaites », car il s’agit d’imperfections. Il est basé sur le résultat inattendu d'erreurs numériques appelées «problèmes». Tout ce qui nous entoure - publicité, affiches, couvertures de magazines et promotions télévisées - a été retravaillé à la perfection (certains l'appelleraient même «faux» ou «pollution visuelle»), suscitant ainsi le désir de voir plus réel, organique, moins- images que parfaites.

Souvent plus attrayante pour les jeunes générations, cette tendance du design est un mouvement subversif, contre-culturel, «anti-faux» destiné à faire ressortir les designs. Comme mentionné ci-dessus, cela peut ne pas convenir à certaines situations ou marques, il est donc conseillé aux concepteurs de faire preuve de prudence s'ils choisissent de mettre en œuvre cet effet.

qu'est-ce que c et c++

La plupart des concepteurs utiliseraient le terme «pépin», mais parfois cela s'appelle un effet VHS, un décalage RVB avec des lignes de balayage, une erreur d'impression ou des interférences visuelles. Des designers innovants combinent parfois plusieurs types de ces effets vogueish en quelque chose de nouveau.

Chacun a sa propre méthode pour créer cet effet, alors regardez autour de YouTube et choisissez celui que vous aimez. Il existe même des concepteurs de Photoshop Actions peuvent acheter pour créer l'effet de pépin en quelques clics. Voici quelques-uns des meilleurs tutoriels Photoshop sur la façon de réaliser cette tendance de conception:

Tutoriel Photoshop Glitch Effect # 1:

Tutoriel Photoshop Glitch Effect # 2:

Il existe même des moyens d'obtenir un effet glitch sympa avec seulement CSS comme cette démo de diaporama et cette démo de la page de destination montrer.

Effets Duotone

Duotone existe depuis un certain temps mais ne semble jamais se fatiguer. Il y a des centaines d'années, la Sanguine était utilisée (craie rouge sur papier) pour créer de simples dessins monochromes d'artistes tels que Léonard de Vinci. Il y a quelque chose de durable à diviser une image en une simple tonalité et une image bicolore moderne n'est pas si différente de l'esquisse d'un ancien maître.

Aujourd'hui, des affiches à succès d'Hollywood à Apple et Spotify, tout le monde semble utiliser l'effet duotone. Le but, encore une fois, est de se démarquer, d'être vu comme quelque chose de différent. Il existe même des actions Photoshop et de nombreuses applications mobiles pour créer facilement des effets bichromie.

que fait node js

Voici quelques-uns des meilleurs didacticiels Photoshop sur la façon de réaliser cette tendance de conception en cours:

Tutoriel Photoshop effet bichromie n ° 1:

Tutoriel Photoshop n ° 2:

Tutoriel Photoshop n ° 3 sur l'effet Duotone:

RVB Split, canal de couleur, exposition double couleur

Voici un autre effet accrocheur qui peut utiliser des photos, du texte et des formes. Cet effet utilise parfois 3 images différentes dans 3 canaux de couleurs différents du même sujet, et les juxtapose pour une image intéressante. Cet effet peut parfois également être vu comme un mélange de l'effet glitch et de l'effet de division RVB. Certains designers deviennent vraiment créatifs et mélangent double exposition, pépin et les effets de division RVB.

Voici quelques didacticiels Photoshop et Affinity Photo sur la façon de créer cet effet de design visuel tendance (veuillez ignorer ce qu'ils appellent l'effet, tout le monde a un nom différent):

Tutoriel Photoshop avec effet d'exposition double couleur:

Tutoriel photo d'affinité avec effet d'exposition double couleur:

Couleurs vives et criardes et effets de bichromie fluorescents

Encore une fois, l'objectif ici est de vraiment se démarquer. Cette tendance utilise des couleurs vives, saturées et fluorescentes en quantités généreuses sur le design.

La direction à prendre ici est d'être audacieux (le cas échéant) et de prendre des risques avec des couleurs criardes et saturées, qu'il s'agisse d'un site Web, d'une couverture d'album ou d'une affiche.

Masquage de photos, découpages, abstractionisme, cubisme

C'est l'une de ces tendances de conception récurrentes qui continue d'être une approche de conception graphique durable. Il peut s'agir d'un hybride de zones de couleurs vives et plates, de montage et de masquage. C’est une technique qui a presque 100 ans, comme le montrent ces affiches de propagande russes des années 1920.

Créer des œuvres de couleurs et de complexité variées, au cours de la dernière décennie de sa vie Henri Matisse déploya deux matériaux simples - du papier blanc et de la gouache - qui devinrent ses fameuses découpes en papier. Une simple paire de ciseaux était l'outil utilisé par Matisse pour transformer la peinture et le papier en un monde de plantes, d'animaux, de personnages et de formes.

La variation numérique du cubisme, de l'art abstrait et des «découpes» est aujourd'hui la tendance de conception de photo-masquage employée par de nombreux designers pour attirer l'attention.

Il n'y a pas de règles strictes sur la façon de créer cet effet. Tout dépend des matériaux sources et de votre créativité. Recherchez des inspirations de design et d'art telles que les affiches de propagande russe, l'art cubiste abstrait de Picasso et les découpages de Matisse. La plupart de ces techniques et collages de masquage de photos peuvent être créés avec le masquage de calque dans Photoshop. Il s'agit davantage de sélection de photos et de créativité, et moins de technique.

Néanmoins, voici quelques-uns des meilleurs didacticiels Photoshop sur la façon de créer cette tendance de design tendance, l'effet de masquage photo:

Comment créer un didacticiel Photoshop d'affiche d'effet de texte:

Comment créer un didacticiel Photoshop Letter Portrait:

Voici un autre didacticiel Photoshop intéressant utilisation du masquage photo pour créer cette image:

Le didacticiel est un exemple de la façon dont quelques techniques simples peuvent être utilisées pour créer des illustrations élaborées en utilisant plusieurs calques, le masquage, l'outil plume, un éclairage de base et une texture simple.

Explorez, soyez courageux et définissez votre propre cap

Aujourd'hui, la bravoure créative n'est pas facultative. C’est ce que les concepteurs doivent faire lorsque les attentes des gens augmentent et que leur attention devient plus difficile à capter. N'hésitez pas à suivre certaines tendances en matière de design. En fait, mélangez-les, faites quelque chose de nouveau avec eux! Faites basculer le statu quo, soyez audacieux et explorez votre fantaisie. Faire le grand saut! Soyez créativement courageux!

• • •

comment mettre en place un conseil consultatif

Lectures complémentaires sur le blog ApeeScape Design:

• eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
• L'importance de la conception centrée sur l'humain dans la conception de produits
• Les meilleurs portefeuilles UX Designer - Études de cas et exemples inspirants
• Principes heuristiques pour les interfaces mobiles
• Conception anticipative: comment créer des expériences utilisateur magiques

Comprendre les bases

Quel est l'effet de la double exposition?

L'effet «double exposition» combine plusieurs images en une seule. Le nom vient de la photographie sur pellicule celluloïd où deux ou trois photos ont été prises sans enrouler le film vers l'avant dans l'appareil photo, exposant la même image plusieurs fois avec des images différentes.

Qu'est-ce qu'une couleur bichromie?

La couleur bichromie utilise seulement deux couleurs dans une image pour créer un effet de couleur. Cela peut maintenant être fait numériquement dans un programme d'édition d'image. Traditionnellement, les duotones sont des images en niveaux de gris imprimées avec deux encres. Dans ces images, des encres colorées, plutôt que différentes nuances de gris, sont utilisées pour reproduire les gris teintés.

Qu'entend-on par masquer une image?

Le masquage d'image utilise une forme, une autre image ou un gabarit pour masquer (masquer) une partie d'une image ou pour afficher certaines parties d'une image. Traditionnellement, le masquage d'image - à l'époque du processus de décapage et d'impression des films - était utilisé pour séparer une image de l'arrière-plan.

Qu'est-ce que le cubisme dans l'art?

Le cubisme est un style de peinture qui présente le sujet sous forme de formes géométriques montrées à partir de plusieurs points de vue simultanés. Il s’agit d’un mouvement artistique dans lequel la perspective de l’artiste avec un point de vue unique a été écartée et des formes géométriques simples, des plans imbriqués et plus tard, le collage ont été utilisés à la place.

Qu'est-ce qu'un canal de couleur dans Photoshop?

Un canal de couleur dans Photoshop est une image en niveaux de gris qui stocke différents types d'informations. Lorsque les canaux de couleur sont combinés, le composite est une image en couleur - le mode couleur détermine le nombre de canaux de couleur créés. Par exemple, une image RVB a un canal pour chaque couleur (rouge, vert et bleu).