こんにちは。KRAFTの岡田です。
今回はウェブサイトにおいて切っても切り離せない「写真・画像」についてお話ししていきます。


写真はウェブサイト制作の中で必ずといっていいほど必要になってくるものです。
ではどんな役割を写真が担っているのかを確認していきましょう。

1.雰囲気を正しく伝える

ウェブサイト上では、「テキスト・アニメーション・画像」の3つの要素を基本的には盛り込むことができません。
写真は視覚的に様子を伝えることに長けています。

下記を例に考えてみましょう。
当サイトのトップページ内パートナー部分です。


■ 写真がない場合



■ 写真がある場合



テキストだけでもテキストがあれば、その部分で何を言いたいのかということは理解できます。
しかし、「雰囲気」という観点からするといまいち伝わりません。

それに比べて写真を追加することによって、洗練された綺麗な雰囲気を感じられるようになったと思います。
このように写真を使用することによって視覚的に雰囲気を把握してもらうことができます。

2.外的情報を正確に伝える

例として、サイト内に企業や店舗などのアクセスを掲載すると仮定します。
郵便番号、住所を記載してGoogleMapも載せたとしてもわかりづらく訪問しにくいケースもあります。

そこで店舗や企業の外観を一緒にアクセス付近に掲載しておくことによって、視覚的に場所を把握しやすくなります。
見方を変えれば訪問する際のハードルを下げることにもつながります。

テキストなどの文字としての情報だけではなく、視覚的にわかりやすく実物のものをユーザーに見てもらう事もウェブサイトにおいて重要な事項となります。

3.デザイン性を向上させる

使う写真によっては、デザイン性を向上させることができます。
サイトの雰囲気にマッチしたものを選定することで、更にデザインとしての完成度を高めることができます。

海外のサイトは写真を大きく使用しており、非常にわかりやすいです。


https://moralia.ca/



https://craiecraie.com/projet/terreaux/


いづれのサイトもサイト雰囲気にマッチする綺麗な写真を使用しており、デザイン性が高く感じられます。


使用選定に加え、画像加工も一緒に施すことによってグッと引き締まった印象にすることができます。

ビフォーアフター形式で確認してみます。
以下のようなサイトイメージと仮定します。

− シンプルで洗練されたデザイン
− ユーザーに綺麗で先進的なイメージを持ってもらいたい

Before


After


若干の青みをかけてコントラストやシャープを使って輪郭をくっきりとさせてメリハリを持たせる加工をしました。
Beforeに比べてよりサイトイメージにマッチした写真にすることができました。


逆に温かみを持たせたい場合は、青みではなく暖色寄りの加工を施し、露光量の調節を行なったりするとイメージに近づきます。
制作するサイトによってそのイメージに合わせた画像になるように加工を施すことは重要です。

ウェブサイト制作はKRAFTへご相談ください

KRAFTでは、企画から写真選定など含めて1つ1つ丁寧に行い企業の雰囲気に合ったサイト制作を心がけています。
ウェブ周りについて、少しでもお悩み事がございましたらお気軽にご相談ください。

お問い合わせは下記より受け付けております。
https://o-kraft.com/contact