私たちは皆、「絵は千の言葉よりも良い」ということわざを聞いたことがあります。 Webデザインでは、写真の重要性はテキスト自体のコンテンツを超えています。正確な言葉は明らかにアイデアを表現できますが、画像は脳の高度な分析領域をバイパスし、感情的なレベルに直接到達することができます。
あなたのウェブサイトは、3種類の訪問者に遭遇します：
同じユーザーが同じブラウジングセッションでこれらの3つの役割のいずれかを再生できることを忘れないでください。ほとんどの読者は、「スキャナーを参照」のカテゴリに分類され、視覚コンテンツの感情的な影響をさらに重要にします。あなたが出会う読者の種類に関係なく、あなたが覚えておくべきことの1つ：あなたは人々に直面しており、人々は感情的なトリガーの影響を受けます。
映画のスキルへの参照
例とテクニックを説明し、説明する最も簡単な方法を見つけました。一般的な関連付けを使用することです。この記事では、映画分野からいくつかのヒントを描きます。
ほとんどの人は、共感する映画を見てきました。私たちはそれを笑ったり泣いたり、ヒーローを応援したり、キャラクターの安全を心配したりします。各映画は、画像と音を巧みに組み合わせて、私たちの感情を操作します。そして、私たちはこの気持ちが本当に好きかもしれません。
私たちを楽しませ、強いストーリーラインを備えた視覚的な傑作を作成することに加えて、監督の目標は、何らかの形の感情的な反応を引き出すことです。
同じ方法でWebサイトの写真を選択する必要があります。感情を刺激し、聴衆を捕らえてください。
ロジックはすべてを支配することはできません
笑顔の顔と鮮やかなボディーランゲージの写真を撮りましょう。あなたの3歳のnieは、笑顔の人が幸せだとあなたに言うでしょう。
私たちの脳は、このイメージが幸福を伝える理由を説明することができますが、それは観客の感情を引き起こすプロセスの一部ではありません。画像に対する「直感的な」反応はしばしば論理的思考に先行し、論理的な脳は私たちの推論を説明する責任があります。
下の2つの写真では、左側の写真は、カエルが何であるかを理解するためにより科学的に役立つかもしれません。しかし、右側の写真と対話する可能性が高くなります。
これがデザイナーとして、常に「論理よりも感情」を優先する必要があります。それはよりインパクトがあり、訪問者とよりよく「共鳴」することができます。
これを行うには、テキストコンテンツを作成するように、いくつかの微妙なテクニックを使用して画像を調整し、色と焦点を操作し、それによって感情的な情報を形作ることができます。
重要なヒント：構成と光
感情を生成して喚起する方法はたくさんありますが、最も簡単で迅速な方法は、適切に構成と光です。どちらの方法も雰囲気を作り出すのに役立ちます。映画の印象的な瞬間、あなたが本当に感じさせる瞬間について考えてください。これらは写真家の努力の結果です。
以下では、作曲と光の選択がウェブサイトに必要な感情をどのように刺激するかを示します。例として、各画像は5分間非常に迅速に編集されていることに注意してください。
構成
作曲は、映画を作ることと写真を撮ることの両方において重要な側面です。直角距離とレンズの距離は、視聴者に「すごい」効果をもたらすことができる小さな変化です。以下の2つの例を見て、良い作物やよりコンパクトな組成がどのように画像の全体的なムードを変えることができるかを見てみましょう。
例1
出典：
はい、人々は幸せそうに見えますが、それはロジックが「笑顔は幸福を意味する」と言うからです。感情を刺激することになると、グループの写真は難しいです。
この画像は、慈善団体のウェブサイトで使用され、「より良い生活」と寄付ボタンを伴う場合、人々が本当に寄付し、より良い生活を送るように促します。
特定の顔のよりコンパクトなショットは、これに簡単に影響を与える可能性があります。
例2
出典：
前と同じように、
笑顔がありますが、現在よりもインパクトのあるものにすることができます。
この画像が、女性のための前向きで健康的な生活を促進したいウェブサイトで使用されていると仮定します。この写真には何の問題もありませんが、女性の顔にもっと焦点を合わせることでそれを強化することができます。
彼女の実際の活動よりも彼女の顔を強調することで、「ああ、彼女は幸せそうに見えます」から「うわー、それは健康を維持しながら私の喜びかもしれません」まで思考プロセスを刺激することができます。言うまでもなく、私たちには直接のアイコンタクトがあります。これは、ウェブサイトの写真で使用するための有用なヒントです。
「より多くの知識」を促す可能性のある適切に設計された行動への呼びかけ（CTA）でそれを使用し、感情的なヒントが起こる可能性が高くなります。
light
光は、画像の内側と外側の両方で非常に重要な資産です。私たち人間は、見るためだけでなく、視覚刺激としても毎日光を使用しています。不動産業者は、リラックスした快適な雰囲気を作り出すために、彼らが展示する家の窓を意図的に開いています。レストランは、ダイニングエクスペリエンスを向上させるために、光の量と種類を操作します。
もちろん、映画は同じことをします。青色光は暗いムードやトーンを刺激するために使用できますが、温かい光はリラックスした雰囲気や高エネルギーを描くことができます。
照明の例を見てみましょう。
例1
上の写真は官能的なショットのようですが、効果を改善できます。周囲のテキストコンテンツに基づいて、この画像のコンテキストは瞑想的、または中立とさえ見られます。この写真の光を操作するだけで、少し厳soleな感覚を作成することができます。これは常に微妙である必要があります。
影を暗くし、クールなトーンを追加することにより、元の画像よりも明確な感情を構築します。
前述のように、ライトを変えることで感情を生み出すことができます。これは、悲しみの感覚を作り出すのと同じくらい簡単に愛の感覚を作り出すことができることを意味します。
例2
ここには、自動的に肯定的であると判断するという写真のいくつかの側面があります。私たちはこのカラフルな背景を持っており、カップルが正面と中央にキスしています。
この画像をカップルのWebサイトに使用する場合は、より「簡単な」感情を作成するために、ライトを調整する必要があります。
光で画像を開くことで、私たちが得るものはより明るいだけでなく、元の写真のより強い影や飽和色ではなく、素朴で屈託のない感覚を与えます。
組成と光は、
の組み合わせで使用されます構成と光が単独でどのように機能するかを見たので、これら2つの技術の組み合わせがどのように生成されるかを見てみましょう。
前の
後の
クイックヒント
結論 ご覧のとおり、少し調整して、どんなタイプの写真を使用していても、感情を簡単に刺激することができます。訪問者が感じたい方法についていくつかの考慮事項を作成することで、論理的な刺激装置ではなく、単純な心理的トリガーで簡単にその方向に導くことができます。
この記事が、構成をテストし、自分自身を照らすように促すことを願っています。
（FAQパーツをここに追加する必要があります。コンテンツは元のFAQパーツに似ていますが、複製を回避し、簡潔で明確に保つために言語式を調整および研磨する必要があります。 🎜>
以上が画像は、ユーザーに考えるのではなく感じるようにするためのトリックですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
