Embed Size (px)
Citation preview
チラシ・ポスター作成のヒント
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/
