PageDrop デザイン集

LP の見た目と、画面の中での置き方を決めるファイルです。
「PageDrop LP 作成キット」と一緒にお使いください。


■ 中身

  デザイン/      どんな見た目にするか（8 種類）
  レイアウト/    どこに何を置くか（2 種類）

  この 2 つは別々に選べます。同じデザインでも、レイアウトを変えると
  見え方が変わります。組み合わせは 16 通りです。


■ 使いかた

  ChatGPT に、次の 4 つをまとめて渡します。

    公開のための決まり.md          キットに入っています
    共通の質問.md                  キットに入っています
    デザイン/デザイン_ ○○.md       ここから 1 つ
    レイアウト/レイアウト_ ○○.md    ここから 1 つ

  4 つとも必要です。決まりが無いと公開したときに壊れることがあり、
  質問が無いと何を作ればよいか決まりません。


■ デザイン

  インパクト        文字を大きく、はっきり見せる
  エディトリアル     雑誌のように読ませる
  ミニマル          余白を広く取って、要素を減らす
  ラグジュアリー     落ち着いた色で、値打ちを伝える
  ナチュラル        やわらかい色と丸みで、親しみを出す
  ポップ           明るい色で、楽しさを前に出す
  コーポレート      整った印象で、信頼を伝える
  テック           濃い地に明るい文字で、速さと硬さを出す


■ レイアウト

  スタンダード       PC では横幅を使い、スマートフォンでは縦に組み替える
  センターモバイル    中央にスマートフォン幅の本体を置き、PC では左右を演出に使う


■ 迷ったら

  インパクト × スタンダードから試してください。

  同じ内容で、レイアウトだけ変えて 2 つ作ってみると、どちらが合うか
  比べられます。


■ 自分で作っても構いません

  このフォルダの中は、ただのテキストファイルです。開けば、何がどう
  書いてあるか読めます。合うものが無ければ、書き換えて使ってください。

  ● 書き換えて使う

    近いものを選んで、一部だけ直すのがいちばん簡単です。

      配色だけ変える
      動きの速さを変える
      その業種でしか聞かないことを、質問に 1 つ足す

  ● 一から作る

    ChatGPT に、この中のデザインを 1 つ見せて「これと同じ形式で、
    和風のものを作って」と頼むのが早いです。形式が揃っていれば、
    ほかのファイルと組み合わせて動きます。

    書くのは、見た目と雰囲気だけで構いません。壊れないための決まりは
    「公開のための決まり.md」が持っているので、こちらに技術的なことを
    書く必要はありません。

  ● 気をつけること

    「公開のための決まり.md」と「共通の質問.md」は直さないでください。
    ここが壊れると、公開したときに動かなくなります。

    デザインとレイアウトは、いくつ作っても構いません。組み合わせて
    使えます。作ったものを配ったり、仕事で使ったりしても構いません。


■ これから増やします

  デザインとレイアウトは、こちらでも増やしていきます。
  新しいものが出たときは、このデザイン集だけを取り直してください。
  キットのほうは、そのままお使いいただけます。


  作成: KOKODAKE
  https://kokodake.net/lp-kit/
