メインコンテンツへスキップ
ポスター制作マニュアル

5. セクション操作

ポスターのセクションエリアを矩形で分割した、操作の基本単位です。位置・サイズは % 値で管理され、セクションは隙間なく敷き詰められます。

5.1 初期状態

2行×2列レイアウト

新規作成で生成された 4 セクション + メインタイトルの状態です。

5.2 セクションの選択

セクションをクリックすると選択状態になります。

セクション選択

選択中のセクションには以下が表示されます:

  • 水色のハイライト(選択中であることを示す)
  • 4辺中央の + ボタン(分割/挿入)
  • 右上の × ボタン(削除モード切替)

右パネルにはセクション編集 UI が表示されます。

右パネル セクション

  • 見出し トグル — 見出し領域の表示/非表示
  • 見出し スタイル(文字サイズ / 行間 / 字間 / 文字色 / 背景色)
  • 内容 トグル — 内容領域の表示/非表示
  • 内容 スタイル
  • セクション選択解除 ボタン

5.3 分割(+ ボタン)

操作 効果
+ ボタンを クリック その辺方向にセクションを2分割(新セクションは押した辺側に生成)
+ ボタンを Shift+クリック その辺の位置で行 / 列を挿入(同じ辺を持つ全セクションを縮小して新セクション群を挿入)

5.4 削除(× ボタン → 方向矢印)

セクション右上の × をクリックすると 削除モード に入ります。

削除モード(方向矢印)

  • ボタンが赤い矢印に変化します。矢印の向き = 吸収方向で、その方向の隣接セクション群が拡大して削除セクションを吸収します。

矢印は以下の条件を満たす方向にのみ表示されます:

  1. その方向の隣接セクションが、辺を完全にカバーしている
  2. 吸収しても他のセクションと重なりが発生しない

矢印クリックで削除実行 + 隣接セクションが拡大します。再度 × クリックでキャンセル(削除モード解除)。

5.5 リサイズ

セクション同士の 共有辺 をドラッグでリサイズできます。

  • 隣接セクションが連動して反対側に動きます(連結リサイズ)
  • 辺を超えるセクションがある場合はドラッグ不可(カーソルが not-allowed、ツールチップで理由を表示)
  • リサイズ中は専用カーソルに固定 + アニメーションを停止

スナップガイド

ドラッグ中は近接位置に色付きガイド線が出現し、自動吸着します:

種類 説明
grid 隣接2セクションの合計範囲を100%とした 10% 刻み
edge 他のセクションの辺の位置
オレンジ origin 開始位置(元の辺の位置)

吸着閾値は 0.5%(ズーム連動で 0.2%〜1.0% にクランプ)。

5.6 セルタブへの切替

右パネル上部のタブで セクション / セル を切り替えます。

右パネル セルタブ

「セル」を選ぶと、選択セクションの内部セルを編集する UI に切り替わります(→ 第6章)。