designsupply.llc
  • aboutabout
  • servicesservices
  • worksworks
  • mediamedia
  • contactcontact
  • homeサイトトップ
  • about会社概要
  • services業務内容
  • works実績紹介
  • mediaメディア
  • contactお問い合わせ
ja/

media

メディア

  1. サイトトップ
  2. メディア
  3. デザインの記事
  4. 【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編

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

  • 2019.11.01
  • デザイン
  • ワークショップ
1日過ぎてしまいましたが、ちょうど昨日はハロウィンの日で、ついこの間まで街中の広告やディスプレイなどでハロウィンのデザインをよく目にしていました。ちょうどクライアントワークでも、ハロウィン関連のデザインの依頼があったりと、季節でいろんなデザインが求められるようですね。   そこで、これを機会にそれぞれに時期に合わせた季節モノのデザインを色々と考えたいと思い、記事にまとめてみました。第一回目の今回はハロウィンをテーマに、ハロウィンの季節によく見かけるデザインを作成してみます。   まずはデザインを描く前に、簡単に作成するデザインの設計をまとめていきます。設計といっても難しいものではなく、「色」と「フォント」、あとは適宜必要になりそうなデザイン素材や情報を集めておき、全体のイメージをなんとなく考えておきます。  
色を決める(ハロウィンをイメージした配色)
最初に配色を決めるため、いくつかの色をピックアップしておきます。ハロウィンのデザインにおいてはよく使われる色も決まっており、かぼちゃの色であるオレンジ色や黄色などをベースに、補色の関係にある紫や青紫色などもよく目にします。そこで今回は下記のような配色を考えてみました。 【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編    
フォントを決める(ハロウィンをイメージしたフォント)
次はデザインで使用するフォントを探していきます。すでにいろんなサイト上でハロウィンのデザインで使えるフォントが紹介されていたりするので、そういった情報も参考にしながら、ハロウィンのイメージに合うフォントをいくつかピックアップしてみました。 【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編   デザイン性に富んだ個性的なフォントが並びます。ホラーっぽい雰囲気のもあれば、ポップで可愛いのもあり、綺麗めな印象のあるフォントなんかもありました。  
素材を決める(ハロウィンをイメージしたデザイン素材)
配色からフォントと決まり、最後はデザインのメイン素材となるものを探していきます。ここでは写真やイラスト、グラフィックなどのデザイン素材が対象となり、仕上げたいデザインに合わせたものを用意します。実際に探し始めると、すでにいろんなサイトでクオリティの高い素材が揃っていますね。今回は写真ではなく、シルエットのベクターグラフィックを使うことにしました。実際にはこちらのサイトの素材を採用しています。シンプルなのでとても使いやすく、フリー素材なのでオススメです。 【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編   いろんな参考デザインを見ていると、あまり作り込まれたグラフィック素材を使うのではなく、シンプルな素材をベースにデザインする方が簡単なのではないかと思います。  
デザインの方向性を決める
これらの情報や素材が揃ったら、どんなデザインに仕上げるかを考えていきます。ハロウィンがテーマとなるので、ホラー調で作成するのか、楽しい感じを表現するのかなど色んなアプローチがあるかと思います。今回は、配色やフォント、使用するデザイン素材の特徴から、ポップな印象のあるデザインに仕上げてみました。そこで実際に出来上がったデザインイメージはこのようになりました。広告バナーやフライヤーなどのデザインに活用できそうですね。 【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編 【デザインワークショップ】vol.24 季節モノのデザインを作ってみる #1 ハロウィン編   今回は季節モノのデザインを作成するということで、ハロウィンをテーマにデザイン案を考えてみましたが、このようなデザインを作成する前には「配色」「フォント」「素材」の3つを分割してあらかじめ考えておくことで、よりイメージを形にしやすくなるのではないでしょうか。今後もいろんな季節のイベントに合わせたデザインを作成していきますので、また別記事にてまとめてみようと思います。

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

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

Sponsored Link

categories

  • デザイン(30)
  • Photoshop(26)
  • ワークショップ(24)
  • コーディング(18)
  • Sketch(16)
  • Illustrator(12)
  • カラースキーム(10)
  • タイポグラフィ(8)
  • Adobe その他(8)
  • フォトグラフィ(7)
  • Lightroom(4)
  • WordPress(4)
  • ナレッジ(4)
  • サイト運営(3)
  • Figma(2)
  • AfterEffects(2)
  • InVision(1)
  • Premiere(1)
  • 次の記事
  • 一覧に戻る
  • 前の記事

まだ依頼内容が決まっていなくても、ご相談ください。

課題の整理や小さな検証、UI/UX・フロントエンドの部分的な支援から始められます。

お問い合わせやご相談はこちらから

Webサイト・プロダクトの企画設計/UI・UXデザイン/フロントエンド開発合同会社デザインサプライ(DesignSupply. LLC)

Office:大阪府大阪市天王寺区清水谷町3-22
Email:info@designsupply-web.com
home
  • サイトトップ
about
  • 3つのポリシー
  • 経営理念
  • 代表・クリエイター紹介
  • 会社概要
services
  • ビジネス・プロダクト支援
  • UI/UX・フロントエンド開発支援
  • プロジェクトの進め方・支援体制
  • エデュケーション事業
works
  • 開発プロジェクト
  • クリエイティブ支援
  • 自社プロダクト
media
  • デザイン
  • プログラミング
  • マーケティング
  • Web開発
  • 写真・動画制作
contact
  • お問い合わせ
news
  • インフォメーション
privacy
  • プライバシーポリシー

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

© 2013 - 2026 DesignSupply.LLC
サイトトップへ
contact