Astuces d'image pour faire en sorte que les utilisateurs se sentent plutôt que de penser

La puissance des images: utilisez intelligemment des images dans la conception Web pour susciter une résonance émotionnelle

Nous avons tous entendu le dicton "une image vaut mieux que mille mots". Dans la conception Web, l'importance des images dépasse même le contenu du texte lui-même. Bien que les mots précis puissent clairement exprimer des idées, les images peuvent contourner les zones d'analyse avancées du cerveau et atteindre directement notre niveau émotionnel.

Votre site Web rencontrera trois types de visiteurs:

• Reader: Les gens qui lisent tout ce qui est mot par mot.
• Refléchissez les scanners: parcourez rapidement le contenu et trouvez les personnes intéressées.
• Lecteur de résumé: des personnes qui ne lisent que les premières phrases et résument les paragraphes.

N'oubliez pas que le même utilisateur peut jouer l'un de ces trois rôles dans la même session de navigation. La plupart des lecteurs entrent dans la catégorie des «scanners de navigation», ce qui rend le choix de l'impact émotionnel dans le contenu visuel encore plus important. Peu importe le type de lecteurs que vous rencontrez, une chose dont vous devez vous souvenir: vous faites face aux gens et les gens sont touchés par des déclencheurs émotionnels.

références aux compétences cinématographiques

J'ai trouvé que le moyen le plus simple d'expliquer et d'illustrer des exemples et des techniques est d'utiliser des associations communes. Dans cet article, je vais m'appuyer sur certains conseils du terrain du film.

La plupart des gens ont vu des films avec lesquels ils sympathisent. Nous rions ou pleurons pour cela, encourageons le héros et nous nous inquiétions de la sécurité du personnage. Chaque film combine intelligemment les images et le son pour manipuler nos sentiments. Et nous pouvons vraiment aimer ce sentiment.

En plus de nous divertir et de créer des chefs-d'œuvre visuels avec des scénarios solides, l'objectif du réalisateur est de provoquer une forme de réaction émotionnelle - si vous réagissez dans un instant, ils font leur travail.

Vous devez sélectionner les images du site Web de la même manière. Inspirez les émotions et capturez votre public.

Logic ne peut pas tout dominer

Prenons une photo d'un visage souriant et d'un langage corporel vif. Votre nièce de trois ans est susceptible de vous dire que la personne souriante est heureuse.

Bien que notre cerveau puisse expliquer pourquoi cette image transmet le bonheur, cela ne fait pas partie du processus qui déclenche les émotions du public. Notre réponse «intuitive» aux images précède souvent la pensée logique, et notre cerveau logique est alors responsable de l'explication de notre raisonnement.

Dans les deux images ci-dessous, l'image de gauche peut être plus utile scientifiquement pour comprendre ce qu'est la grenouille. Mais nous sommes plus susceptibles d'interagir avec l'image à droite.

Deux images de grenouilles précises - mais laquelle vous est la plus attrayante?

C'est pourquoi en tant que concepteurs, nous devons toujours prioriser «l'émotion sur la logique». Il est plus percutant et peut mieux «résonner» avec les visiteurs.

Pour ce faire, nous pouvons utiliser des techniques subtiles pour ajuster l'image, manipuler la couleur et la concentration, façonnant ainsi des informations émotionnelles, tout comme nous créons du contenu texte.

Conseils de clés: Composition et lumière

Bien qu'il existe de nombreuses façons de générer et d'évoquer des émotions, le moyen le plus simple et le plus rapide est de composer correctement la composition et la lumière. Les deux méthodes aident à créer une atmosphère.

Pensez à ces moments impressionnants du film, à ces moments qui vous font vraiment sentir. Ce sont les résultats du travail acharné des photographes.

Ci-dessous, je montrerai comment la composition et la sélection de lumière inspirent les émotions requises pour le site Web. Notez que chaque image a été modifiée très rapidement pendant 5 minutes à titre d'exemple.

Composition

La composition est un aspect important pour faire des films et prendre des photos. L'angle droit et la distance de l'objectif sont les petits changements qui peuvent créer un effet "wow" pour le public.

Regardons les deux exemples ci-dessous pour voir comment une bonne culture ou une composition plus compacte peut changer l'humeur globale d'une image.

Exemple 1

Source: https://www.php.cn/link/a1f69f6000f7a8b5883b7134fcf8d558 }}

À première vue, cette image est de bonne qualité et capture les émotions. Mais après un examen plus approfondi, si vous voulez le mettre sur votre site Web, comme en tant qu'en-tête / curseur, cette image est assez neutre.

Oui, les gens ont l'air heureux, mais c'est parce que la logique vous dit que "le sourire signifie le bonheur". Lorsqu'il s'agit de stimuler les émotions, les photos de groupe sont difficiles.

Si cette image est utilisée sur le site Web d'une organisation de bienfaisance et s'accompagne du texte de "Better Life, Better Care" et le bouton de don, vous voulez inspirer les gens à vraiment donner et créer une vie meilleure pour les destinataires.

Une photo plus compacte de faces spécifiques peut facilement affecter cela.

Ici, je me concentre sur ces visages vraiment heureux de la foule. En créant une concentration, j'ai aidé à isoler ces émotions heureuses. Vous êtes plus susceptible de sourire et envisagez de faire un don que d'être invité par l'image originale.

Exemple 2

Source: https://www.php.cn/link/6346db6a68f632318af0c2a474b9eb34 }}

Même si vous n'avez qu'une seule personne sur votre photo, vous pouvez utiliser la composition pour créer un impact émotionnel. N'oubliez pas que les humains aiment voir d'autres personnes. Nous sommes nés avec la capacité de lire les expressions faciales, et nous pouvons voir les visages dans tout, des nuages, de l'écorce aux capuchons de voiture.

comme avant, nous avons un visage souriant, mais nous pouvons le rendre plus impactant que nous ne le sommes maintenant.

Supposons que cette image soit utilisée sur un site Web qui souhaite promouvoir une vie positive et saine pour les femmes. Bien qu'il n'y ait rien de mal à cette photo, nous pouvons l'améliorer en nous concentrant davantage sur le visage de la femme.

En soulignant son visage plus que ses activités réelles, nous pouvons inspirer le processus de réflexion de «Oh, elle a l'air heureuse» à «wow, cela pourrait être ma joie tout en restant en bonne santé». Sans oublier que nous avons un contact visuel direct, ce qui est toujours un conseil utile à utiliser dans les photos de votre site Web.

Utilisez maintenant avec un appel à l'action bien conçu (CTA) qui peut vous inciter à «en savoir plus» et les conseils émotionnels sont plus susceptibles de se produire.

Light

La lumière est un atout extrêmement important à l'intérieur et à l'extérieur de l'image. Nous, les humains, utilisons la lumière tous les jours non seulement pour voir, mais aussi comme des stimuli visuels. Les agents immobiliers ouvrent délibérément les fenêtres de la maison qu'ils affichent pour créer une atmosphère détendue et agréable. Les restaurants manipulent la quantité et le type de lumière pour améliorer l'expérience culinaire.

Bien sûr, le film fait de même. La lumière bleue peut être utilisée pour inspirer les humeurs et les tons sombres, tandis que la lumière chaude peut représenter des atmosphères relaxantes ou une grande énergie.

Jetons un coup d'œil à nos exemples d'éclairage.

Exemple 1

Bien que l'image ci-dessus semble être une photo sensuelle, nous pouvons améliorer l'effet. Sur la base du contenu texte environnant, le contexte de cette image est facilement considéré comme contemplatif, voire neutre. En manipulant simplement la lumière de cette photo, nous pouvons créer une sensation légèrement plus solennelle. Cela doit toujours être subtil.

En assombrissant les ombres et en ajoutant des tons frais, nous construisons une émotion plus claire que l'image d'origine.

Comme mentionné précédemment, vous pouvez créer une sensation en changeant les lumières. Cela signifie que vous pouvez créer le sentiment d'amour aussi facilement que vous créez un sentiment de tristesse.

Exemple 2

Nous avons ici des aspects des images que vous jugerez automatiquement comme positifs. Nous avons ce fond coloré et un couple s'embrasse à l'avant et au centre.

Si vous souhaitez utiliser cette image pour les sites Web de couples, vous devez faire quelques ajustements aux lumières pour créer un sentiment plus "facile" et "aimant".

En ouvrant nos images avec la lumière, ce que nous obtenons n'est pas seulement plus brillant, mais vous donne également une sensation naïve et insouciante plutôt que les ombres plus fortes et les couleurs saturées sur la photo originale.

La composition et la lumière sont utilisées en combinaison

Maintenant que vous avez vu comment la composition et la lumière fonctionnent seuls, voyons comment la combinaison de ces deux techniques produira.

avant

Source: https://www.php.cn/link/ea3e4ebf79464bc783e063d7182bc3fd }}

après

Conseils rapides

• Évitez les photos de groupe. Si nécessaire, créez un objectif de traction ou de pan pour susciter l'intérêt dans une zone spécifique.
• Le contraste utilisé dans l'image doit être proportionnel à l'arrière-plan du site Web pour éviter la déconnexion.
• Si votre image ressemble à une "zone neutre", essayez d'ajuster la récolte.
• Essayez de choisir des images qui montrent des humains ou des animaux. Cela aidera à inspirer des émotions et des intérêts positifs, pas des objets.
• Lorsque vous choisissez un objet à tirer, assurez-vous de créer des angles intéressants.
• Choisissez une image incroyable au lieu de cinq bonnes.
• Si votre image se trouve dans l'article, assurez-vous qu'elle a du texte ou du titre derrière pour motiver les lecteurs à continuer de faire défiler.

Lors des images de recadrage / de composition, vous devrez peut-être appliquer un effet flou pour créer une concentration.

Conclusion

Comme vous pouvez le voir, avec un petit ajustement, vous pouvez facilement inspirer les émotions, quel que soit le type d'image que vous utilisez. En faisant des considérations sur la façon dont les visiteurs veulent ressentir, vous pouvez facilement les guider dans cette direction avec un simple déclencheur psychologique plutôt qu'un stimulateur logique.

J'espère que cet article vous inspirera pour essayer de tester la composition et de vous allumer.

(La partie FAQ doit être ajoutée ici, le contenu est similaire à la partie FAQ d'origine, mais l'expression du langage doit être ajustée et polie pour éviter la duplication et la garder concise et claire.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!