【デザイン理解ワーク】メリハリをつけて目立たせよう①

目的

コントラストの法則を活用し、印刷物デザイン(ポスターやフライヤー)で重要な情報を強調し、視認性を高めるスキルを学ぶ。フォント、色、サイズ、配置の違いによる視覚効果を実践的に理解する。

コントラストを活用することで、情報の優先順位を視覚的に明確にする。
プロフェッショナルで読みやすいチラシデザインを作成するスキルを養う。

コントラストの法則

コントラストの法則とは、色、明暗、サイズ、形などの違いを利用して、重要な情報を目立たせたり視線を誘導するデザインの基本原則です。適切なコントラストを使うことで、情報の優先順位が明確になり、見やすく効果的なデザインを作ることができます。

※コントラストが低い→悪い コントラストが高い→良い ということではない
閲覧者に与えたい印象や目的によってコントラストの高さをコントロールすることが重要
チラシや看板、バナーなどは「いかに人の注目を集めるか」が重要なので、コントラストが高い場合が多い。デザイン4原則の中でもこの法則は少し性質の違う特別なものである。

コントラストの低いデザイン例

newseam is a creative innovation firm
わたしたちは、事業やプロジェクトの立案から具現化、そしてその先の未来までを共に紡ぐクリエイティブイノベーションファームです。
MODERNCA ONLINE -モダンカ オンライン-
あの頃を思い出す懐かしい味や、いつも変わらない心和む味。海洋の青と山脈の緑が交錯する土佐の地で長く愛され続ける味に現代のトレンドを融合させたMODERNCA。過去と未来を繋ぐよりいいものに生まれ変わった新しい美味しさをご賞味ください。
山技屋-yamagiya-設計事務所が開発・販売する優しいものづくり。
「優しいもの」とは、使い手に寄り添った想いをカタチにすることだと感じます。 建築建材・インテリア・設計のお役立ちアイテムなど、こだわりの小さなものを 優しいものづくり思想で作っています。

コントラストの高いデザイン例

ヤマダ電機新宿西口店チラシ(2024年12月年末) https://www.shufoo.net/pntweb/shopDetail/180842/13597639150509/

マルエツ/新宿六丁目店のチラシ(2024年12月年末)
https://www.shufoo.net/pntweb/shopDetail/243148/35224839183681/

飲料・食品 にぎやか・ポップ シズル感 和風 ロゴ・作字 切り抜きのバナーデザイン

飲料・食品、にぎやか・ポップ、シズル感、和風、ロゴ・作字、切り抜きのバナー | メルカリShops大グルメ祭は11/28から | BANNER LIBRARY
バナーデザインの参考になる、おしゃれで良質なバナーデザインをまとめたギャラリーサイト、BANNER LIBRARYです。バナー広告から特集バナーまで、幅広いジャンルから収集しています。バナー作成の練習やWebサイトデザインのアイデアに繋がる...

ワーク内容

あなたはデザイナーとして、新規開店するジムのチラシのデザイン案のリデザイン・修正を依頼されました。
現在のデザインはコントラストが低く、チラシとしての機能が低い状態です。
注目を集めやすい、メリハリの効いたデザインに修正してください。

提供された初期デザイン(コントラストが弱い状態)をリデザインし、次のポイントを意識してください。

タイトル

フォントサイズを大きくし、色や背景で目立つようにする。

特典情報(例: 初月50%オフ、無料体験)

視線を誘導するデザイン(太字、囲み、色のコントラスト)で強調する。

連絡先情報

電話番号やメールアドレスを大きく目立たせる。
メールフォームのQRコードを適切に配置し、読みやすくする。

背景と画像

テキストが読みやすいよう、画像や背景色を調整し、全体のバランスを整える。

レイアウトや使用素材、フォントに関して制限なし。
元デザインと全く異なるものにリデザインして問題ない。
ジムの名称について変えても良い。ロゴを作成するなども良し。
掲載情報が過分な場合は削っても良い。キャッチコピーの変更、削除も可。
ただしチラシの体裁は保ち、必須情報は必ず載せること。

素材データ

入稿用の注意点

印刷物の入稿時には注意点があります。

  • 画像を十分な解像度のものを用いること(解像度300ppi)
  • カラーモードCMYK
  • 文字のアウトライン化をすること
  • 切り落としが発生する場合はトンボを含むデータ、サイズにすること

こちらについても行なってみましょう。
印刷会社で提供しているデータをダウンロードして、そこに当てはめてみるのも参考になります。

使用ソフト

Adobe Illustrator

参考情報

以下にジムの設定をまとめました。デザインの参考にしてください。

 

コンセプト

  1. 初心者から上級者まで対応する多機能型ジム
    • 初心者にはプロトレーナーが基本的なトレーニング方法を丁寧に指導。
    • 上級者には高性能なトレーニング機器や広いスペースで効率的なトレーニング環境を提供。
  2. 健康とライフスタイルの向上をサポート
    • 筋力トレーニングだけでなく、ヨガやピラティス、ストレッチなど、心身のバランスを整えるプログラムを提供。
    • 食事アドバイスやフィットネスカウンセリングも可能。
  3. 地域コミュニティのフィットネスハブ
    • 地元住民が気軽に集まり、運動を通じて健康的なコミュニティを形成できる場所。

主な利用者

  1. 20~40代の働く世代
    • 「仕事帰りに気軽に運動したい」というニーズを持つ会社員やフリーランサー。
    • 24時間営業で時間に縛られず利用可能。
  2. フィットネス初心者
    • 「運動を始めたいけれど不安がある」初心者が安心して利用できるサポート体制を重視。
  3. 運動を日課にしたい健康志向の人
    • 年齢層は幅広く、定期的に体を動かしたい主婦や高齢者も含む。
  4. トレーニングを真剣に行いたい上級者
    • パワーリフティング、筋トレ、ボディメイクを目的とするトレーニング愛好者。

設備の特徴

  • 充実したトレーニング機器
    • 初心者用マシンから、上級者向けのフリーウェイトまで幅広く対応。
  • リラクゼーションエリア
    • 運動後に利用できるストレッチスペースや個室シャワー。
  • レッスンプログラム
    • グループレッスン(ヨガ、ピラティス)や短時間で効率的なHIIT(高強度インターバルトレーニング)。
  • 清潔で快適な空間
    • 明るい照明と清掃の行き届いた施設で、利用者が快適に過ごせる環境を提供。

周辺情報

  • 立地:
    • JR新宿駅から徒歩5分の利便性の高いロケーション。
    • 商業エリアに位置し、近隣にはオフィスビルや飲食店が多い。
  • ターゲット層の動線:
    • オフィスワーカーが多く、仕事帰りに寄りやすい。
    • 住宅街も近いことから、休日利用者も見込める。
  • 競合:
    • 大手チェーンジムが複数あるが、24時間営業や初心者サポート、最新設備で差別化。

デザインの参考ポイント

  1. カラースキーム
    • 活力をイメージさせる赤やオレンジをアクセントに、信頼感のあるブルーや白でバランスを取る。
  2. 写真素材
    • 実際のトレーニング風景や、リラックスした雰囲気の利用者の写真を使用。
  3. フォントとレイアウト
    • 力強いフォントでタイトルを目立たせ、清潔感のある余白を活用して視認性を高める。
  4. キャッチコピー例
    • 「あなたの健康をデザインする、新しいジム体験」
    • 「運動を習慣に。あなたのペースで始められる」

解答例

なし

タイトルとURLをコピーしました