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

関連記事

  1. Web関連

    「ハッカソン」って何?知らないと恥ずかしい?IT業界でよく聞くコトバ

    最近、ニュースサイトやフェイスブックなどで「ハッカソン」という言葉をよ…

  2. Web関連

    ライバルサイトに差をつける!インフォグラフィックを作るための5つの手順

    この前、とあるサイトのデザインをしていた時にふっと思いました。…

  3. Web関連

    Web制作会社が教えるデザイナーのスキルアップ

    こんにちは、デザイナーの藤原です。昨今?いや、永遠の課題ともいえる「ス…

  4. Web関連

    ダンサリ、してますか。

    季節はもう4月。新入社員のみなさん、入社おめでとうございます。今回は…

  5. Web関連

    えっ!あの有名企業も?MA (マーケティングオートメーション)導入している日本企業まとめ

    マーケティングオートメーション(以下、MA)について、色々な会社から営…

  6. Web関連

    私たちの仕事ってすばらしい!社会貢献度のものさし「SDGs」

    働く理由はなんだろうこんにちは。みなさんは、「自分が何のために…

おすすめ記事

最近の記事

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

アーカイブ

  1. AI関連

    【テレワーク×AI】今後も続くであろうテレワークとどう向き合っていくのか
  2. Web関連

    新しい腕時計が欲しい。何を買うか迷っています。
  3. Web関連

    最新の情報に敏感…!美容室のIT活用とは?
  4. AI関連

    人工知能(AI)が犯罪防止で安全で安心な未来をつくる!?
  5. SNS関連

    旅行いきたい!!となること間違いなしのinstagramアカウント5選
PAGE TOP