Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」

38,899 views

Published on

生駒市市民活動推進センターららポート主催「伝わるチラシの作りかた講座」2日目の講義で使用したスライドです。

Published in: Design
  • Be the first to comment

伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」

  1. 1. Welcome!! to 2日目
  2. 2. 「情報を整理しよう」 デザインの下地となる原稿を作ります。 1日目 「レイアウト・デザインしよう」 作った原稿をチラシの形にしていきます。 2日目 作業は
 えんぴつで♥
  3. 3. チラシデザインの手順
  4. 4. 以下、このチラシを作っている時の心の声です。
  5. 5. 原稿届いた∼さてどうしようかな
  6. 6. とりあえずざっくりレイアウト… 表 裏
  7. 7. タイトル・コピー リード文 応募方法 概 要 詳 細 講師陣プロフィール こんな流れかな…
  8. 8. まずはタイトル周りから…
  9. 9. 動きのあるロゴが合うかな∼
  10. 10. まわりに人のイラストがあるといいな
  11. 11. やることがイメージできるイラストにしよう
  12. 12. 楽しそうな感じになったな、よしよし。
  13. 13. 色どうしようかな∼
  14. 14. 活発な感じがするから黄色ベースでいこう
  15. 15. ちょっと背景さみしいから模様入れよう
  16. 16. 「部員大募集」の文字が弱いな…
  17. 17. リボンで囲んで目立たせよう
  18. 18. 次は概要のブロック・・・。
  19. 19. 2種類あることをハッキリ目立たせよう。
  20. 20. ちょっと斜めにしてにぎやかに…
  21. 21. ・・・などなど!この繰り返しで、
  22. 22. 完成しました。
  23. 23. いきなり細かいところから考えず、 大まかにレイアウトしてから デザインしていきます。
  24. 24. ❷ 大ブロックの中をさらに小分けにする ❶ 大きなブロックに分ける ❸ 小ブロックを1つずつ装飾していく
  25. 25. タイトル・コピー リード文 問い合わせ先など 内容 まずは、大きいブロックをレイアウトする。 1
  26. 26. ブロックの中をさらにブロック分けする 開催日 開催場所 写真 写真 写真 タイムテーブル 地図 企画・運営団体 お問い合わせ先 キャッチコピー タイトル リード文 2
  27. 27. 設定しようレイアウトをはじめよう 個人ワーク❶
  28. 28. キャッチコピー タイトル 日時と場所 内容 (後ほど埋めます) お問い合わせ 又は リード文
  29. 29. 個人ワーク❷ 設定しよう内容をレイアウトしよう
  30. 30. この部分
  31. 31. レイアウト3つのルール
  32. 32. 設定しようブロックの端をそろえる!鉄則1
  33. 33. 設定しようどちらが見やすいですか?
  34. 34. 開催日 開催場所 写真 写真 写真 タイムテーブル 地図 企画・運営団体 お問い合わせ先 キャッチコピー タイトル リード文
  35. 35. 設定しようブロック間は余白を取る!鉄則2
  36. 36. 設定しようどちらが見やすいですか?
  37. 37. 開催日 開催場所 写真 写真 写真 タイムテーブル 地図 企画・運営団体 お問い合わせ先 キャッチコピー タイトル リード文
  38. 38. 設定しようブロックの大きさにメリハリを!鉄則3
  39. 39. ブロックがすべて均等だと どこから見ていいか迷います。
  40. 40. 大きいエリアから自然に視線が移動します。 ブロックに大小のメリハリがあると
  41. 41. メイン サブ❶ サブ❷
  42. 42. メイン サブ❶ サブ❷ ・リード文 ・イベントの内容 ・講座の内容 ・活動内容 など       ・タイムテーブル ・プロフィール ・●●とは? ・参加者の声 など ・基本情報(とき・ところ・定員・参加費・持ち物…) ・託児や手話、要約筆記など、特筆事項 ・アクセス情報 ・申込み方法 など
  43. 43. 講師 田中クミコ 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」 と き…5月27日(水)・6月3日(水) じかん…13時〜16時 ところ…生駒市コミュニティセンター 定 員…40名(先着順) 参加費…無料 プロフィール 会場マップ 参加した方の声 チラシ作りで悩んでいませんか?
  44. 44. 個人ワーク❸ 設定しようイメージを入れよう
  45. 45. 講師 田中クミコ 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」 と き…5月27日(水)・6月3日(水) じかん…13時〜16時 ところ…生駒市コミュニティセンター 定 員…40名(先着順) 参加費…無料 プロフィール 会場マップ 参加した方の声 チラシ作りで悩んでいませんか?
  46. 46. 講師 田中クミコ 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」 と き…5月27日(水)・6月3日(水) じかん…13時〜16時 ところ…生駒市コミュニティセンター 定 員…40名(先着順) 参加費…無料 プロフィール 会場マップ 参加した方の声 チラシ作りで悩んでいませんか?
  47. 47. 講師 田中クミコ と き…5月27日(水)・6月3日(水) じかん…13時〜16時 ところ…生駒市コミュニティセンター 定 員…40名(先着順) 参加費…無料 プロフィール 会場マップ 参加した方の声 チラシ作りで悩んでいませんか? 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」
  48. 48. チラシ作りで悩んでいませんか? 講師 田中クミコ と き…5月27日(水)・6月3日(水) じかん…13時〜16時 ところ…生駒市コミュニティセンター 定 員…40名(先着順) 参加費…無料 プロフィール 会場マップ 参加した方の声 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」
  49. 49. チラシ作りで悩んでいませんか? 講師 田中クミコ と き…5月27日(水)・6月3日(水) じかん…13時〜16時 ところ…生駒市コミュニティセンター 定 員…40名(先着順) 参加費…無料 プロフィール 会場マップ 参加した方の声 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」
  50. 50. チラシ作りで悩んでいませんか? 講師 田中クミコ と き…5月27日(水)・6月3日(水) じかん…13時〜16時 プロフィール 会場マップ 参加した方の声 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」 困って いる人の イラスト 講師 写真 笑顔の 女性の イラスト チラシと 鉛筆の イラスト
  51. 51. 設定しよう無料のイメージ素材を使いたい! ∼おすすめサイトと注意事項∼
  52. 52. ちょっと休憩しましょう∼
  53. 53. 設定しよう デザインしよう ∼お悩み別デザインテクニック∼ 個人ワーク❹
  54. 54. 文章が読みづらい! お悩み別デザインテクニック
  55. 55. 文を読みやすくする デザインテクニック 文章を読みやすくするに は、適度な行間を取るこ とが大切です。レイアウ トの際、ブロックとブロッ クの間に適度に余白を入 れたのと同じように、行 と行の間にも余白を入れ ることで、読みやすさが 格段にアップします。 文を読みやすくする デザインテクニック 文章を読みやすくするには、適度 な行間を取ることが大切です。レ イアウトの際、ブロックとブロッ クの間に適度に余白を入れたのと 同じように、行と行の間にも余白 を入れることで、読みやすさが格 段にアップします。
  56. 56. 文を読みやすくする デザインテクニック 文章を読みやすくするには、適度 な行間を取ることが大切です。レ イアウトの際、ブロックとブロッ クの間に適度に余白を入れたのと 同じように、行と行の間にも余白 を入れることで、読みやすさが格 段にアップします。 ❶見出しは太く、大きく ❸ブロック内に余白を取る  [ ❷行間をあける  [
  57. 57. フォントが決まらない! お悩み別デザインテクニック
  58. 58. ゴシック体 明朝体 その他の書体
  59. 59. 設定しよう迷ったらゴシック体!
  60. 60. 重厚感 高級感力強さ 信頼感 親近感 優雅 フォントの持つ雰囲気
  61. 61. 設定しようむやみに書体を混在させない
  62. 62. 見出しその1 文章を読みやすくするには、適度 な行間を取ることが大切です。レ イアウトの際、ブロックとブロッ クの間に適度に 見出しその2 文章を読みやすくするには、適度 な行間を取ることが大切です。レ イアウトの際、ブロックとブロッ クの間に適度に 見出しその1 文章を読みやすくするには、適度 な行間を取ることが大切です。レ イアウトの際、ブロックとブロッ クの間に適度に 見出しその2 文章を読みやすくするには、適度 な行間を取ることが大切です。レ イアウトの際、ブロックとブロッ クの間に適度に
  63. 63. 重厚感 高級感力強さ 信頼感 親近感 優雅 タイトルや見出しのフォントを見直そう
  64. 64. 背景が真っ白でさみしい! お悩み別デザインテクニック
  65. 65. 設定しよう背景色を二段構えにする
  66. 66. 見て欲しいエリア は白背景 その後ろは 白以外の背景
  67. 67. 見て欲しいエリア は白背景 その後ろは 白以外の背景
  68. 68. 設定しようタイトルや見出しに背景色を入れる
  69. 69. チラシ作りで悩んでいませんか? 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」 講師 田中クミコ プロフィール 参加した方の声
  70. 70. チラシ作りで悩んでいませんか? 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」 講師 田中クミコ プロフィール 参加した方の声 伝わるチラシの作りかた講座
  71. 71. と き…5月27日(水)・6月3日(水) じかん…13時〜16時 ところ…生駒市コミュニティセンター 定 員…40名(先着順) と き 5月27日(水)・6月3日(水) じかん 13時〜16時 ところ 生駒市コミュニティセンター 定 員 40名(先着順)
  72. 72. チラシ作りで悩んでいませんか? 第1回:「情報の整理のコツ」 第2回:「デザイン・レイアウトのコツ」 講師 田中クミコ プロフィール 参加した方の声 伝わるチラシの作りかた講座 と き 5月27日(水)・6月3日(水) じかん 13時〜16時 ところ 生駒市コミュニティセンター 定 員 40名(先着順) お問い合わせ・お申込み
  73. 73. 遊び心を入れたい! お悩み別デザインテクニック
  74. 74. 設定しようふきだしを入れる
  75. 75. 金魚すくいもあるよ! NPO代表の方 必見! どうしよう、 困ったわ…。 入場無料! Special Thanks! フキダシデザイン http://fukidesign.com/
  76. 76. 設定しよう見出しにワンポイント入れる
  77. 77. チラシの内容から連想できるアイコン おすすめの一冊 イベントスケジュール エコライフ始めませんか?
  78. 78. アイコンはそろえましょう おすすめの一冊 休館日のご案内   便利な宅配サービス
  79. 79. 設定しよう模様をちりばめる
  80. 80. ♥ ♥ ♥ ♥ ♥ ♥ ★ ♪ ♥ ● ▲ 花 雲 雪 など
  81. 81. 設定しようふきだし 設定しよう見出しにワンポイント入れる 設定しよう模様をちりばめる 遊び心を入れてみよう
  82. 82. 設定しようチラシの完成! おつかれさまでした!
  83. 83. 設定しようみんなのチラシを見てみよう!
  84. 84. 設定しよう気になったチラシをご紹介
  85. 85. もっとデザインを学んでみたくなったら…
  86. 86. おすすめ本 レイアウト・デザインのアイデア1000 翔泳社 本体1,600円  レイアウトに迷ったら…
  87. 87. おすすめ本 配色デザインのアイデア1000 翔泳社 本体1,680円  配色に迷ったら…
  88. 88. おすすめ本 ロゴデザインのアイデア1000 翔泳社 本体1,680円  ロゴに迷ったら…
  89. 89. おすすめ本 クイズで学ぶ デザイン・レイアウトの基本 翔泳社 本体1,800円  基礎を学びたいなら…
  90. 90. ありがとうございました!またどこかで!

×