1. レイアウトの基本
３ 回 生 梶 原 鈴 音

2. 自己紹介
梶原 鈴音 かじわらすずねと読みます
文学部 美学芸術学科 3回生
前年度yummy!編集長、現イマ＊イチ編集長
Twitter
su_zzz_une すっずーね(強肩)

3. 今日の内容
広研の制作物
フリーペーパー・ポスター・リーフレットなど
⇒人に伝わらなければ意味がない！
「相手に伝わる」ページを作るために、
見やすく、読みやすく、伝わりやすいデザインを作るための
基本・コツを話します。

4. 今日のキーワード
・情報導線
・群化
・版面率
・グリッド拘束率
・文字のジャンプ率
・写真のジャンプ率

5. 情報導線
読み手の視線の流れを意識しましょう
・タテ組みなら「右上から左下」、ヨコ組みなら「左上から右
下」の方向に文章を配置するのが基本
・タイトルや見出し、余白を使って導線を明確に

6. 群化
全体会議とは
金曜日の６時半から行われる会
議です。幹部からの報告や活動
の報告をします。１回生から４
回生が集まる貴重な機会です。
広研塾について
広研塾とは、先輩から後輩への
知識の伝達の場です。主に金曜
日の全体会議前に開かれていま
す。
全体会議とは
金曜日の６時半から行われる会
議です。幹部からの報告や活動
の報告をします。１回生から４
回生が集まる貴重な機会です。
広研塾について
広研塾とは、先輩から後輩への
知識の伝達の場です。主に金曜
日の全体会議前に開かれていま
す。
群化できてない 群化できてる！

7. 群化２
群化できてない 群化できてる！
全体会議とは
金曜日の６時半か
ら行われる会議で
す。幹部からの報
告や活動
広研塾について
広研塾とは、先輩か
ら後輩への知識の伝
達の場です。
全体会議とは
金曜日の６時半か
ら行われる会議で
す。幹部からの報
告や活動
広研塾について
広研塾とは、先輩か
ら後輩への知識の伝
達の場です。

8. 版面率
そのページの何パーセントを使うか、言い換えればどれだけ
余白を作るのか、先に決めましょう
活発な感じ
情報量の多さ
上品な感じ
静かさ

9. グリッド拘束率
グリッド線にどれだけ従ってレイアウトするかによって
雰囲気が変わります
格子状の線＝グリッド
高 低
落ち着いた雰囲気
男性的
自由な感じ
女性的

10. グリッド拘束率を下げるには？
・初めからグリッドなしで作るのは難しい
先にグリッドに揃えて作り、ずらしていくのがよい
・写真を「角版」ではなく、「切り抜き」で使う
角版 切り抜き
写真を丸く切り
抜いたりしても
同じ効果が

11. 文字のジャンプ率
本文を基準にして、最も大きな文字(タイトル)との
字幅または字高で計算した大小比
高 低
活気
騒がしさ
上品
静かさ

12. フォントも大切です
太い文字
細い文字
男性的
元気
力強さ
女性的
優雅さ
繊細さ

13. 写真のジャンプ率
高 低歯切れのよさ
シャープさ
おだやかさ

14. 写真のジャンプ率を利用するケース
インタビュー記事など
アップの写真はなるべく大きく使うといい
複数のものを紹介するページ
圧倒的な大きさの『主役』をひとつ作
り、主従関係を作ると並べやすい！

15. おわりに
・デザインは何より読みやすさ重視！！
・どんなイメージを伝えたいのかを明確にし、
それにあったレイアウトを
おしまいっ
ご清聴ありがとうございました