Web関連

切っても切れないデザインと色の話

0

こんにちは、デザイナーの角田です。
毎年こっそり楽しみにしていることがあります。
それは何かと言うと、「流行色/トレンドカラー」です。

流行色/トレンドカラーって?

「流行色/トレンドカラー」というのは、「パントン(PANTONE)社」が
毎年12月に「カラー・オブ・ザ・イヤー」として発表している、いわゆる「翌年のトレンドとなる色」のことです。
そもそもパントン社とは?という話になりますが、ものすごく簡単に説明をすると、
デザイナーを志したりデザインを学んだことのある人なら必ず見たことがあると思いますが
column_kakuta2.jpg
こういう形の「色見本帳」(上記はイメージです)。見たことありますよね?
色見本帳の中でも、世界有数の色見本帳ブランドとして一番有名なのが、このパントン社なのです。

2020年のトレンドカラーは?

さて、そんなパントン社が毎年発表している「流行色/トレンドカラー」ですが、2020年はどんな色なのかというと
「PANTONE 19-4052 Classic Blue(クラシックブルー)」
です。カラーコードで言うと「#0f4c81」。
「落ち着き、信頼、つながりをもたらす安心感のある存在」
を意味する色だそうです。

「私たちは信頼と信用を必要とする時代に生きています。PANTONE 19-4052 Classic Blueが表現するのは、この種の不変性と信頼感です。深い余韻に包まれた、PANTONE 19-4052 Classic Blueは、しっかりとした基盤を提供します。広大で無限の夜空を思い起こさせる限りないブルーのPANTONE 19-4052 Classic Blueは、思考を広げるために、当たり前であることの先を見るよう私たちを促します; つまり、より深く考え、視野を広げ、心を開いて会話をしようとする意欲をかき立てます。
– Leatrice Eiseman
EXECUTIVE DIRECTOR OF THE PANTONE COLOR INSTITUTE」

これはパントン社のエグゼクティブディレクターの方の言葉ですが、
デザインにおける色というのは意味を持っているもので
例えばこういった青系の色であれば、
「さわやか」「集中力を高める」「心が落ち着く」などの意味を持っていることが一般的です。
まさに今回のクラシックブルーは、「落ち着き、信頼、つながりをもたらす安心感のある存在」と言えますね。
夜空を連想させ、落ち着く・安心感のある色だなあと私個人的にも思います。
2020年が穏やかな年であれ、という意味が込められているのでしょうか。そうなると良いですよね。
個人的には、2016年の「QUARTZ & SERENITY(ローズクォーツ、セレニティー)」が好きです。歴代のトレンドカラーの中では、初めて2つの色が選ばれた年でもありました。
グラデーションにすると、朝焼けのようですごくキレイな色になる組み合わせです。
ちなみに2016年という年は、ジェンダーレスやユニセックスなど、ファッションや色々な分野で良くも悪くも話題になったので、この2色が選ばれたとされています。
Webデザインに関していうと、配色はそれぞれのデザインによって全く違いますが、
グラデーションが用いられたデザインがトレンドになっていったのも2016~2017年辺りでしたね。(流行の最先端・・・!)
「流行色/トレンドカラー」は、特にWebやデザイン等に限った話ではなく、
ファッション、コスメ、エンタメ業界などあらゆるジャンルで綿密にリサーチされた色です。
これまで紹介した2016年、2020年の色からも分かるように、世の中の情勢や時代背景、流行等が反映されたような色がトレンドカラーとして選ばれています。

Webデザインに生かせるところは?

さて、私がなぜ色の話をしたのかというと、最近色々と他人のデザインを見る機会があり
なんだかデザインの配色に悩むデザイナーが多いなあ、と個人的に思ったからです。
若いデザイナーがよく陥っている事象として、「デザインの配色に悩むこと」が多いと思います。
配色を決める時、若いデザイナーは単純に「この色が好きだから」「目立つから」「オシャレだから」という理由で決めがちです。
そういう理由で決めるのは全然ありです。
ただ、そういう決め方をするとチグハグなデザインを作りがちです。そして、そこで配色に対して指摘が入ると、なかなか色を決められず悩んでしまい、また変な配色をして・・・というループに陥ってしまいます。私も覚えがあります。
そういった、配色に悩むデザイナーが出来るようになると良いと思っているのが、
「なぜこの色を選んだのか?」「この色を使うとどういう効果が得られるか?」を考えてデザインを作ることです。
デザインに悩むと視野が狭くなり、なかなかいいものを生み出せなくなることが多いのですが、意味を考えられるようになると、すんなり配色も決められるようになっていくのではないでしょうか。
また、パントン社のWebサイトでは、このトレンドカラーである「クラシックブルー」を軸としたカラーパレットが公開されています。
例えばこんな落ち着いた色の組み合わせや
column_kakuta3.jpg
南国の海の中の賑やかさを連想させるような、楽し気な色の組み合わせなど。
column_kakuta4.jpg
上記を含めて、全部で5つのパターンが公開されています。
前述した通り、色ひとつひとつにも意味がありますが、色の組み合わせによって心情や情景を想起させることが出来ます。
世の中には、色々なカラーパターンを公開しているWebサイトがたくさんありますが、
そういったサイトを駆使しつつ、自分が作りたい・伝えたいデザインを作れるようになると良いですよね。
という、色に関するお話でした。

0

目指せ読書家!読書が苦手な人が習慣を付ける為に行いたい5つのステップ前のページ

テレワークで働き方改革?次のページ

ピックアップ記事

  1. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  2. AIに求められているものは、実は意外な物だった
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    ちょっと前にはやったWEBコンシェルジュの今

    コンシェルジュと言えば、思い出すのは高級ホテル。顧客の様々な要望に親身…

  2. Web関連

    コンパクトカメラがなくなる?最近のスマホのカメラがすごい!

    みなさんは「スマートフォン(スマホ)」はお使いですよね?ほとんどの方が…

  3. Web関連

    とっても効果的!Facebook広告の活用メリット

    超有名SNSのFacebook。ページを開設する企業側のメリッ…

  4. Web関連

    Web制作会社が考える品質管理で重要な3項目

    今回はWeb制作における品質管理で重要な3項目を書きたいと思います。…

  5. Web関連

    【Web最新技術】クラウドが現実世界を変え始めた 駐車場編

    どこもかしこもデジタル化、IT化、そしてクラウド化。どんどん便利に…

  6. Web関連

    LINE ~拡大するコミュニケーション~

    リアルタイムコミュニケーションとは?近年、電話や電子メールに代わる新…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. AI関連

    飲食サービス業界のルーチンワークを人工知能(AI)で削減
  2. サービス・新技術

    【3分で解説】これから始まる自動車教習所のオンライン学科教習。知っておくべき3つ…
  3. Web関連

    東京オリンピックに向けインバウンド対策を!
  4. Web関連

    Webサイト売上げアップに使える”行動心理学” その2
  5. Web関連

    ホームページ更新時に見直したい。事例から学ぶサイト小改善
PAGE TOP