0%

Designデザインワークショップ

Posted:2019.11.01

【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編

1日過ぎてしまいましたが、ちょうど昨日はハロウィンの日で、ついこの間まで街中の広告やディスプレイなどでハロウィンのデザインをよく目にしていました。ちょうどクライアントワークでも、ハロウィン関連のデザインの依頼があったりと、季節でいろんなデザインが求められるようですね。

 

そこで、これを機会にそれぞれに時期に合わせた季節モノのデザインを色々と考えたいと思い、記事にまとめてみました。第一回目の今回はハロウィンをテーマに、ハロウィンの季節によく見かけるデザインを作成してみます。

 

まずはデザインを描く前に、簡単に作成するデザインの設計をまとめていきます。設計といっても難しいものではなく、「色」と「フォント」、あとは適宜必要になりそうなデザイン素材や情報を集めておき、全体のイメージをなんとなく考えておきます。

 

色を決める(ハロウィンをイメージした配色)

最初に配色を決めるため、いくつかの色をピックアップしておきます。ハロウィンのデザインにおいてはよく使われる色も決まっており、かぼちゃの色であるオレンジ色や黄色などをベースに、補色の関係にある紫や青紫色などもよく目にします。そこで今回は下記のような配色を考えてみました。

【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編

 

 

フォントを決める(ハロウィンをイメージしたフォント)

次はデザインで使用するフォントを探していきます。すでにいろんなサイト上でハロウィンのデザインで使えるフォントが紹介されていたりするので、そういった情報も参考にしながら、ハロウィンのイメージに合うフォントをいくつかピックアップしてみました。

【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編

 

デザイン性に富んだ個性的なフォントが並びます。ホラーっぽい雰囲気のもあれば、ポップで可愛いのもあり、綺麗めな印象のあるフォントなんかもありました。

 

素材を決める(ハロウィンをイメージしたデザイン素材)

配色からフォントと決まり、最後はデザインのメイン素材となるものを探していきます。ここでは写真やイラスト、グラフィックなどのデザイン素材が対象となり、仕上げたいデザインに合わせたものを用意します。実際に探し始めると、すでにいろんなサイトでクオリティの高い素材が揃っていますね。今回は写真ではなく、シルエットのベクターグラフィックを使うことにしました。実際にはこちらのサイトの素材を採用しています。シンプルなのでとても使いやすく、フリー素材なのでオススメです。

【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編

 

いろんな参考デザインを見ていると、あまり作り込まれたグラフィック素材を使うのではなく、シンプルな素材をベースにデザインする方が簡単なのではないかと思います。

 

デザインの方向性を決める

これらの情報や素材が揃ったら、どんなデザインに仕上げるかを考えていきます。ハロウィンがテーマとなるので、ホラー調で作成するのか、楽しい感じを表現するのかなど色んなアプローチがあるかと思います。今回は、配色やフォント、使用するデザイン素材の特徴から、ポップな印象のあるデザインに仕上げてみました。そこで実際に出来上がったデザインイメージはこのようになりました。広告バナーやフライヤーなどのデザインに活用できそうですね。

【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編

【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編

 

今回は季節モノのデザインを作成するということで、ハロウィンをテーマにデザイン案を考えてみましたが、このようなデザインを作成する前には「配色」「フォント」「素材」の3つを分割してあらかじめ考えておくことで、よりイメージを形にしやすくなるのではないでしょうか。今後もいろんな季節のイベントに合わせたデザインを作成していきますので、また別記事にてまとめてみようと思います。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】