2014年流行カラー決定!淡い紫色「ラディアント・オーキッド」を使った参考Webサイトまとめ

pantone2014_top

 

色見本帳の作成で、世界的に知られているパントン(PANTONE)社が、2014年の流行カラー、淡い紫色「ラディアント・オーキッド」(Radiant Orchid 18-3224)を発表しました。

 

海外デザインブログDesignModoで、2014年パントンカラーの具体的な使い方や参考Webサイトデザインをまとめたエントリー「Pantone Color of hte Year 2014 – Radiant Orchid: Peferct Accent Color」が公開されていたので、今回は意訳でのご紹介です。

 

 

詳細は以下から。

 

 

 

2014年の流行カラー、淡い紫色「ラディアント・オーキッド」

 

日常におけるわたし達の生活、特にデザインにおいて、色はとても大きな影響を与えます。デザインの話になると、色は細かすぎるほど、些細な色選びによって、デザイン全体を台無しにしてしまうことすらもあります。

 

デザインにおける配色は、とても考えさせられるトピックです。それぞれの色には個性、パーソナリティーがあり、それにより人々に特別な感情を与えてくれます。今回PANTONE社が選んだ色、「ラディアント・オーキッド」(Radiant Orchit)の色調は、とても女性らしい色ということで、すこし使い方にコツが必要かもしれません。しかし、Webサイトなどでは、メインカラーではなく、アクセントカラーとして使用することで、素晴らしい効果を発揮する色でしょう。

 

Gallery-Image-0

 

 

 

ラディアント・オーキッドのカラーシステム一覧

 

Gallery-Mood-Banner

 

HTML Values : #B163A3

TPX(Pantone Textile Paper eXtended)用RBG : R-177, G-99, B-163

RGB Plusシリーズ : R-200, G-107, B-168

TPX用CMYK : C-33, M-72, Y-0, K-0

CMYK Plusシリーズ : C-19, M-70, Y-0, K-0

 

 

 

2014流行カラーを使った、参考Webサイトデザインまとめ

 

SAMPLE Julie Lavergne

フランスで馬の調教師をしている彼女のホームページは、モダンで素敵なデザインです。イメージ写真スライダーなどで利用している、巨大なイメージ写真には、ラディアント・オーキッドの色調を使った、セクシーなフィルターを活用。同じアクションフィルタを利用することで、Webサイト全体の統一感を演出します。

43pantone

 

 

 

SAMPLE A memoir Project

オンラインで閲覧できる、ユニークな回顧録サイトで使用されている、フルスクリーン写真にも、ラディアント・オーキッドの色調フィルタが、効果的に採用されています。オレンジ色との相性も良いようです。

113pantone

 

 

 

SAMPLE Lois Jeans

アパレルブランドのコレクションサイトで、ビビッドでポップな、虹色アニメーションカラーが目を惹くデザイン。黄色、オレンジ、緑色の組み合わせは、ラディアント・オーキッドとも抜群です。

72pantone

 

 

 

SAMPLE Engage

イギリスにあるデザイン事務所で、太字を活用した、ビビッドなポートフォリオサイトのヘッダー部分では、オフィスの様子を撮影した写真が利用されています。ピンク色の椅子やソファが映ることで、インテリアアクセントにも向いた色使いです。

32pantone

 

 

 

SAMPLE Vacheron Constantin

ラディアント・オーキッドの配色は、エレガントで、モダンな印象を与えてくれます。 時計のショーケースとなった、こちらのサイトでは、スクロールに応じて、ぼんやりとデザインが浮かびあがる、エフェクトが仕掛けられています。

82pantone

 

 

 

SAMPLE Kick My Habits

日常の無駄使いを、金額で表示してくれる、ユニークなオンラインサービス。背景からリンクまで、ラディアント・オーキッドの色調で統一されたサイト。

63pantone

 

 

 

SAMPLE Polecat

iPhone、iPadアプリ開発を得意としており、フレンドリーなイラストデザインが、安心感を与えてくれます。また緑色や黄色、青色など配色の参考になりそうなデザインコンセプトが素敵です。

53pantone

 

 

 

SAMPLE Let’s Yep

こちらもベクターイラストを採用したWebサイトで、他のサイトに比べ、より豊富なデザインパーツを用意。ラディアント・オーキッドと一緒に使う配色の参考にもいかがでしょう。

132pantone

 

 

 

SAMPLE Parallax.js

アクセントカラーとして、紫色を利用しているケースのひとつ。特に、ダーク系Webサイトでの、ラディアント・オーキッドの使い方の参考に良さそうです。

102pantone

 

 

 

SAMPLE NeoTokio

イタリアにあるデザイン事務所の、夏季バケーションのお知らせを、インタラクティブなイラストで表示。スクロールすることで、さまざまなアイスクリーンのデザインが出現します。ラディアント・オーキッドとスイカの赤色と緑色の組み合わせも参考に。

123pantone

 

 

 

SAMPLE Le Col De Claudine

ピンクがかった色合いですが、ラディアント・オーキッドに通じる色調のファッションサイト。スクロールするたびに、イメージ写真やテキスト、コンテンツが出現する、思わず訪れたくなる仕掛けが満載です。

92pantone

 

 

 

SAMPLE TMC Summer Under the Stars 2013

人型アイコンをナビゲーションメニュー代わりに使ったサイトで、 多くのWebサイトで利用されている白とのコントラストを確認できる、デザインパーツが採用されています。

114pantone

 

 

 

SAMPLE JOBS

スティーブ・ジョブスの生涯を描いた映画の、フランス版公式Webサイトデザイン。ラディアント・オーキッドに加え、黄色、赤色、緑色、青色のコンビネーションが素敵なイラストレーションが採用されています。

142pantone

 

 

今回の記事は、作者(@paulaborowska)の方に許可を得て、翻訳されています。

参照元リンク : Pantone Color of the Year 2014 – Radiant Orchid: Perfect Accent Color – DesignModo