線で考える画面構成

Slide 1

Slide 1 text

線で考える画面構成 2025/03/18 社内勉強会

Slide 2

Slide 2 text

この発表で扱うことイラストや写真・映像制作における理論・セオリーの紹介（一部）特に、画面の構図（を構成する「ライン」という概念）について ※自分はイラスト・写真・映像制作を実際にやった経験はほぼありません（スライド中の例などは自分で作っているので100%正しいとは限りません）

Slide 3

Slide 3 text

参考資料 Visionストーリーを伝える:色、光、構図 - 著者 - ハンス・P・バッハー - サナタン・スルヤヴァンシ https://www.borndigital.co.jp/book/14907/

Slide 4

Slide 4 text

ライン（コンポジショナルライン、構図線）とはフレーム(画面)内の要素の位置関係や視線がたどる経路を抽象的に表現したものラインのタイプや関係によって、様々な効果を与える - 鑑賞者の視線が達するまでの時間 - 喚起される感情 - 画面の雰囲気

Slide 5

Slide 5 text

同じ長さ・本数でも受ける印象・想起される内容は変わる

Slide 6

Slide 6 text

はじめに完成物からラインを考えてみる

Slide 7

Slide 7 text

問題：これは何でしょう？

Slide 8

Slide 8 text

正解は引用：https://store-jp.nintendo.com/item/software/D70010000000026

Slide 9

Slide 9 text

引用：https://store-jp.nintendo.com/item/software/D70010000000026

Slide 10

Slide 10 text

問題：これは何でしょう？

Slide 11

Slide 11 text

正解は引用：https://store-jp.nintendo.com/item/software/D70010000063713

Slide 12

Slide 12 text

引用：https://store-jp.nintendo.com/item/software/D70010000063713 雨や雪、雲などの天候要素は、その方向や動きをラインとして考える

Slide 13

Slide 13 text

ラインの方向水平のライン垂直のライン斜めのライン ※フレーム(画面)には、各辺(エッジ) + 角の対角線の6本のラインが隠れている

Slide 14

Slide 14 text

ラインの方向 - 水平のライン - フレームエッジとの調和、静的 - 不活発、静止した状態、静か - 水平線、海や湖、開けた場所を想起させる - 垂直のライン - 直立し、重力に抗う力強さ - エネルギー、気品 - 木や建物、頭上高くそびえるものを想起させる - 斜めのライン - ドラマやエネルギーが際立つ - 動き、ダイナミックさ - 崩れたバランスと動揺を想起させる

Slide 15

Slide 15 text

ラインの方向水平のライン垂直のライン斜めのライン

Slide 16

Slide 16 text

ラインの配置画面内のラインは、フレーム(画面)を分割しサブ画面を構成する効果がある均等・対照的な分割は自然界ではほとんど目にしないため、静的・人工的な印象を与える

Slide 17

Slide 17 text

ライン・フレーム間の調和・対比調和が取れている状態は、フレームの４辺や画面内のラインに対して別のラインが並行な状態を指す（?） - ラインの調和 - 閑さや美しさなど穏やかな瞬間を表すのに適している - 過度に調和の取れた状態は退屈に感じられる - ラインの対比 - ダイナミックな印象、ドラマチックな展開の激しさを表すのに適している

Slide 18

Slide 18 text

調和の例

Slide 19

Slide 19 text

対比の例

Slide 20

Slide 20 text

調和・対比から受ける印象の違い調和したラインの組み合わせは視覚的な緊張はなく、平穏な印象対比をなすラインは視覚的な緊張をもたらし、ドラマチックな印象

Slide 21

Slide 21 text

調和・対比の組み合わせ調和したラインの中に対比を加えると、特定の部分を目立たせる効果がある

Slide 22

Slide 22 text

ラインのリズム - 規則的なライン - 整然とした画面、機械的・無機質な印象を表すことができる - 退屈・味気ない構図になりやすい - 不規則・ランダムなライン - 自然な印象や面白さを表す - 中立的な感情

Slide 23

Slide 23 text

規則的・不規則なリズム

Slide 24

Slide 24 text

おまけ - シェイプ - 「ライン」の概念を二次元平面・領域上に拡張した概念 - 構図 - ラインやシェイプに明度や色、光、情報量などの要素を複合的に考慮するよう拡張した概念