DESIGN IT YOURSELF.

BUROKI


top

blog

  • top
  • blog
  • 依頼する前に知ってほしい。デザインに使用する写真に関するいろんなこと

依頼する前に知ってほしい。デザインに使用する写真に関するいろんなこと

design_thing

  • top
  • blog
  • 依頼する前に知ってほしい。デザインに使用する写真に関するいろんなこと

依頼する前に知ってほしい。デザインに使用する写真に関するいろんなこと

2023.08.29.

スポンサーリンク

スポンサーリンク

webサイトやチラシ、看板、会社案内、ポスターなど・・。
ほとんどの制作物には写真が使われていて、今や写真はデザインを構成する主な要素といっても過言ではありません。

このBUROKI designのwebサイトもそうですが、TOPページのメインビジュアルには写真が大きく使われることは今や当たり前ですし、文字の情報よりも視覚的に目に入りやすい写真の良し悪しで、その会社やお店の印象も変わってしまいます。

クライアントさまから制作のご依頼をいただいたとき、デザインに使用する写真もご提供いただくのですが、このときの制作に使う写真についてもっとクライアントさまに知っておいていただきたいことがあると思ったので、今回ブログに書き綴ることにしました。

このブログを見てくださったクライアントさまやこれからデザインを依頼しようと思っている方々が、少しでも写真に関する知識を持ってもらえたらうれしいです。

BUROKIアイコン

写真を知るだけでデザインの見え方もガラッと変わるはずです。

webサイトと印刷物で使用できる写真は同じではない!

デザインに関わったことがない人は意外と知らないことだと思うのですが(僕もはじめは知らなかったです)、webサイトで使用する写真と印刷物で使用する写真は同じではありません。正確には同じ写真でも異なる要素がいくつかあります。何が違うのか?をそれぞれ説明します。

カラーが違う

まず、ディスプレイと印刷ではカラーのモードが違います。
webサイトを表示するディスプレイは「RGB」といわれる赤(Red)、緑(Green)、青(Blue)の三つの原色を混ぜて幅広い色を再現する加法混合の一種で、ディスプレイの光で色を表現しています。印刷物は「CMYK」といって、Cyan(シアン)、Magenta(マゼンタ)、Yellow(イエロー)、Key plate(キープレート≒黒、墨)のインクで色を表現していて、減法混合とも呼ばれています。

PCで印刷物のデザイン制作を行う場合、RGBの写真データをCMYKカラーに変換する必要があります。CMYKは色を混ぜると暗くなる減法混合のため、ディスプレイで表示されている鮮やかなカラーは印刷では表現できず、やや暗い色で印刷されます。

  • 金、銀など
  • パステルカラー
  • 蛍光色(ネオンカラー)

写真の印刷ではあまり気にすることはないかもですが、上記のカラーはCMYKでは表現できないカラーなので表現するために用意されている「特色(スポットカラー)」を使用するなど注意や考慮が必要となります。

写真の色ひとつとっても、webと印刷同じではありません。

BUROKIアイコン

ディスプレイは光で色を表現するので、色が鮮やかに表示されやすいんですよね。

写真の解像度が違う

次に、一般の人はあまり馴染みのない写真の「解像度」。ここが一番わかりにくいところかもしれません。
僕は過去にこの解像度を理解せずに印刷物のデザイン時に写真を使用し、失敗しています。

上記のブログにも書いていますが、写真の解像度とは「画素の密度を示す数値」で、この数値が低いと画素の密度も低くなり画質が粗くなります。パソコンやスマホなどのディスプレイ上の画像は解像度72dpi(解像度の単位)と低くても問題なく表示されるのですが、これは写真の解像度よりもディスプレイの解像度のほうが重要だからです。

しかし印刷する場合、ディスプレイではなく紙面に写真が表示されるため写真の解像度が重要になるので、写真をきれいに表示させるには解像度は300から350dpiは必要になります。ややこしいですが、ディスプレイ上で表示させるか紙面上で表示させるかで必要となる解像度が違うということです。

なのでwebページに使っている写真をそのまま印刷にも・・ということが難しいのです。

写真の解像度を変えてサイズを確認してみる

実際に、少し前に書いたブログのサムネイル画像の解像度を見てみましょう。
webサイトのディスプレイ上で表示させる場合は写真の解像度は72で、横幅1700px、縦幅956pxとして画像をつくっています。ディスプレイ上では大きい画像できれいに表示されていますよね?この画像の単位をpxではなく、cmにしてみます。

解像度72の場合の写真サイズ
解像度72の場合の写真サイズ

すると、画像のサイズが横幅約60cm、縦幅約34cmだということがわかると思います。けっこう大きい画像だということがなんとなくわかりますね。

この画像を印刷するとして、解像度を72から300に数値を上げてみます。

解像度300の場合の写真サイズ
解像度を300に変更した場合の写真サイズ

すると、画像のサイズが横幅約14.5cm、縦幅約8cmにサイズが縮小されていることがわかると思います。このように、解像度の数値を上げると写真が小さくなってしまうので、印刷の場合はもっと大きいサイズの写真が必要になります。

印刷物に写真を使用する場合は、webサイト上で使用されている写真をコピペするのではなく、一眼レフカメラなどで撮影した写真データをそのままデザイナーに共有するのが無難です。

撮影データは写真のサイズも大きく解像度も高いものが多いので、「大は小を兼ねる」という意味でも撮影データを共有したほうがデザインの幅も広がり、デザイナーも困ることがないと思います。

写真を用意できない場合はカメラマンに撮影をお願いしましょう

デザインに使用する写真がない、または用意できないという場合は、気軽にデザイナーに相談してもいいと思います。

費用は別途かかってしまいますがカメラマンに今後も使える良い写真を撮影してもらうこともできますし、デザイナーによっては自らが撮影してくれる人もいます。僕も一眼レフを持っているので比較的安価で撮影の対応が可能です。

安易に無料・有料で配布されている写真素材を使わない

撮影の対応が面倒、もしくはあまり費用がないという理由から写真素材サイトから写真を使用するクライアントさまもいらっしゃるのですが、僕個人的には写真素材は利用せず、撮影してもらうことをオススメします。

なぜなら、写真素材は基本的にどの業種にも使用できるような写真なので不自然さが出ますし、お金さえ出せば誰でも使用できるように配布されているものなので他のwebサイトと同じ写真を使っているということにもなりかねないからです。モデルさんが写っている写真の場合、「この人どこかで見たことあるなぁ?」と思ったりすることもありますよね。

デザインや写真はできるだけオリジナルを追求したほうがブランディングにも繋がり、見る人の印象にも残り、信頼感を得ることができます。なのでできるだけ楽をせず撮影してもらうようにしましょう。

不明な点はどんなことでもご相談ください。

今回はクライアントさまに向けて、写真に関して知っていてほしい最低限のことをいくつか書かせていただきました。

内容が専門的すぎていまいちわからない、他の気になることを知りたいといったこともあるかと思いますので、個別でのご相談ももちろん無料で受け付けております。なので下記の問い合わせフォームよりご相談ください。

BUROKIアイコン

デザインに使う写真はめちゃくちゃ大事!ということが少しでも伝わればうれしいです。
スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

blog list

ブログ一覧

think

SEO小話vol.02 titleタグを設定するときの5つの注意点

少し前からブログでマイペースにはじめている「SEO小話」。 前回はSEOで重要なtitleタグのことを書いたので、今回は続編として「titleタグを設定する…

2024.05.01.

private

福島にある「THE VILLAGE OSAKA」で三度目の結婚記念日を祝う

4月22日は相方との結婚記念日。 今年で三度目の結婚記念日を無事、迎えることができました。皆さまのおかげです。いつもありがとうございます。 いつ…

2024.04.25.

think

SEO小話vol.01 検索エンジン対策で最重要のhtmlタグはこれです

少し前にシリーズとしてはじめることにした「SEO小話」。 今回はwebページを構成するhtmlの様々な役割を担っているタグの中でも一番重要なタグについ…

2024.04.23.

think

SNS全盛期時代だからこそ。webサイト運用のためのSEO小話はじめます

BUROKI designとして2024年から掲げている目標のひとつに「webサイト運用に関わらせていただく」というものがあります。 それはなぜかというと、僕は…

2024.04.18.

think

2024年3月の活動報告。3月はこんなデザイン制作をしていました

新年度がはじまりましたね。 エイプリルフールは今はSNSで何かしらのネタを披露する人が増えて、程よく盛り上がりを見せていましたが、中には本当の…

2024.04.03.

think

もうすぐ5周年。フリーランスデザイナーになってから気をつけていることは?

まだもう少し先なのですが、2019年5月にBUROKI designを開業して、もうすぐ5周年を迎えます。 さすがにもうすっかり会社員時代の習性などは抜け切っ…

2024.03.16.

blogをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル