SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Downloaden Sie, um offline zu lesen
チラシ・ポスター作成のヒント
Library Lovers’キャンペーン2013
ワーキンググループ事前研修
Library Lovers’キャンペーン事務局・九州大学附属図書館
井川 友利子
~とある広報担当図書館員のマイルール~
これまで作ったもの
なんでがんばるの?
• あえて紙で作るからこそ
• イベント、講習会も「見た目」は大事
– 掲示版で立ち止まってもらえますか?
– せっかくの企画。ドレスアップしてお披露
目しましょ
用意するもの
• Word またはPowerPoint
– Illustrator がなくても大丈夫
– 担当が変わっても、誰でも扱える
– いかにもOffice系、っぽくなくするのが
ポイント
• 必要に応じて、お絵かきソフトなど
– ちょっと画像を加工するときに
– GIMPなどフリーソフトで充分
1. 文字情報
企画書から起こす
• まずは、企画書のファイルをコピー
• パーツごとにテキストボックスに入れる
– 自由に動かせます
– イベント名称/日時・場所/問合せ先 etc.
– 趣旨・目的からキャッチコピーを
– 文字情報は最小限に
– 行間は「1行」では間延びした感じ、適宜調整
○○講習会企画書
目的
************
************
概要
************
************
日時 ○月○日 ○時~
場所 ○○図書館ロビー
対象 ○○大学学生
申込方法 *******
申込先 ****
(例)
ぎゅっと凝縮
○○講習会
日時 ○月○日 ○時~
場所 ○○図書館ロビー
対象 **********
申込方法 ********
申込先 *********
見つからない資料はない!!
○○大学図書館
2. フォントと配置
フォントのサイズ
• 大きさはメリハリをつけて
– 情報に重みづけを
– 微妙な差は分かりません
図書館(32pt) 図書館(40pt)A
図書館(60pt)図書館(32pt)B
○○講習会
日時 ○月○日 ○時~
場所 ○○図書館ロビー
対象 ********************
申込方法 ******************
申込先 *******************
見つからない資料はない!!
○○大学図書館
学生さんは忙しい。
参加型の場合、日時・
場所は大事な情報
まずは、何のポスターか
はっきり主張
グッと心を掴むフレーズ
を→大きめに
立ち止まって読んでもら
えばよい。フォントサイ
ズは小さく
(例)
フォントの種類
• 2種類まで。あとはサイズで区別
• ゴシック体か、明朝体か
ゴシック体 明朝体
可視性 高 低
可読性 低 高
用途 見出し 詳細情報
○○講習会
日時 ○月○日 ○時~
場所 ○○図書館ロビー
対象 *******************
申込方法 *****************
申込先 ******************
見つからない資料はない!!
○○大学図書館
可視性重視で
ゴシック体で
可読性重視で
明朝体か、細めの
ゴシック体で
(例)
フォントの配置
• パーツをグループに分ける
• 整列させる
A B
図書館案内
開館時間
貸出返却
文献複写
館内PC
問合せ
*******
****
図書館案内
開館時間
貸出返却 文献複写
館内PC
問合せ
*******
****
○○講習会
日時 ○月○日 ○時~
場所 ○○図書館ロビー
対象 *********************
申込方法 *******************
申込先 ********************
見つからない資料はない!!
○○大学図書館
イベント名とキャッチ
コピーでひとつのグ
ループ。
・文字は中央寄せに
この例では、配置もこのエリ
アの中央にしてみました
イベントの概要情報で
ひとつのグループ。
・文字は左寄せ
・左右の余白は同じに
・図書館名は右ライン
にそろえて
(例)
3. 色えらび
中学美術のおさらい
• 色相環
– 補色
• 正反対にある色
• 引き立てあう
– 類似色
• 隣り合う色
• 調和
テーマカラーを決める
• 色の連想作用
– 青系 → クールな
– 赤系 → 情熱的な etc.
• 使うのは3色まで
– メインカラー:企画をイメージさせる色
– サブカラー:メインに添える色
– アクセント:補色関係にある色
色えらびのツール
• カラーカード(配色カード)
• ウェブサイトで
– おすすめは HUE/360
http://hue360.herokuapp.com/
○○講習会
日時 ○月○日 ○時~
場所 ○○図書館ロビー
対象 *********************
申込方法 *******************
申込先 ********************
見つからない資料はない!!
○○大学図書館
・開催時期は夏
・院生向け
という設定で、クール
な青系をメインに。
アクセントは補色関係
になる黄色を。
(例)
背景色
• 原則、真っ白のままにしない
– 真っ白は、かなり計算高い技
• 対策
– テーマカラーでベタ塗り
– パターン塗り
– クリップアート・写真を全面に
○○講習会
日時 ○月○日 ○時~
場所 ○○図書館ロビー
対象 *********************
申込方法 *******************
申込先 ********************
見つからない資料はない!!
○○大学図書館
パターン塗り:
水色ストライプ
(例)
○○講習会
日時 ○月○日 ○時~
場所 ○○図書館ロビー
対象 *********************
申込方法 *******************
申込先 ********************
見つからない資料はない!!
○○大学図書館
クリップアート:
淡色1色にして、全面
配置。画像が粗くなる
のでA3サイズくらいが
限界かも。
↓元画像
(例)
4. 画像を、少々
クリップアート
• ベタすぎるイラストは避ける
• 使うなら思い切りよく
– 背景画像にしてしまう(前述)
– 同じ画像を重ねる(サイズ、角度、明るさを変えて)
元画像
祝・入学祝・入学
手持ちの写真を使う
• 使うなら、「人」の画像を
– 人は、人に目がいく
• 切り抜いてみる
去年の様子が分
かる写真を挿入
※主催学生の作
写真を切り抜いて
すっきりと
5. とあるBefore/After
(実話、少々脚色)
全体的に、うるさい、がちゃ
がちゃした印象。
・色が多すぎ!
・文字の配置がバラバラ
タイトルの
インパクトが弱い
なにゆえ、青?
色使いに意味づけがない!
ポスター編
(Before)
ポスター編
(After)
【変更点】
・新入生向け、春の企画
→パステル調の柔らかい色を
テーマカラーに
文字もこげ茶色で柔らかく
・タイトルをゴシック体に
・文字は中央寄せに
・箇条書きを見やすく
お知らせ編
(Before)
タイトルは短く。
「のお知らせ」「について」
は絶対NG!
→掲示そのものがお知らせでしょ。
大事なのは、10:00~20:00
だけ。「開館時間」のフォント
サイズが大きすぎ。
なぜかここだけ右寄せ。。
お知らせ編
(After)
【変更点】
・「お知らせ」は必要最小限の
文字数まで削ぎ落とす
・一目瞭然がいちばん
・大事な情報だけ、強調
まとめ
• 文字も、色も、配置も、デザインには
すべてに意味がある
– 説明できるように
• なぜそのフォントにしたか
• なぜその色にしたか
• なぜそこに置くか…
参考文献
• Robin Williams著, 吉川典秀訳. ノンデザイナーズ・デザインブッ
ク. 毎日コミュニケーションズ, 2004, 200p.
※必読の書にしたい1冊。
※2008年刊、フルカラー新装増補版もあります。
• HUE/360 http://hue360.herokuapp.com/

Weitere ähnliche Inhalte

Andere mochten auch

アジャイルアカデミー の研修に参加したよ
アジャイルアカデミー の研修に参加したよアジャイルアカデミー の研修に参加したよ
アジャイルアカデミー の研修に参加したよToshihiro Suzuki
 
Schemeでgimpを動かしてみる
Schemeでgimpを動かしてみるSchemeでgimpを動かしてみる
Schemeでgimpを動かしてみるtwinkfrag
 
Harmonyロジック展開
Harmonyロジック展開Harmonyロジック展開
Harmonyロジック展開Sungsil Hwang
 
GIMPによる画像加工について
GIMPによる画像加工についてGIMPによる画像加工について
GIMPによる画像加工についてYanoLabLT
 
こどものおと企画書2
こどものおと企画書2こどものおと企画書2
こどものおと企画書2Yukinori Kumeda
 
タイル型ウィンドウマネージャawesomeのススメ
タイル型ウィンドウマネージャawesomeのススメタイル型ウィンドウマネージャawesomeのススメ
タイル型ウィンドウマネージャawesomeのススメTakuto Matsuu
 
openSUSEでお絵描きしよう
openSUSEでお絵描きしようopenSUSEでお絵描きしよう
openSUSEでお絵描きしようMai Akiyama
 

Andere mochten auch (10)

アジャイルアカデミー の研修に参加したよ
アジャイルアカデミー の研修に参加したよアジャイルアカデミー の研修に参加したよ
アジャイルアカデミー の研修に参加したよ
 
Schemeでgimpを動かしてみる
Schemeでgimpを動かしてみるSchemeでgimpを動かしてみる
Schemeでgimpを動かしてみる
 
作成例
作成例作成例
作成例
 
Harmonyロジック展開
Harmonyロジック展開Harmonyロジック展開
Harmonyロジック展開
 
GIMPによる画像加工について
GIMPによる画像加工についてGIMPによる画像加工について
GIMPによる画像加工について
 
こどものおと企画書2
こどものおと企画書2こどものおと企画書2
こどものおと企画書2
 
タイル型ウィンドウマネージャawesomeのススメ
タイル型ウィンドウマネージャawesomeのススメタイル型ウィンドウマネージャawesomeのススメ
タイル型ウィンドウマネージャawesomeのススメ
 
RAW現像入門中…
RAW現像入門中…RAW現像入門中…
RAW現像入門中…
 
openSUSEでお絵描きしよう
openSUSEでお絵描きしようopenSUSEでお絵描きしよう
openSUSEでお絵描きしよう
 
2012 10 03_yamada
2012 10 03_yamada2012 10 03_yamada
2012 10 03_yamada
 

Ähnlich wie Library Lovers'キャンペーン事前研修 4

アイディア発想法とかモノ作りを初める前にやること
アイディア発想法とかモノ作りを初める前にやることアイディア発想法とかモノ作りを初める前にやること
アイディア発想法とかモノ作りを初める前にやることYumi uniq Ishizaki
 
高校生がイベントを作るということ
高校生がイベントを作るということ高校生がイベントを作るということ
高校生がイベントを作るということShoot Morii
 
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップアジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップYou&I
 
協賛が欲しい大学生が知っておくべき「企画書」のこと
協賛が欲しい大学生が知っておくべき「企画書」のこと協賛が欲しい大学生が知っておくべき「企画書」のこと
協賛が欲しい大学生が知っておくべき「企画書」のことCircleApp 運営事務局
 
ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2Shuhei Iitsuka
 
私が、本を書いて出版するまで ~執筆から宣伝~
私が、本を書いて出版するまで ~執筆から宣伝~私が、本を書いて出版するまで ~執筆から宣伝~
私が、本を書いて出版するまで ~執筆から宣伝~Mori Kazue
 
これからSpringを使う開発者が知っておくべきこと
これからSpringを使う開発者が知っておくべきことこれからSpringを使う開発者が知っておくべきこと
これからSpringを使う開発者が知っておくべきこと土岐 孝平
 

Ähnlich wie Library Lovers'キャンペーン事前研修 4 (8)

アイディア発想法とかモノ作りを初める前にやること
アイディア発想法とかモノ作りを初める前にやることアイディア発想法とかモノ作りを初める前にやること
アイディア発想法とかモノ作りを初める前にやること
 
高校生がイベントを作るということ
高校生がイベントを作るということ高校生がイベントを作るということ
高校生がイベントを作るということ
 
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップアジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
アジャイルにプロジェクトの"なぜ"を考える、インセプションデッキワークショップ
 
協賛が欲しい大学生が知っておくべき「企画書」のこと
協賛が欲しい大学生が知っておくべき「企画書」のこと協賛が欲しい大学生が知っておくべき「企画書」のこと
協賛が欲しい大学生が知っておくべき「企画書」のこと
 
参加者の相互支援ネットワーク構築のためのワークショップデザイン
参加者の相互支援ネットワーク構築のためのワークショップデザイン参加者の相互支援ネットワーク構築のためのワークショップデザイン
参加者の相互支援ネットワーク構築のためのワークショップデザイン
 
ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2
 
私が、本を書いて出版するまで ~執筆から宣伝~
私が、本を書いて出版するまで ~執筆から宣伝~私が、本を書いて出版するまで ~執筆から宣伝~
私が、本を書いて出版するまで ~執筆から宣伝~
 
これからSpringを使う開発者が知っておくべきこと
これからSpringを使う開発者が知っておくべきことこれからSpringを使う開発者が知っておくべきこと
これからSpringを使う開発者が知っておくべきこと
 

Library Lovers'キャンペーン事前研修 4