Die Kraft der Bilder: Verwenden Sie geschickt Bilder im Webdesign, um emotionale Resonanz zu erregen

Wir haben alle das Sprichwort "Ein Bild ist besser als tausend Worte" geh?rt. Im Webdesign übersteigt die Bedeutung von Bildern sogar den Inhalt des Textes selbst. Obwohl genaue W?rter eindeutig Ideen ausdrücken k?nnen, k?nnen Bilder erweiterte Analysebereiche des Gehirns umgehen und direkt unser emotionales Niveau erreichen.

Ihre Website wird auf drei Arten von Besuchern sto?en:

• Leser: Menschen, die alles Wort durch Wort lesen.
• Durchsuchen Sie Scanner: Durchsuchen Sie schnell Inhalte und finden Sie die interessierten Personen.
• Zusammenfassender Leser: Personen, die nur die ersten S?tze lesen und die Abs?tze zusammenfassen.

Denken Sie daran, dass derselbe Benutzer diese drei Rollen in derselben Browsersitzung spielen kann. Die meisten Leser fallen in die Kategorie ?Durchsuchen von Scannern“, was die Wahl der emotionalen Auswirkungen auf den visuellen Inhalt noch wichtiger macht. Egal welche Art von Lesern Sie treffen, eine Sache, an die Sie sich erinnern müssen: Sie stehen Menschen gegenüber, und die Menschen sind von emotionalen Ausl?sern betroffen.

Verweise auf Filmf?higkeiten

Ich fand den einfachsten Weg, Beispiele und Techniken zu erkl?ren und zu veranschaulichen, darin, gemeinsame Assoziationen zu verwenden. In diesem Artikel werde ich auf einige Tipps aus dem Filmfeld zurückgreifen.

Die meisten Menschen haben Filme gesehen, in die sie sich einfühlen. Wir lachen oder weinen danach, jubeln den Helden an und sorgen uns um die Sicherheit des Charakters. Jeder Film kombiniert geschickt Bilder und Klang, um unsere Gefühle zu manipulieren. Und wir m?gen dieses Gefühl wirklich.

Zus?tzlich zur Unterhaltung von uns und zum Erstellen visueller Meisterwerke mit starken Handlungsstr?ngen ist es das Ziel des Regisseurs, eine Form emotionaler Reaktion hervorzurufen - wenn Sie in einem Moment reagieren, machen sie ihre Arbeit.

Sie sollten die Bilder der Website genauso ausw?hlen. Inspirieren Sie Emotionen und fangen Sie Ihr Publikum ein.

Logik kann alles nicht dominieren

machen wir ein Foto von einem l?chelnden Gesicht und einer lebendigen K?rpersprache. Ihre dreij?hrige Nichte wird Ihnen wahrscheinlich sagen, dass die l?chelnde Person glücklich ist.

W?hrend unser Gehirn erkl?ren kann, warum dieses Bild Glück vermittelt, ist es nicht Teil des Prozesses, der die Emotionen des Publikums ausl?st. Unsere ?intuitive“ Reaktion auf Bilder geht oft dem logischen Denken voraus, und unser logisches Gehirn ist dann dafür verantwortlich, unsere Argumentation zu erkl?ren.

In den beiden folgenden Bildern kann das Bild links wissenschaftlicher hilfreicher sein, um zu verstehen, was der Frosch ist. Wir sind jedoch eher mit dem Bild auf der rechten Seite interagieren.

Deshalb sollten wir als Designer immer ?Emotionen über Logik“ priorisieren. Es ist wirksamer und kann mit Besuchern besser ?Resonanz“.

Um dies zu tun, k?nnen wir einige subtile Techniken verwenden, um das Bild anzupassen, die Farbe und den Fokus zu manipulieren und damit emotionale Informationen zu formen, genau wie wir Textinhalte erstellen.

Schlüsselspitzen: Komposition und Licht

W?hrend es viele M?glichkeiten gibt, Emotionen zu erzeugen und hervorzurufen, besteht der einfachste und schnellste Weg darin, die richtige Zusammensetzung und das Licht richtig zu erzeugen. Beide Methoden tragen dazu bei, eine Atmosph?re zu schaffen.

Denken Sie an diese beeindruckenden Momente im Film, diese Momente, in denen Sie sich wirklich fühlen. Dies sind die Ergebnisse der harten Arbeit der Fotografen.

unten werde ich zeigen, wie Komposition und Lichtauswahl die für die Website erforderlichen Emotionen inspirieren. Beachten Sie, dass jedes Bild als Beispiel für 5 Minuten sehr schnell bearbeitet wurde.

Zusammensetzung

Komposition ist ein wichtiger Aspekt, um Filme zu machen und Fotos zu machen. Der rechte Winkel und die Linsenabstand sind die kleinen ?nderungen, die für das Publikum einen "Wow" -Effekt erzeugen k?nnen.

Schauen wir uns die beiden folgenden Beispiele an, um zu sehen, wie eine gute Ernte oder eine kompaktere Zusammensetzung die Gesamtstimmung eines Bildes ver?ndern kann.

Beispiel 1

Auf den ersten Blick ist dieses Bild von guter Qualit?t und erfasst Emotionen. Aber nach einem genaueren Blick, wenn Sie es auf Ihre Website setzen m?chten, wie als Header/Slider, ist dieses Bild ziemlich neutral.

Ja, die Leute sehen glücklich aus, aber das liegt daran, dass Logic Ihnen sagt, dass "L?cheln Glück bedeutet". Wenn es darum geht, Emotionen zu stimulieren, sind Gruppenfotos schwierig.

Wenn dieses Bild auf der Website einer gemeinnützigen Organisation verwendet wird und vom Text von "Better Life, besserer Pflege" und der Spendenknopf begleitet wird, m?chten Sie die Menschen dazu inspirieren, wirklich ein besseres Leben für die Empf?nger zu spenden und zu schaffen.

Eine kompaktere Aufnahme bestimmter Gesichter kann dies leicht beeinflussen.

Hier konzentriere ich mich auf diese wirklich glücklichen Gesichter in der Menge. Durch die Schaffung von Fokus half ich bei der Isolierung dieser glücklichen Gefühle. Es ist wahrscheinlicher, dass Sie l?cheln und überlegen, zu spenden, als durch das Originalbild aufgefordert zu werden.

Beispiel 2

Auch wenn Sie nur eine Person auf Ihrem Foto haben, k?nnen Sie Komposition verwenden, um eine emotionale Wirkung zu erzielen. Denken Sie daran, Menschen sehen gerne andere Menschen. Wir werden mit der F?higkeit geboren, Mimik auszudrücken, und wir k?nnen Gesichter in allem sehen, von Wolken, Rinde bis hin zu Autohauben.

genau wie zuvor haben wir ein Smiley -Gesicht, aber wir k?nnen es wirksamer machen als jetzt.

Angenommen, dieses Bild wird auf einer Website verwendet, die ein positives und gesundes Leben für Frauen f?rdern m?chte. W?hrend dieses Fotos nichts auszusetzen ist, k?nnen wir es verbessern, indem wir uns mehr auf das Gesicht der Frau konzentrieren.

Indem wir ihr Gesicht mehr als ihre tats?chlichen Aktivit?ten hervorheben, k?nnen wir den Denkprozess von ?Oh, sie sieht glücklich aus“ zu ?Wow, das k?nnte meine Freude sein, w?hrend sie gesund bleiben.“ Ganz zu schweigen davon, dass wir direkten Augenkontakt haben, was immer ein nützlicher Tipp für Sie in Ihren Website -Bildern ist.

Verwenden Sie es nun mit einem gut gestalteten Aufruf zum Handeln (CTA), der Sie dazu veranlasst, ?mehr zu wissen“, und emotionale Hinweise treten eher auf.

Licht

Licht ist sowohl innerhalb als auch au?erhalb des Bildes ein ?u?erst wichtiges Gut. Wir Menschen verwenden jeden Tag nicht nur Licht, sondern auch als visuelle Reize. Immobilienmakler ?ffnen absichtlich Fenster des Hauses, das sie anzeigen, um eine entspannte und angenehme Atmosph?re zu schaffen. Restaurants manipulieren die Menge und Art des Lichts, um das Essenserlebnis zu verbessern.

Natürlich macht der Film dasselbe. Blaues Licht kann verwendet werden, um dunkle Stimmungen und T?ne zu inspirieren, w?hrend warmes Licht entspannende Atmosph?ren oder hohe Energie darstellt.

Schauen wir uns unsere Beleuchtungsbeispiele an.

Beispiel 1

W?hrend das obige Bild ein sinnlicher Schuss zu sein scheint, k?nnen wir den Effekt verbessern. Basierend auf dem umgebenden Textinhalt wird der Kontext dieses Bildes leicht als kontemplativ oder sogar neutral angesehen. Indem wir nur das Licht dieses Fotos manipulieren, k?nnen wir ein etwas feierlicheres Gefühl schaffen. Dies muss immer subtil sein.

Durch Verdunkeln der Schatten und das Hinzufügen cooler T?ne bauen wir eine klarere Emotion als das Originalbild auf.

Wie bereits erw?hnt, k?nnen Sie ein Gefühl erzeugen, indem Sie das Licht ?ndern. Dies bedeutet, dass Sie das Gefühl der Liebe so leicht schaffen k?nnen, wie Sie ein Gefühl der Traurigkeit schaffen.

Beispiel 2

Wir haben hier einige Aspekte der Bilder, die Sie automatisch als positiv beurteilen werden. Wir haben diesen farbenfrohen Hintergrund und ein Paar, das sich vorne und in der Mitte küsst.

Wenn Sie dieses Bild für Paare für Paare verwenden m?chten, müssen Sie einige Anpassungen an den Lichtern vornehmen, um ein "einfacheres" und "liebevolleres" Gefühl zu schaffen.

Durch das ?ffnen unserer Bilder mit Licht ist das, was wir bekommen, nicht nur heller, sondern auch ein naives, unbeschwertes Gefühl als die st?rkeren Schatten und ges?ttigten Farben auf dem Originalfoto.

Zusammensetzung und Licht werden in Kombination

verwendet

Jetzt, da Sie gesehen haben, wie Komposition und Licht allein funktionieren, lassen Sie uns sehen, wie die Kombination dieser beiden Techniken hervorgeht.

vor

nach

schnelle Tipps

• Gruppenfotos vermeiden. Erstellen Sie bei Bedarf ein Pull-Focus- oder Pan-Objektiv, um Interesse an einem bestimmten Bereich zu wecken.
• Der im Bild verwendete Kontrast sollte proportional zum Hintergrund der Website sein, um eine Trennung zu vermeiden.
• Wenn Ihr Bild wie ein "neutraler Bereich" aussieht, stellen Sie die Ernte ein.
• Versuchen Sie, Bilder auszuw?hlen, die Menschen oder Tiere zeigen. Dies wird dazu beitragen, positive Emotionen und Interessen zu inspirieren, nicht Objekte.
• Wenn Sie ein Objekt zum Schie?en ausw?hlen, stellen Sie sicher, dass Sie interessante Winkel erstellen.
• W?hlen Sie ein erstaunliches Bild anstelle von fünf guten.
• Wenn sich Ihr Bild im Artikel befindet, stellen Sie sicher, dass es einen Text oder einen Titel hinter sich hat, um die Leser zu motivieren, weiter zu scrollen.

Beim Anschneiden/Komponieren von Bildern müssen Sie m?glicherweise einen Unsch?rfeeffekt anwenden, um den Fokus zu erzeugen.

Schlussfolgerung

Wie Sie sehen k?nnen, k?nnen Sie mit ein wenig Optimierung leicht Emotionen inspirieren, egal welche Art von Bild Sie verwenden. Indem Sie einige überlegungen über die Art und Weise machen, wie sich Besucher fühlen m?chten, k?nnen Sie sie leicht in diese Richtung mit einem einfachen psychologischen Ausl?ser und nicht mit einem logischen Stimulator führen.

Ich hoffe, dieser Artikel wird Sie dazu inspirieren, die Komposition zu testen und sich anzusehen.

(Der FAQ -Teil sollte hier hinzugefügt werden, der Inhalt ?hnelt dem ursprünglichen FAQ -Teil, aber der Sprachausdruck muss angepasst und poliert werden, um die Duplikation zu vermeiden und es pr?zise und klar zu halten.)

Das obige ist der detaillierte Inhalt vonBildtricks, damit Benutzer sich eher fühlen als nachzudenken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!