OTOKONOKAKUREGA DIGITAL — RENEWAL MOCKUPS

デザインモック一覧

2026-09-04 定例用。トップページ3案(ファーストビュー+連載/あの人の隠れ家/テーマ/本誌の下段まで。下段は仮)と、各案の延長線で作った記事ページ3案。9/4 に参照サイト(onestory-media.jp)の骨格を写した追加案 D(トップのみ)を加えました。画像・氏名・本文はすべて本番記事から引用しています(検索エンジンには非公開)。PCとスマホの両方でご確認ください。各ページ下部の帯からA/B/C/D、FV⇄記事を行き来できます。

トップページ 3案+追加1案(FV+下段まで1枚分)

A原案+強弱(誌面トーン)

8/21定例の原案をベースに、縦組み大見出し・金茶アクセント・NO.表記で誌面の空気を移植。羅針盤(職人系)を主役に、著名人はモノトーンで弱く。

DARK / 縦組み / 人物グリッド
B白ベース・雑誌ウェブ型

白地に英字カテゴリのナビ。連載「夢の羅針盤」を特集スライダーとして主役に、著名人はPICK UPカードで。いちばん「メディアらしい」構成。

LIGHT / スライダー / カード
C1人1画面・章立て

6人のモザイク表紙→NO.01〜06と、1人ずつ全画面で見せる章立て。スクロールで人物が切り替わり、最後に群像へ。営業が「見せる」用途に最も振った案。

DARK / 全画面 / 縦書き引用
DONESTORY型(9/4 追加)

参照サイトの骨格を写した白ベースの追加案。全画面カバー→番号付きの人物ランキング(01が羅針盤の職人)→連載バナー→テーマタイル→本誌。ページ内で「白/生成り・朱/墨・金」の3配色をホバーで試着でき、幕開けと出現の動きも入れています。

LIGHT+2配色 / 番号ランキング / 動きあり
参考: 8/21定例で披露した原案(3案の元)→

記事ページ 3案(題材: 夢の羅針盤 vol.6「煙突屋」斎藤良雄)

A誌面トーン

FVの主役タイルがそのまま記事ヘッドに。本文は紙色に反転して「誌面をめくる」感覚、読了後に黒へ戻って人物名鑑へ。右柱に連載6回+本誌。

ヘッド DARK → 本文 PAPER
B白ベース・雑誌ウェブ型

英字カテゴリ→中央揃え見出し→16:9の白パネル写真。本文+右柱(人物カード・連載一覧・本誌)、末尾にPICK UP。いちばん普通に読める構成。

LIGHT / 2カラム
C1人1画面・章立て

FVの第6画面がそのまま記事の扉。黒地1段の本文を章番号で区切り、全幅写真+縦書き引用の「幕間」を挟む。読了後は次の人(NO.05)へ続く。

DARK / 全画面の扉 / 幕間
DONESTORY型(9/4 追加)

固定カバーに号数「06」+題名 → 白い列に黒のプロフィール → 中央700pxの本文を章番号で区切り、全幅写真と引用を挟む → 連載6回の番号付きリスト → ほかの人物 → この記事が載った号。トップ案Dと同じ3配色をホバーで試着できます。

LIGHT+2配色 / 固定カバー / 番号リスト
共通の前提