バナー模写の練習法|伸びる人の進め方と数だけこなして上達しない人の違いを採用側が解説

「バナー模写を何枚もこなしているのに、自分の作るものが一向に上手くならない」。学習中の人から、本当に繰り返し届く悩みです。

先に結論をお伝えします。バナー模写は「枚数」で上達するものではありません。同じ10枚でも、伸びる人と伸びない人では模写の進め方がまるで違います。そしてその差は才能ではなく、「1枚から何を持ち帰るか」という手順の差です。

この記事では、制作会社で未経験者を採用・教育してきた現場の視点から、「現場で本当に力がつくバナー模写の練習法」を整理します。手順を並べただけの記事は多いのですが、ここで掘り下げるのは「採用側が見て伸びると感じる模写のやり方」と「数だけこなして止まる人の共通点」という、空白になりがちな線引きです。

この記事でわかること

  • バナー模写は枚数より「1枚をどこまで分解して言語化したか」で伸びが決まる理由
  • 上達しない人の3つの共通点(見た目を写すだけ/なぜを考えない/答え合わせをしない)
  • 伸びる人が踏んでいる観察→分解→再現→答え合わせ→記録の5工程
  • 模写10〜20枚を目安に「アレンジ模写」を挟んでオリジナルへ移行する現実的な進め方
  • 模写バナーをポートフォリオに載せる是非と、採用側に評価される見せ方

独学で伸び悩んだと感じたら、自分の作品の立ち位置を第三者に見てもらうのも近道です。

結論を先に書きます

バナー模写は、正しく取り組めば設計を分解して盗める最高の練習です。ただし伸びを決めるのは枚数ではありません。1枚をどこまで分解して言語化したかで差がつきます。

100枚を雑にこなすより、20枚を「狙いの言語化」と「答え合わせ」付きで仕上げるほうが、現場で見たときの伸びは明らかに大きい。これがこの記事でいちばん伝えたい核です。

この記事の要点
  • 模写の伸びは枚数でなく1枚の密度で決まる。観察・分解・答え合わせに時間をかける
  • 上達しない人の共通点は「見た目だけ写す」「なぜを考えない」「答え合わせをしない」の3つ
  • 密度の高い模写を10〜20枚重ね、構成だけ借りるアレンジ模写を挟んでオリジナルへ
  • 模写は明記+分析を添えればポートフォリオでも評価対象になる

目次

バナー模写は本当に意味があるのか

結論から言うと、意味はあります。ただし「正しく取り組めば」という条件付きです。

新人時代にバナー模写を何十枚も重ねた経験は、その後の仕事の土台になります。これは制作現場でよく語られる王道の積み上げ方です。プロがどう余白を取り、どう色数を絞り、どう情報に優先順位をつけているか。これらは解説を読むだけでは身につきません

実際に同じものを作ろうと手を動かして、はじめて「なぜこうなっているのか」が腹落ちします。模写は、完成された設計を分解して学ぶ、もっとも効率のいい練習です。

一方で、現場には「模写を100枚やりました」と言うのに、作るものが初期とほとんど変わっていない人が一定数います。逆に、10枚程度でも目に見えて伸びる人がいる。この差を生むのが、後で詳しく書く「1枚の扱い方」です。

期待値の話もしておきます。模写を始めて自分のバナーが整って見えるまでの期間は、本当に人によります。週に数枚を丁寧に続けられる人で数か月が一つの目安ですが、これは生活環境や前提知識で大きく変わります。「模写◯枚で確実に仕事になる」という言い切りはできないと考えてください。大事なのは枚数のノルマではなく、1枚ごとの密度です。

伸びる人はバナー模写をどう進めているのか

採用の現場で「この人は伸びる」と感じる人たちには、共通した進め方があります。整理すると、次の5工程に集約されます。

  1. 観察:模写する前にバナーをじっくり見る
  2. 分解:文字・余白・色・写真の役割を分ける
  3. 再現:できるだけ忠実に作り直す
  4. 答え合わせ:元と並べてズレを探す
  5. 記録:学んだことを一言メモする

工程やること伸びる人がここで意識していること
1. 観察模写する前にバナーをじっくり見る「なぜ目を引くか」を先に言葉にする
2. 分解文字・余白・色・写真の役割を分ける主役と脇役の優先順位を見抜く
3. 再現できるだけ忠実に作り直すフォント・字間・余白を目分量で済ませない
4. 答え合わせ元と並べてズレを探すズレた理由を1つ言語化する
5. 記録学んだことを一言メモする次の模写に持ち越す

この5工程のうち、伸びる人ほど「3. 再現」よりも「1. 観察」と「4. 答え合わせ」に時間をかけます

具体的に説明します。再現だけを急ぐ人は、元のバナーをチラ見しては作り、また見ては作りを繰り返します。これだと「写経」にはなっても、設計の意図が頭に残りません

一方で伸びる人は、作り始める前に「このバナーはセールの価格をいちばん目立たせたいから、数字を大きく赤にして、上の説明文を小さく抑えているんだな」と、デザインの狙いを先に言葉にします。狙いが分かったうえで再現するので、手を動かす一回一回が「なぜ」とセットになり、記憶に定着していきます

回数の目安についてもよく聞かれます。密度の高い模写なら10〜20枚で引き出しはかなり増える。100枚を雑にやるより、20枚を分解・言語化付きでやるほうが、現場で見たときの伸びははっきり大きいものです。

模写するバナーの選び方

何を模写するかも、地味に伸びを左右します。

おすすめは、まず「自分が目を引かれた実在のバナー」を選ぶこと。ECサイトのセールバナー、アプリの広告、SNSの広告など、プロが予算をかけて作ったものには学べる設計が詰まっています。逆に、初心者向けの作例として作られた練習用バナーばかり模写すると、現場の情報量や制約から離れてしまうことがあります。

もう一つのコツは、似た系統を続けて模写することです。たとえばセール系バナーを3枚続けて模写すると、「セール訴求では価格と期限をどう目立たせるか」という共通パターンが見えてきます。バラバラのジャンルを1枚ずつやるより、シリーズで取り組むほうが法則として頭に残りやすい

何を模写するか

  • 題材の選び方で学べる量が変わる
    • 実在の広告バナーを選ぶECのセール、アプリ広告、SNS広告。予算をかけた設計が詰まっている
    • 練習用の作例に偏らない現場の情報量や制約から離れてしまうことがある
    • 似た系統を続けて模写するセール系を3枚続けると共通パターンが法則として頭に残る

図:何を模写するかで学べる量が変わる

数だけこなして上達しない人の共通点

ここが、この記事でいちばん伝えたいところです。多くの未経験者を見てきた現場感では、模写を重ねても伸びない人には、はっきりした共通点が3つあります。

  1. 見た目だけを写して、なぜを考えない
  2. 完成後に答え合わせをしない
  3. 1枚を最後まで仕上げきらない

共通点1:見た目だけを写して、なぜを考えない

1つ目は「見た目だけを写して、なぜを考えない」こと。元のバナーと同じ配置・同じ色にすることがゴールになっていて、「なぜこの配置なのか」を考えていません。

これだと完成しても、別のバナーを自分で作るときに応用が効かないのです。模写は形を写す作業ではなく、設計の理由を盗む作業だと捉え直すと、同じ1枚でも得られるものが変わります。

共通点2:完成後に答え合わせをしない

2つ目は「答え合わせをしない」こと。作り終えたら、元のバナーと自分の模写を並べて見比べる工程が欠かせません。伸びない人は完成した時点で満足し、ここを飛ばしてしまいます。

並べると、たいてい「余白が狭い」「文字が大きすぎる」「色がくすんでいる」といったズレが見えます。このズレに気づき、理由を一つでも言葉にすることが、次の1枚の精度を上げます

共通点3:1枚を最後まで仕上げきらない

3つ目は「完成させきらない」こと。少し作っては別のバナーに目移りし、中途半端なものが増えていくパターンです。これは独学全般で本当に多いつまずきです。

同じ1枚でも扱い方が違う

伸びる人
時間の使い方
「観察」と「答え合わせ」に時間をかける
作り始める前
デザインの狙いを先に言葉にする
枚数の目安
密度の高い模写なら10〜20枚で引き出しが増える
止まる人
時間の使い方
再現だけを急ぎ、写経で終わる
完成後
答え合わせをせず、ズレに気づかない
仕上げ
1枚を最後まで仕上げきらない

図:差がつくのは枚数でなく1枚の扱い方

粗くても1枚を最後まで仕上げる経験を積まないと、細部を詰める力が育ちません。正直なところ、これらは才能の問題ではなく進め方の問題です。だからこそ、手順を変えれば誰でも改善できます。

「進め方を変えても、自分のズレに気づけているか不安」という方は、第三者の目を一度入れると遠回りを減らせます。無料カウンセリングで立ち位置だけ確認するのも手です。

無料カウンセリングで自分の立ち位置を確認する(PR)詳細はリンク先をご確認ください

バナー模写からオリジナルへはいつ移行すればいいのか

模写を続けていると、「いつまで模写を続ければいいのか」「いつオリジナルを作り始めればいいのか」が分からなくなる方が多いです。

一つの目安は、「元のバナーを見て、なぜそのデザインになっているかを自分の言葉で説明できるようになったか」。配置や色をただ真似できるだけでなく、その狙いを言語化できるようになってきたら、移行のサインです。

枚数で言えば、密度の高い模写を10〜20枚ほど重ねたあたりで、この感覚が育ってくる人が多い。

ただ、模写からいきなり完全オリジナルへ飛ぶと、急に何も浮かばなくなって手が止まりがちです。そこでおすすめしているのが、間に「アレンジ模写」を挟むことです。

  1. 純粋な模写:元を忠実に再現する
  2. アレンジ模写:元の構成を保ち、商材・色・文言だけ変える
  3. オリジナル:自分で構成から考える

段階内容目的
純粋な模写元を忠実に再現する設計の意図を盗む
アレンジ模写元の構成を保ち、商材・色・文言だけ変える構成の応用力をつける
オリジナル自分で構成から考える設計力を試す

アレンジ模写とは、たとえば「化粧品セールのバナーの構成はそのまま使い、商材を架空のカフェに置き換える」といった練習です。優れた構成という土台を借りたまま、中身を自分で考える経験ができるので、完全オリジナルへの橋渡しになります

現場でもこの中間ステップは定番で、ここを挟むと「真似はできるけど自分では作れない」という壁を越えやすくなります。移行のタイミングに正解はなく、人によって幅があります。焦って早すぎる段階でオリジナルに行くと挫折しやすいので、アレンジ模写で手応えを感じてから進むくらいが、結果的に近道になりやすい。

模写からオリジナルへの進み方

  • 目安は「なぜそのデザインなのか」を自分の言葉で説明できるかどうか。
  • STEP 1純粋な模写元を忠実に再現して、設計の意図を盗む
  • STEP 2アレンジ模写元の構成を保ち、商材・色・文言だけ変えて応用力をつける
  • STEP 3オリジナル自分で構成から考えて設計力を試す

密度の高い模写を10〜20枚重ねたあたりで、この感覚が育つ人が多い。

図:説明できるようになったら移行のサイン

なお、模写を学習全体のどこに位置づけるかは、Webデザイン独学ロードマップで整理しています。あわせて読むと迷いが減ります。

ポートフォリオに模写バナーは載せていいのか

これは相談でよく聞かれる質問なので、採用の現場視点で本音を書きます。

結論から言うと、「模写であることを伏せて、自分の実績のように載せる」のは避けたほうがいいです。応募者の作品の中に、明らかにどこかの広告と同じバナーが「制作物」として並んでいると、その時点で信頼度が下がります。意図したわけでなくても、他人の成果物を自分のものとして提示しているように見えてしまうからです。

ただし、模写そのものをポートフォリオに使ってはいけない、という話ではありません。見せ方次第で十分にプラスに働きます。ポイントは2つです。

  1. 模写であると明記する
  2. 分析を一言添える

1つ目は「模写であると明記する」こと。「学習のために実在の◯◯バナーを模写したものです」と添えるだけで、誠実さが伝わります。採用側は、応募者が他人の作品を尊重できる人かどうかも見ています。

2つ目は「分析を添える」こと。模写バナーの横に「このバナーは価格を主役にするため、数字を最大サイズで配置していると分析した」といった一言を添えると、ただ真似たのではなく設計を理解して取り組んだことが伝わります。

模写をポートフォリオに載せるなら

避けたい載せ方
見せ方
模写であることを伏せて、自分の実績のように載せる
起きること
他人の成果物を自分のものとして提示しているように見える
プラスに働く載せ方
明記する
「学習のために実在の◯◯バナーを模写したものです」と添える
分析を添える
何を主役にするためにどう配置したか、を一言書く
位置づけ
主役はオリジナルやアレンジ。模写は学習の過程として補助的に

図:明記と分析を添えれば模写も評価対象になる

採用で見られるのは作品の数より、こうした「なぜそう作ったかを説明できる力」。模写でも、分析が添えてあれば十分に評価対象になります。

とはいえ、ポートフォリオの主役はやはりオリジナル作品やアレンジ作品であるべきです。模写は「学習の過程」として補助的に見せる、という位置づけが安全です。

独学で伸び悩んだと感じたときの選択肢

ここまで自分でできる練習法を中心に書いてきました。最後に、正直なことも伝えておきます。

模写で力がつく範囲には限界があります。観察・分解・再現・記録までは独学で十分に積めますが、「自分の模写やオリジナルが現場の基準でどう見えるか」という答え合わせだけは、独学では構造的に補いにくい部分です。

我流のまま走り、誰にもフィードバックをもらわないと、独立初期に単価がなかなか上がらないケースが多い。第三者の目を早めに入れるかどうかで、遠回りの量は大きく変わります

もし模写を続ける中で「これ以上は一人だと伸び悩む」「自分のバナーが仕事で通用するレベルか分からない」と感じたら、無料のカウンセリングやスクールの相談で第三者の視点を取り入れるのは、遠回りを減らす現実的な選択です。すぐに通うかどうかは別として、まず自分の立ち位置を確認するだけでも、次に何を練習すべきかが見えやすくなります

「自分では気づけないズレ」だけを人に頼る——これが遠回りを避ける現実的な進め方です。まずは無料カウンセリングで、自分の作品が現場でどう見えるかを確認してみてください。

デジタルハリウッドSTUDIOの無料カウンセリングを予約する(PR)詳細はリンク先をご確認ください

最初から全部を有料で学ぶ必要はありません。模写という独学で積める部分はしっかり積んだうえで、「自分では気づけないズレ」を見てもらう範囲だけを人に頼る。このバランスが、いちばん現実的です。

バナー模写の練習:上達するための進め方

ここまでの内容を、実際に動くための手順としてまとめます。この順番で取り組めば、枚数に頼らずに力をつけやすくなります

  1. 目を引かれた実在バナーを選ぶ
  2. 作る前に狙いを言語化する
  3. 余白・字間まで忠実に再現する
  4. 元と並べて答え合わせする
  5. 学びを一言メモして次へ持ち越す
  6. アレンジ模写を経てオリジナルへ移行する

  1. 目を引かれた実在バナーを選ぶ:プロが作ったセール・広告バナーから、自分が良いと感じたものを選ぶ。練習用の作例より実物が望ましい。
  2. 作る前に狙いを言語化する:「なぜ目を引くのか」「何を主役にしているのか」を一言で書き出してから手を動かす。
  3. 余白・字間まで忠実に再現する:配置や色だけでなく、余白の広さやフォントのサイズ感も目分量で済ませず合わせる。
  4. 元と並べて答え合わせする:完成後に元バナーと並べ、ズレた箇所とその理由を1つ言葉にする。
  5. 学びを一言メモして次へ持ち越す:気づいたことを記録し、似た系統のバナーを続けて模写して法則化する。
  6. アレンジ模写を経てオリジナルへ移行する:狙いを説明できるようになったら、商材だけ入れ替えるアレンジ模写を挟み、徐々にオリジナルへ進む。

この手順なら、暗記でも作業でもなく「設計を読み解く力」と「完成させる力」が身につきます。この2つがある人は、たとえ実務未経験でも採用の検討対象として十分に通用します。

よくある質問

バナー模写について、学習中の方から頻出した5問を整理します。

Q1:バナー模写は何枚くらいやれば上達しますか?

枚数そのものより1枚の密度が大事です。観察・分解・再現・答え合わせ・記録まで丁寧に行う模写なら、10〜20枚も重ねれば引き出しはかなり増えます。

100枚を雑にこなすより、20枚を言語化付きで取り組むほうが、現場で見たときの伸びは明らかに大きい。ただし上達のスピードには個人差が大きく、「◯枚で確実に上手くなる」という言い切りはできません。

Q2:数をこなしているのに上達しないのはなぜですか?

上達しない人には「見た目だけを写してなぜを考えない」「完成後に答え合わせをしない」「最後まで仕上げきらない」という3つの共通点があります。

模写は形を写す作業ではなく設計の理由を盗む作業だと捉え直し、作る前に狙いを言語化し、完成後に欠かさず答え合わせをする。この2点を足すだけで、同じ枚数でも得られるものが変わります

Q3:模写からオリジナル制作へはいつ移行すればいいですか?

一つの目安は「元のバナーを見て、なぜそのデザインかを自分の言葉で説明できるようになったか」です。密度の高い模写を10〜20枚ほど重ねると、この感覚が育ってくる人が多い。

ただし純粋な模写からいきなり完全オリジナルへ飛ぶと手が止まりやすいので、構成は元のまま商材や色だけ変える「アレンジ模写」を間に挟むと移行しやすくなります。

Q4:模写したバナーをポートフォリオに載せてもいいですか?

模写であることを伏せて自分の実績のように載せるのは避けてください。採用側として、他人の広告と同じものが制作物として並んでいると信頼度が下がります

一方で「学習のために実在の◯◯バナーを模写したもの」と明記し、設計の分析を一言添えれば、十分に評価対象になります。ただしポートフォリオの主役はオリジナルやアレンジ作品にして、模写は学習過程の補助として見せるのが安全です。

Q5:模写するバナーはどう選べばいいですか?

まずは自分が目を引かれた実在のバナーを選ぶのがおすすめです。ECのセールバナーやアプリ広告など、プロが予算をかけて作ったものには学べる設計が詰まっています。

さらに、セール系を3枚続けるなど似た系統をシリーズで模写すると、「価格と期限をどう目立たせるか」といった共通パターンが法則として頭に残りやすくなります。

まとめ:枚数ではなく「1枚の密度」で差がつく

バナー模写は、正しく取り組めば設計を盗める最高の練習です。ただし伸びるかどうかを決めるのは枚数ではなく、「1枚をどこまで分解して言語化したか」です。

この記事のまとめ
  • 模写の伸びは枚数でなく1枚の密度で決まる。観察と答え合わせに時間をかける
  • 上達しない人の共通点は「見た目だけ写す」「なぜを考えない」「答え合わせをしない」の3つ
  • 狙いを先に言葉にし、完成後に元と並べ、最後まで仕上げきる。この3つで同じ枚数でも伸びが変わる
  • 密度の高い模写を10〜20枚重ねたら、アレンジ模写を挟んでオリジナルへ移行
  • 模写は明記+分析を添えればポートフォリオでも評価対象になる
  • 独学で積める部分は積み、「自分では気づけないズレ」だけ第三者の目を借りる

採用の現場感から言えるのは、上達しない人の共通点は才能ではなく進め方にあるということ。見た目だけを写さず狙いを先に言葉にする、完成後に元と並べて答え合わせをする、最後まで仕上げきる。この3つを意識するだけで、同じ枚数でも伸びは大きく変わります。

そして、密度の高い模写を10〜20枚重ねて狙いを説明できるようになったら、アレンジ模写を挟んでオリジナルへ移行する。独学で積める部分はしっかり積み、「自分では気づけないズレ」だけは早めに第三者の目を借りる。これが遠回りを避けるいちばん現実的な進め方です。焦らず、まずは1枚を丁寧に仕上げてみてください。

免責事項

※本記事は学習・採用の現場知見と公開情報をもとにした整理です。スクールの料金・カリキュラム・サービス内容は変動する場合があるため、最終的なご判断は各公式サイトの最新情報をご確認のうえお願いします。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

Web制作会社でLPやコーポレートサイトのデザインを7年つくり、29歳で独立してから4年、これまで150件を超える案件をこなしてきたShimizuです。「フリーランスは稼げますか」とよく聞かれますが、正直に言えば1年目の月収は20万円台で、かなり苦しい時期でした。

クラウドワークスやランサーズで単価の低い仕事を積む日々から抜け出せたのは、直営業に切り替え、Figmaを覚えてデザインの幅を広げてからです。会社員のうちに副業で準備を始め、独立後に単価を少しずつ上げてきた過程を、当サイトではそのまま書いています。

デジハリのようなスクールの就職率は本当に信じていいのか、クラウドワークスとランサーズはどちらが案件を取りやすいか、LP制作の単価はどこで下げ止まるのか。自分が迷ったことと、後輩から受けた相談を一つずつ整理してお伝えします。

目次