クリスマスに取り入れたいデザインのポイント

f:id:BOEL:20171109115003j:plain

こんにちは。デザイナーの箱石です。
ハロウィンが終わり、街はクリスマスの色合いになってきました。今回は、これから増えてくる「クリスマスのデザイン」の要素を、実例と共にご紹介します。

※紹介する事例の引用元サイトは、季節性のあるキャンペーンサイトも含まれており、一定の期間を過ぎるとクローズする可能性がありますので、ご了承ください。

フォント

クリスマス向けのデザインでは、高級感やラグジュアリーさの演出のため、ゴシックではなく明朝体のフォントを用いることが多いです。
ビアードパパは明朝体のフォントを使い、クリスマスケーキの特別感を見せています。

一方、スターバックスのサイトではゴシック体のフォントに枠を付けることで手書き感を演出しています。また毎年クリスマスになると限定商品が出てweb もクリスマス仕様になります。
スターバックスの広告では手書き感を演出したフォントがよく用いられるため、他の広告に合わせてゴシック体を使うことで、ブランドとしての統一感を出しています。

ビアードパパの作りたて工房　Christmas cake2017

http://www.muginoho.com/xmas/

f:id:BOEL:20171109115046j:plain

スターバックス　クリスマスサイト2017　Christmas cake2017

http://www.starbucks.co.jp/cafe/raspberry/index.html?nid=tbn_01_pc

配色

クリスマスといったら「赤と緑」をイメージしますが、毎年開催される、横浜赤レンガ倉庫のクリスマスマーケットサイトは赤を使わず、夜空の青をメインにして背景には星をイメージする黄色を使い、高級感を出しています。色を多く使わずまとめているため落ち着いた印象です。

横浜赤レンガ倉庫　クリスマスマーケット

https://www.yokohama-akarenga.jp/christmas2017/

f:id:BOEL:20171109115329j:plain

モチーフ

クリスマスのモチーフには、プレゼント・木・靴下・サンタクロース・星などが多いです。例えば「夜空・星・街」や「木・靴下・プレゼント」などを組み合わせてみると、よりクリスマスのイメージがしやすいですね。
またパーティ料理にもこのモチーフを入れることができます。例えばパスタの盛付けをツリーに見立ててみるとテーブルがより可愛くなります。

f:id:BOEL:20171109115436j:plain

素材

クリスマスの素材として多く使われているのが、イルミネーションや星空をイメージする「スパンコール」や「ラメ」といったキラキラしたもの。また雪をイメージする「綿」があります。
このような素材を使ったクリスカードはよく店頭で見かけますが、Webサイトデザインにもこうした素材感が用いることができます。
目黒川のイルミネーションを案内するweb サイトでは、夜をイメージする背景に星の光を散らすことで、幻想的なイルミネーションをイメージするデザインになっています。コピーの文字がバラバラと現れるアニメーションも、キラキラした光のイメージに合っています。
アフタヌーンティーリビングは雪の降る web サイトを公開しています。しばらくすると空にサンタクロースが現れるアニメーションも、クリスマスらしい遊び心があります。イラストを使っているため優しく親しみのあるデザインですね。

目黒川のイルミネーション案内

http://jewel-dome.com

f:id:BOEL:20171109115548j:plain

アフタヌーンティーリビング　クリスマスサイト

https://www.afternoon-tea.net/merry-apple-christmas-2017/

パッケージ

この時期になると各ショップでクリスマス限定のパッケージやショップバッグが出ます。パッケージにも先ほど紹介したモチーフが使われるなど、それぞれのブランドに合わせたデザインを展開しています。
洋菓子店「AUDREY」はクリスマスの派手な印象とは違い、グレーをベースにしたシンプルなパッケージデザインです。
また D-BROS のラッピングシールは、赤と黒の素朴なイラストです。クリスマスを全面的に出すのではなく、モチーフがある事で少し嬉しくなるラッピングシールです。

洋菓子店　AUDREY パッケージ

f:id:BOEL:20171109115642j:plain