CJ Column

コラム

2018年Webデザイントレンド ~斬新でインパクトのあるイメージを作り出す「Duotone」とは~

2018年のWebデザインのトレンドとして取り上げらている「Duotone デュオトーン」。
「Duotone デュオトーン」と聞いてもどんなものなのか、言葉だけではイメージできない方も多いかと思いますので、まずはご覧ください。

なるほど、見たことあると思った方もいらっしゃるのではないでしょうか。では、このデュオトーン。なぜ最近注目されているのでしょうか。

「Duotone デュオトーン」とは、読んで字の如く、写真などを2色の色相だけで表現する表現手法のこと。

ダブルトーンとも言われるこの表現は、元の写真よりも斬新でインパクトのある表現ができることから、音楽業界、ファッション業界のポスターやCD・レコードジャケット等で古くから使われていました。Webデザインにおいては、以前は海外のWebサイトでたまに見かけることがある程度でしたが、ここ数年、写真の加工が簡単にできるようになったことや、CSSでも表現が可能になったこと、また、音楽のサブスクリプションサービスである「Spotify」が使用したことで注目され、再燃しはじめていることから、Webデザインのトレンドとして取り上げられることが増えているようです、

 

主に海外のWebサイトで多く見られるようになったデュオトーン。基本は静止画ですが、動きのあるものと組み合わせるなどWebデザインならではの手法を取り入れたものも出てきているようです。デュオトーンをうまく取り入れたWebサイトをいくつかご紹介します。

via https://www.thetouchagency.co.uk/
デュオトーンで作られた様々な画像がパパパっとすばやく切り替わります。キーカラーのブルーのトーンがクールな印象を与えています。

via https://tq.co/?ref=land-book.com
画像だけではなくサイト全体がデュオトーンで構成されています。Topページで使われているのは静止画ではなくシネマグラフになっています。さりげない動きがなんともおしゃれですね。

via https://zeusjones.com/
動画と組み合わせたデュオトーン。下部にデュオトーンではなくシングルトーンになっている箇所があり対比で見られるのが面白いです。

 

デュオトーンは、その斬新さや、インパクトの強さから、かっこいいけど、なかなか取り入れることは難しいと感じられる方も多いと思いますが、今では、手軽に画像をデュオトーン加工できるウェブサービスもあるようです。あまり悩まずにまず試してみてはいかがでしょうか。使い方によっては「意外といけるかも」となるかもしれませんよ。

 

K.K  アートディレクター

コラム一覧に戻る

お問合せ

以下のフォームにご入力の上、送信ボタンをクリックしてください。

企業名 企業名を入力してください
お名前 [必須] お名前を入力してください
メールアドレス [必須] メールアドレスを入力してください
電話番号 電話番号を入力してください
お問い合せ内容 [必須] お問い合わせ内容を入力してください

個人情報保護方針

個人情報の取り扱いについて

個人情報の取り扱いについて同意してください

ログインをすると、
会員限定記事を全文お読みいただけます。

パスワードを忘れた方へ

  • ログインIDを入力してください。
  • ログインIDを正しく入力してください。
  • パスワードを入力してください。
  • パスワードを正しく入力してください。
  • ログインID、パスワードが間違っています。


ログイン実行中

ログイン完了!ページを再読込します。