{
  "id": "design:poster-a0-three-column",
  "schemaVersion": 2,
  "title": {
    "ja": "学会ポスター（A0 縦）— 題の帯、結論の 1 行、3 段組の本文",
    "en": "Conference Poster (A0 Portrait) — Title, One-Line Finding, Three Columns"
  },
  "summary": {
    "ja": "A0 縦のポスター。題と著者の下に結論を強調色の帯で 1 行置き、本文を 3 段組で背景 → 方法 → 結果 → 失ったもの → 結論と流す。A 判は縦横比が同じなので 1191×1684 で描いてある",
    "en": "An A0 portrait poster: under the title and authors, the finding on an accent band, then three columns from background to conclusion. A-series sizes share one ratio, so it is drawn at 1191×1684"
  },
  "capturedAt": "2026-10-19",
  "categories": [
    "presentation"
  ],
  "tags": [
    "bold",
    "typography"
  ],
  "useCases": [
    "article"
  ],
  "format": "a4-portrait",
  "density": "high",
  "layout": {
    "kind": "3-column",
    "canvas": {
      "w": 1191,
      "h": 1684
    },
    "margin": {
      "top": 72,
      "right": 66,
      "bottom": 60,
      "left": 66
    },
    "columns": {
      "count": 3,
      "gap": 42
    }
  },
  "type": {
    "venue": {
      "size": 16,
      "weight": 400,
      "tracking": "0.06em",
      "numeric": "tabular"
    },
    "title": {
      "size": 57,
      "weight": 700,
      "leading": 1.35,
      "numeric": "tabular"
    },
    "authors": {
      "size": 24,
      "weight": 500,
      "numeric": "tabular"
    },
    "affiliation": {
      "size": 18,
      "weight": 400,
      "numeric": "tabular"
    },
    "finding": {
      "size": 33,
      "weight": 700,
      "leading": 1.45,
      "numeric": "tabular"
    },
    "secHead": {
      "size": 32,
      "weight": 700,
      "numeric": "tabular"
    },
    "body": {
      "size": 20,
      "weight": 400,
      "leading": 1.75,
      "numeric": "tabular"
    },
    "item": {
      "size": 20,
      "weight": 400,
      "leading": 1.55,
      "numeric": "tabular"
    },
    "flow": {
      "size": 20,
      "weight": 400,
      "numeric": "tabular"
    },
    "miniHead": {
      "size": 20,
      "weight": 700,
      "numeric": "tabular"
    },
    "miniLabel": {
      "size": 16,
      "weight": 400,
      "numeric": "tabular"
    },
    "miniValue": {
      "size": 20,
      "weight": 700,
      "numeric": "tabular"
    },
    "small": {
      "size": 15,
      "weight": 400,
      "leading": 1.6,
      "numeric": "tabular"
    },
    "refs": {
      "size": 14,
      "weight": 400,
      "leading": 1.7,
      "numeric": "tabular"
    },
    "qrText": {
      "size": 15,
      "weight": 400,
      "leading": 1.6,
      "numeric": "tabular"
    }
  },
  "colors": {
    "ground": "#FBFAF6",
    "surface": "#F1EFE8",
    "ink": "#1E1E1C",
    "muted": "#6B6A64",
    "accent": "#8A2B1E",
    "rule": "#DCD8CC",
    "series": []
  },
  "rules": [
    {
      "ja": "結論を題のすぐ下に 1 行で置く。前を通り過ぎる人が持ち帰るのはそこだけ",
      "en": "Put the finding right under the title in one line — it is all a passer-by takes away"
    },
    {
      "ja": "節に番号を振り、3 段組を左上から右下へ読ませる",
      "en": "Number the sections so the three columns read from top left to bottom right"
    },
    {
      "ja": "数字は図で見せ、本文では言い換えない",
      "en": "Show numbers as figures; do not restate them in prose"
    },
    {
      "ja": "A 判は縦横比が同じ。版面は A4 縦の比で組み、印刷で A0 に拡げる",
      "en": "A-series sizes share one ratio: compose at A4 portrait proportions and scale to A0 when printing"
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.BmZvM20B.png",
  "assets": [],
  "shortlist": false,
  "status": "published",
  "relations": {
    "similar": [
      "research-title-authors",
      "results-table-significance",
      "case-study-2col-single-figure"
    ]
  },
  "license": "Original",
  "publishedAt": null,
  "reproduction": {
    "spec": {
      "format": "a4-portrait",
      "density": "high",
      "layout": {
        "kind": "3-column",
        "canvas": {
          "w": 1191,
          "h": 1684
        },
        "margin": {
          "top": 72,
          "right": 66,
          "bottom": 60,
          "left": 66
        },
        "columns": {
          "count": 3,
          "gap": 42
        }
      },
      "type": {
        "venue": {
          "size": 16,
          "weight": 400,
          "tracking": "0.06em",
          "numeric": "tabular"
        },
        "title": {
          "size": 57,
          "weight": 700,
          "leading": 1.35,
          "numeric": "tabular"
        },
        "authors": {
          "size": 24,
          "weight": 500,
          "numeric": "tabular"
        },
        "affiliation": {
          "size": 18,
          "weight": 400,
          "numeric": "tabular"
        },
        "finding": {
          "size": 33,
          "weight": 700,
          "leading": 1.45,
          "numeric": "tabular"
        },
        "secHead": {
          "size": 32,
          "weight": 700,
          "numeric": "tabular"
        },
        "body": {
          "size": 20,
          "weight": 400,
          "leading": 1.75,
          "numeric": "tabular"
        },
        "item": {
          "size": 20,
          "weight": 400,
          "leading": 1.55,
          "numeric": "tabular"
        },
        "flow": {
          "size": 20,
          "weight": 400,
          "numeric": "tabular"
        },
        "miniHead": {
          "size": 20,
          "weight": 700,
          "numeric": "tabular"
        },
        "miniLabel": {
          "size": 16,
          "weight": 400,
          "numeric": "tabular"
        },
        "miniValue": {
          "size": 20,
          "weight": 700,
          "numeric": "tabular"
        },
        "small": {
          "size": 15,
          "weight": 400,
          "leading": 1.6,
          "numeric": "tabular"
        },
        "refs": {
          "size": 14,
          "weight": 400,
          "leading": 1.7,
          "numeric": "tabular"
        },
        "qrText": {
          "size": 15,
          "weight": 400,
          "leading": 1.6,
          "numeric": "tabular"
        }
      },
      "colors": {
        "ground": "#FBFAF6",
        "surface": "#F1EFE8",
        "ink": "#1E1E1C",
        "muted": "#6B6A64",
        "accent": "#8A2B1E",
        "rule": "#DCD8CC"
      },
      "rules": [
        "Put the finding right under the title in one line — it is all a passer-by takes away",
        "Number the sections so the three columns read from top left to bottom right",
        "Show numbers as figures; do not restate them in prose",
        "A-series sizes share one ratio: compose at A4 portrait proportions and scale to A0 when printing"
      ]
    },
    "prompt": {
      "ja": "以下の仕様でA4 の資料を 1 枚作ってください。\n\n- 版面 1191 × 1684\n- 余白 上 72 右 66 下 60 左 66\n- 3 カラム（等分）、間隔 42\n\n## 文字（版面 1191px に対する px）\nvenue  16px / 400 / 字間 0.06em / 等幅数字\ntitle  57px / 700 / 行送り 1.35 / 等幅数字\nauthors  24px / 500 / 等幅数字\naffiliation  18px / 400 / 等幅数字\nfinding  33px / 700 / 行送り 1.45 / 等幅数字\nsecHead  32px / 700 / 等幅数字\nbody  20px / 400 / 行送り 1.75 / 等幅数字\nitem  20px / 400 / 行送り 1.55 / 等幅数字\nflow  20px / 400 / 等幅数字\nminiHead  20px / 700 / 等幅数字\nminiLabel  16px / 400 / 等幅数字\nminiValue  20px / 700 / 等幅数字\nsmall  15px / 400 / 行送り 1.6 / 等幅数字\nrefs  14px / 400 / 行送り 1.7 / 等幅数字\nqrText  15px / 400 / 行送り 1.6 / 等幅数字\n\n## 配色\n地 #FBFAF6 / 面 #F1EFE8 / 文字 #1E1E1C / 補助 #6B6A64 / 強調 #8A2B1E / 罫 #DCD8CC\n\n## 外すと崩れる点\n- 結論を題のすぐ下に 1 行で置く。前を通り過ぎる人が持ち帰るのはそこだけ\n- 節に番号を振り、3 段組を左上から右下へ読ませる\n- 数字は図で見せ、本文では言い換えない\n- A 判は縦横比が同じ。版面は A4 縦の比で組み、印刷で A0 に拡げる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/poster-a0-three-column/pattern.html",
      "en": "Produce one A4 page to the following specification.\n\n- Canvas 1191 × 1684\n- Margin top 72 right 66 bottom 60 left 66\n- 3 equal columns, gap 42\n\n## Type (px against a 1191px canvas)\nvenue  16px / 400 / tracking 0.06em / tabular numerals\ntitle  57px / 700 / leading 1.35 / tabular numerals\nauthors  24px / 500 / tabular numerals\naffiliation  18px / 400 / tabular numerals\nfinding  33px / 700 / leading 1.45 / tabular numerals\nsecHead  32px / 700 / tabular numerals\nbody  20px / 400 / leading 1.75 / tabular numerals\nitem  20px / 400 / leading 1.55 / tabular numerals\nflow  20px / 400 / tabular numerals\nminiHead  20px / 700 / tabular numerals\nminiLabel  16px / 400 / tabular numerals\nminiValue  20px / 700 / tabular numerals\nsmall  15px / 400 / leading 1.6 / tabular numerals\nrefs  14px / 400 / leading 1.7 / tabular numerals\nqrText  15px / 400 / leading 1.6 / tabular numerals\n\n## Colour\nGround #FBFAF6 / Surface #F1EFE8 / Ink #1E1E1C / Muted #6B6A64 / Accent #8A2B1E / Rule #DCD8CC\n\n## Constraints — dropping these breaks it\n- Put the finding right under the title in one line — it is all a passer-by takes away\n- Number the sections so the three columns read from top left to bottom right\n- Show numbers as figures; do not restate them in prose\n- A-series sizes share one ratio: compose at A4 portrait proportions and scale to A0 when printing\n\nReplace the content with [your content]. Keep the measurements and colours as given.\nFor an exact reproduction, use the verbatim HTML at https://design-vault.pages.dev/designs/poster-a0-three-column/pattern.html."
    },
    "code": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>学会ポスター（A0 縦）— 題の帯、結論の 1 行、3 段組の本文</title>\n<meta name=\"dv-font\" content=\"Zen Old Mincho:700\">\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;500;700\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<style>\n  /* この版そのもの。index.md の layout / type / colors は、この HTML を\n     scripts/render-pattern.mjs で実測した結果であって、別に書いた説明ではない。\n     研究・著者・所属・数値・文献はすべて説明用の架空のもの。 */\n  :root {\n    --ground: #FBFAF6;\n    --surface: #F1EFE8;\n    --ink: #1E1E1C;\n    --muted: #6B6A64;\n    --accent: #8A2B1E;\n    --rule: #DCD8CC;\n  }\n  * { box-sizing: border-box; margin: 0; }\n  html, body { width: 1191px; height: 1684px; }\n  body { font-family: \"Zen Kaku Gothic New\", \"IPAGothic\", sans-serif; font-variant-numeric: tabular-nums; }\n  /* 明朝は見出しにだけ使う。本文まで明朝にすると、投影したとき細い線が飛ぶ */\n  .mincho, .title { font-family: \"Zen Old Mincho\", \"IPAMincho\", serif; }\n\n  .artboard {\n    width: 1191px; height: 1684px;\n    background: var(--ground); color: var(--ink);\n    padding: 72px 66px 60px;             /* → layout.margin */\n  }\n  .content { height: 100%; display: grid; grid-template-rows: auto auto 1fr auto; row-gap: 30px; }\n\n  .kicker { font-size: 16px; font-weight: 500; letter-spacing: .12em; color: var(--accent); }\n  .title { font-size: 38px; font-weight: 700; line-height: 1.4; margin-top: 8px; }\n  .folio { display: flex; justify-content: space-between; font-size: 12px; color: var(--muted); border-top: 1px solid var(--rule); padding-top: 12px; }\n\n  .content { row-gap: 30px; }\n  .head { border-bottom: 3px solid var(--ink); padding-bottom: 27px; }\n  .venue { font-size: 16px; color: var(--muted); letter-spacing: .06em; }\n  .ptitle { font-size: 57px; font-weight: 700; line-height: 1.35; margin-top: 12px; }\n  .authors { font-size: 24px; font-weight: 500; margin-top: 21px; }\n  .authors span + span { margin-left: 1.2em; }\n  .authors sup, .affs sup { font-size: .6em; color: var(--accent); font-weight: 700; margin-left: 2px; }\n  .affs { font-size: 18px; color: var(--muted); margin-top: 8px; }\n  .affs span + span { margin-left: 2em; }\n  /* 結論を題のすぐ下に 1 行で。ポスターの前を通り過ぎる人が持ち帰るのはここだけ */\n  .finding { background: var(--accent); color: var(--ground); padding: 27px 36px; font-size: 33px; font-weight: 700; line-height: 1.45; }\n  .cols { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 42px; align-content: start; }\n  .sec + .sec { margin-top: 54px; }\n  .secHead { font-size: 32px; font-weight: 700; border-bottom: 2px solid var(--ink); padding-bottom: 8px; }\n  .secHead span { color: var(--accent); margin-right: 10px; }\n  .p { font-size: 20px; line-height: 1.75; margin-top: 15px; }\n  .p b { color: var(--accent); }\n  .list { list-style: none; padding: 0; margin-top: 10px; }\n  .list li { display: grid; grid-template-columns: 3.6em 1fr; font-size: 20px; line-height: 1.55; padding: 9px 0; border-bottom: 1px solid var(--rule); }\n  .list li b { color: var(--muted); font-weight: 700; }\n  .stair { margin-top: 14px; display: grid; row-gap: 6px; }\n  .stair p { font-size: 20px; background: var(--surface); padding: 10px 15px; display: flex; justify-content: space-between; }\n  .stair p.out { background: transparent; color: var(--muted); padding-left: 36px; font-size: 16px; }\n  .mini { margin-top: 24px; }\n  .miniHead { font-size: 20px; font-weight: 700; }\n  .mrow { display: grid; grid-template-columns: 54px 1fr 66px; align-items: center; column-gap: 9px; margin-top: 10px; }\n  .mlab { font-size: 16px; color: var(--muted); }\n  .mbar { display: block; height: 36px; background: var(--muted); }\n  .mbar.hi { background: var(--accent); }\n  .mval { font-size: 20px; font-weight: 700; text-align: right; }\n  .small { font-size: 15px; color: var(--muted); line-height: 1.6; margin-top: 10px; }\n  .foot { display: grid; grid-template-columns: 1fr 270px; column-gap: 42px; border-top: 2px solid var(--ink); padding-top: 21px; }\n  .refs { font-size: 14px; color: var(--muted); line-height: 1.7; }\n  .refs b { color: var(--ink); }\n  .qr { display: flex; gap: 15px; align-items: center; }\n  .qrBox { width: 90px; height: 90px; border: 2px solid var(--ink); position: relative; flex: none; }\n  .qrBox i { position: absolute; width: 26px; height: 26px; border: 5px solid var(--ink); }\n  .qrText { font-size: 15px; line-height: 1.6; }\n\n</style>\n\n<div class=\"artboard\" data-artboard>\n  <div class=\"content\" data-content>\n    <div class=\"head\">\n      <p class=\"venue\" data-type=\"venue\">第 12 回 働き方と情報の研究会　ポスター発表 P-14</p>\n      <h1 class=\"ptitle mincho\" data-type=\"title\">通知を 1 時間ごとに束ねて届けると、<br>作業の中断は減るか</h1>\n      <p class=\"authors\" data-type=\"authors\"><span>山野 葵<sup>1</sup></span><span>佐伯 亮<sup>2</sup></span><span>森下 千夏<sup>1</sup></span></p>\n      <p class=\"affs\" data-type=\"affiliation\"><span><sup>1</sup> 北陵大学 情報学部</span><span><sup>2</sup> みなと働き方研究所</span></p>\n    </div>\n    <p class=\"finding\" data-type=\"finding\">束ねて届けると、1 日の中断は 34% 減った。<br>ただし急ぎの返信は 17 分遅れた。</p>\n    <div class=\"cols\">\n      <div data-col=\"1\">\n        <div class=\"sec\">\n          <p class=\"secHead mincho\" data-type=\"secHead\"><span>1</span>背景と問い</p>\n          <p class=\"p\" data-type=\"body\">事務職は 1 日に 30 回ほど通知で作業を中断し、戻るたびに数分を失う。通知を<b>まとめて届ける</b>と中断は減るか。減るなら、急ぎの連絡はどれだけ遅れるか。</p>\n        </div>\n        <div class=\"sec\">\n          <p class=\"secHead mincho\"><span>2</span>方法</p>\n          <ul class=\"list\">\n            <li data-type=\"item\"><b>設計</b>2 群の無作為化比較試験</li>\n            <li><b>対象</b>事務職 148 名</li>\n            <li><b>期間</b>平日 10 日間</li>\n            <li><b>指標</b>画面の切り替えの回数</li>\n          </ul>\n          <div class=\"stair\">\n            <p data-type=\"flow\"><span>募集</span><span>212 名</span></p>\n            <p class=\"out\">除外 64 名</p>\n            <p><span>割り付け</span><span>148 名</span></p>\n            <p class=\"out\">離脱 8 名</p>\n            <p><span>解析</span><span>140 名</span></p>\n          </div>\n        </div>\n      </div>\n      <div data-col=\"2\">\n        <div class=\"sec\">\n          <p class=\"secHead mincho\"><span>3</span>結果</p>\n          <div class=\"mini\">\n            <p class=\"miniHead\" data-type=\"miniHead\">中断の回数（回／日）</p>\n            <div class=\"mrow\"><span class=\"mlab\" data-type=\"miniLabel\">束ね</span><span class=\"mbar hi\" style=\"width: 61%\"></span><span class=\"mval\" data-type=\"miniValue\">18.4</span></div>\n            <div class=\"mrow\"><span class=\"mlab\">即時</span><span class=\"mbar\" style=\"width: 93%\"></span><span class=\"mval\">27.9</span></div>\n          </div>\n          <div class=\"mini\">\n            <p class=\"miniHead\">続けて作業できた最長時間（分）</p>\n            <div class=\"mrow\"><span class=\"mlab\">束ね</span><span class=\"mbar hi\" style=\"width: 87%\"></span><span class=\"mval\">52.3</span></div>\n            <div class=\"mrow\"><span class=\"mlab\">即時</span><span class=\"mbar\" style=\"width: 64%\"></span><span class=\"mval\">38.6</span></div>\n          </div>\n          <p class=\"small\" data-type=\"small\">10 日間の平均。差はどちらも p &lt; .001</p>\n          <p class=\"p\">中断は毎正時の直後に集まり、あいだの 30 分は即時配信の 4 分の 1 になった。作業の負担（NASA-TLX）は差がなかった（p = .082）。</p>\n        </div>\n      </div>\n      <div data-col=\"3\">\n        <div class=\"sec\">\n          <p class=\"secHead mincho\"><span>4</span>代わりに失ったもの</p>\n          <div class=\"mini\">\n            <p class=\"miniHead\">急ぎの連絡への返信（分）</p>\n            <div class=\"mrow\"><span class=\"mlab\">束ね</span><span class=\"mbar hi\" style=\"width: 80%\"></span><span class=\"mval\">24.1</span></div>\n            <div class=\"mrow\"><span class=\"mlab\">即時</span><span class=\"mbar\" style=\"width: 23%\"></span><span class=\"mval\">6.8</span></div>\n          </div>\n          <p class=\"p\">返信は <b>17 分遅れた</b>（p &lt; .001）。毎正時まで届かないぶんが、そのまま遅れになる。見逃した件数に差はなかった（p = .14）。</p>\n        </div>\n        <div class=\"sec\">\n          <p class=\"secHead mincho\"><span>5</span>結論と今後</p>\n          <p class=\"p\">束ね配信は中断を減らすが、急ぎの連絡だけは即時に通す例外の通り道と組みにする必要がある。今後は 3 か月の追跡で効果が続くかを確かめ、束ねる間隔（30 分・1 時間・2 時間）を比べる。</p>\n        </div>\n      </div>\n    </div>\n    <div class=\"foot\">\n      <p class=\"refs\" data-type=\"refs\"><b>文献</b>　[1] 佐伯・山野（2024）働き方情報学会誌 18(2) ／ [2] 森下（2023）北陵大学情報学部紀要 9 ／ [3] 青木・西村（2022）情報と組織 31(4)。研究・著者・所属・数値・文献はすべて説明用の架空のもの</p>\n      <div class=\"qr\"><div class=\"qrBox\"><i style=\"left: 6px; top: 6px\"></i><i style=\"right: 6px; top: 6px\"></i><i style=\"left: 6px; bottom: 6px\"></i></div><p class=\"qrText\" data-type=\"qrText\">予稿と<br>データの置き場</p></div>\n    </div>\n  </div>\n</div>\n",
      "url": "https://design-vault.pages.dev/designs/poster-a0-three-column/pattern.html",
      "fonts": [
        "https://design-vault.pages.dev/designs/poster-a0-three-column/font.css",
        "https://design-vault.pages.dev/designs/poster-a0-three-column/font-0.woff2",
        "https://design-vault.pages.dev/designs/poster-a0-three-column/font-1.woff2",
        "https://design-vault.pages.dev/designs/poster-a0-three-column/font-2.woff2",
        "https://design-vault.pages.dev/designs/poster-a0-three-column/font-3.woff2"
      ]
    }
  },
  "urls": {
    "ja": "https://design-vault.pages.dev/designs/poster-a0-three-column",
    "en": "https://design-vault.pages.dev/en/designs/poster-a0-three-column",
    "json": "https://design-vault.pages.dev/ai/assets/poster-a0-three-column.json",
    "designJson": "https://design-vault.pages.dev/ai/designs/poster-a0-three-column.json"
  },
  "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「研究・技術発表」の\n1 枚で、架空の研究「通知の束ね配信と作業の中断」の発表として描いてある。研究・著者・所属・数値・文献はすべて架空。\n\nA self-authored pattern. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements in the frontmatter are derived from it. One of the nine research-talk pieces, drawn as the\ntalk for a fictional study; the study, authors, affiliations, figures and references are all invented.\n\n### Techniques\n\n- 題は 76px の明朝、本文は 20px（A0 に拡げて約 40pt）\n- 結論の帯は強調色の面に地の色で抜く\n- 下端に文献の抜粋と、二次元コードの枠（四隅の印だけ）\n\n### Apply to\n\n- 学会・研究会のポスター発表\n- 社内の成果発表会の掲示物",
  "slug": "poster-a0-three-column",
  "kind": "artboard",
  "catalogVersion": 1,
  "designSchemaVersion": 2,
  "capabilities": [
    "view-artboard",
    "read-spec",
    "copy-prompt",
    "get-code"
  ],
  "reusePolicy": "construction-reuse"
}