22 複数ページを重ねたモックアップの作り方|影と傾きで魅せるコラージュ

22 複数ページを重ねたモックアップの作り方|影と傾きで魅せるコラージュ

こんにちは、下坂栄里子です。 この記事では、前回の書籍風モックアップとは違うタイプ、複数のページを傾けて重ねる「コラージュ風」のモックアップの作り方を解説します。 使うページを3枚ダウンロードする リードマグネットの中から、表紙・中身のページ・チェックリストなど、見せたい3枚を選びます。「共有」から「ダウンロード」を選び、PNG形式でページを指定してダウンロードしましょう。 16:9のキャンバスに3枚を配置する...
21 Canvaでモックアップを作る方法|PDF表紙を書籍風3D画像に

21 Canvaでモックアップを作る方法|PDF表紙を書籍風3D画像に

こんにちは、下坂栄里子です。 この記事では、Canvaの「モックアップ」機能を使って、平面のPDF表紙を立体的な書籍風の画像に変換する方法を解説します。 リードマグネットの表紙をPNGでダウンロードする まず、以前作成したリードマグネットの表紙部分だけを画像として書き出します。「共有」から「ダウンロード」を選び、ファイル形式をPNGに、ページは「現在のページ」だけを指定してダウンロードします。 Canvaでのリードマグネット本体の作り方はこちらの記事で解説しています。 「アプリ」からモックアップ機能を使う...
20 リードマグネットをURLで渡す方法|Googleドライブ共有リンクの作り方

20 リードマグネットをURLで渡す方法|Googleドライブ共有リンクの作り方

こんにちは、下坂栄里子です。 この記事では、作成したリードマグネット(PDF)をURLで受け取ってもらう方法を、Googleドライブを使って解説します。Gmailのアドレスがあれば誰でも無料で使えます。 Googleドライブにファイルをアップロードする Gmailでログインした状態で「Google...
19 Canvaでリードマグネットを作る方法|表紙から作成する手順

19 Canvaでリードマグネットを作る方法|表紙から作成する手順

こんにちは、下坂栄里子です。 この記事では、無料デザインツール「Canva」を使って、オプトインページで配布するリードマグネット(PDF資料)を作る手順を解説します。 Canvaの「表紙」テンプレートから始める Canvaの左上「作成」から「表紙」と入力すると、「雑誌の表紙 縦」というテンプレートが出てきます。このサイズはA4と同じなので、これをそのまま使っていきましょう。...
18 サンクスページの作り方|0から作る実演解説

18 サンクスページの作り方|0から作る実演解説

こんにちは、下坂栄里子です。 この記事では、オプトインページの後に表示する「サンクスページ」を、まっさらな状態から作っていく手順を実演形式で解説します。 新しいページを作成する ファネルステップの「+」マークからページを追加し、名前を「サンクスページ」として作成します。 今回は既存のテンプレートを使わず、0から組み立てていきます。セクションを追加し、1列のレイアウトの中に「テキスト」「アイコン」「ボタン」「画像」の要素を順番に配置します。 見出し・アイコン・ボタンを配置する...
17 マージンとパディングの違い|余白調整の基本ルール

17 マージンとパディングの違い|余白調整の基本ルール

こんにちは、下坂栄里子です。 この記事では、ページ全体を「なんとなく窮屈な印象」から卒業させるために欠かせない、余白の基本ルール「マージン」と「パディング」の違いと使い分け方を解説します。 余白には「マージン」と「パディング」の2種類がある ロゴの上下がキツキツになっていたり、セクションが詰まって見えたりする原因の多くは「余白」の設定です。ClickFunnelsでは、セクションの中に行(ロウ)、その中に要素という入れ子構造になっており、それぞれに余白を設定できます。 余白には次の2種類があります。 マージン:...