DMM 生成AI CAMPのデザインコース｜画像からLP制作まで学ぶ内容

カフェのLPは、編集部が考えた架空の練習題材です。

「AIで作った画像を、バナーやWebページに使いたい」。その段階では、画像の見栄えに加えて、何を伝え、どこへ案内するかも考える必要があります。

DMM 生成AI CAMPの生成AIデザインコースは、デザインの基礎、AIによる素材制作、Webサイトの企画、Figmaでの画面設計、HTML・CSSなどを使う実装を扱います。画像を作って終わりにせず、使う画面まで仕上げたい人が検討できる内容です。

受講を考える目安

バナーやLPを、企画・素材・レイアウト・実装までつなげて学びたいなら候補になります。すぐに画像だけを作りたい場合は、まず画像制作の教材から始める選び方もできます。

コースは学び放題に含まれ、月額プランは税込16,280円です。制作ツールの利用料も予算に入れ、1対1支援が必要なら追加料金を確認しましょう。

画像制作から、Webページの形にするところまで学ぶ

公式の目次には、配色や文字の扱いなどの基礎から、サイトの目的を決めて画面を組む内容まで掲載されています。AIで素材を増やすことと、それを読みやすい画面に置くことを一緒に学べる点が魅力です。

学ぶ段階	公式目次の内容	制作に生かす場面
見た目の基礎	デザインの原則、配色、文字、Photoshop・Illustrator	色や余白をそろえ、伝えたい部分を目立たせる
素材づくり	Firefly・Ideogram・Nano Bananaなどを使う画像やバナー	目的や掲載サイズに合う素材を用意する
画面の設計	Web企画、Figma、ワイヤーフレーム、デザイン案	読む順序と申込みまでの流れを考える
実装	HTML・CSS・JavaScript、Cursorを使う制作	設計した画面をブラウザで表示して確かめる

Figmaは画面を設計するための道具、HTMLやCSSは実際に表示するための仕組みです。公式ページの学習時間は約190時間、自由課題は約13時間です。学ぶ範囲を決め、毎週使える時間と合わせて考えましょう。

まず自分で小さなアプリやサイトを作る方法を比べたいなら、DMMのCodex・Claude Code講座の比較も参考になります。デザインの考え方と画面づくりを学びたいか、AIへの制作指示を中心に始めたいかで選びましょう。

ノートにページ構成を描き、コーヒー店の写真と配色を見ながらパソコンで画面を考える人

練習は、カフェの案内ページを一枚作る

架空のカフェで、初めて来る人に店の雰囲気を伝え、来店案内へ進んでもらうLPを作るとします。最初から予約システムや大きなサイトを目指さず、一枚のページに絞る練習です。

小さなLPを作る工程を、内容を決める・素材を作る・画面を組む・表示を確かめるの4段階で示す図 — カフェのLP制作を、内容・素材・画面・表示確認の4段階で示しています。

何を見せ、何をしてもらうか決める

ページに載せる内容を、店の雰囲気、看板メニュー、来店案内の三つに絞ります。写真は店の雰囲気を伝えるものを一枚、配色は落ち着いた色を少数選びます。

この段階のメモは、次の程度で十分です。

題材：架空のカフェの案内ページ
読む人：初めて来店する人
伝えたいこと：店の雰囲気、看板メニュー、来店方法
最後の行動：来店案内を読む
使う素材：練習用の写真と架空の店舗情報
完成の目安：PCとスマートフォンで内容を読める

実在の店へ使う場合は、営業時間やメニューなどを店側の資料でそろえます。AIに店舗情報を補わせると、見た目が整っていても誤った案内になるおそれがあります。

素材とレイアウトを行き来して整える

先に画像を大量に生成するより、ラフな画面へ一枚置き、写真の比率や文字を置く余白を確かめます。画像に余白が足りなければ作り直し、内容が読みにくければ配置を変える。この往復が、素材を使えるデザインへ整える練習になります。

ブラウザで表示したら、スマートフォンでも見ます。画像が大きすぎて来店案内まで遠くなっていないか、ボタンを押しやすいか、文章が横へはみ出さないかを確かめると、修正の理由がはっきりします。

通常サポートと1対1の制作支援を比べる

学び放題にはAIチューター、メンター相談会、学習コミュニティ、公開添削付きのライブゼミが含まれます。ゼミは定期募集で、月額プランの同時参加は1つです。目次に沿って作り、自分が迷った箇所を整理して質問する進め方が考えられます。

たとえば「余白を直したい」だけでは、見る人も判断しづらくなります。元の画面と直した画面、変えた理由を並べておけば、どこを改善したいか伝えやすくなります。

より継続的に学習計画や制作への助言が欲しい場合は、個人会員向けのパーソナルサポートも候補です。学び放題とは別料金で、税込99,000円／月。各45分の面談が月4回まで、チャット相談、成果物へのフィードバックなどが案内されています。

パーソナルサポートは前月25日までに申し込み、翌月1日から開始する案内です。

毎週どこまで自分で制作し、どの段階で相談したいかを決めてから選びましょう。

申込前は、制作環境と最初の目標をそろえる

教材に出てくる道具をすべて同時に契約する前に、最初に作るものと、最初に使う教材を決めます。画像制作、Figma、実装では使う道具が変わるため、必要な利用プランやパソコン環境もその段階に合わせて確認できます。

料金の全体像や更新・解約条件は、DMM 生成AI CAMPの料金記事で整理しています。月額・6か月・12か月の各プランは契約期間ごとに自動更新で、更新停止は契約満了日の1日前までに所定のフォームで手続きする案内です。制作ツールの費用も加え、学習を続ける期間の総額で考えましょう。

相談時には「初心者でもできますか」だけでなく、次の三点を伝えると、受講する理由を確かめやすくなります。

最初に作りたいものは、バナーか、一枚のLPか。
手元のパソコンで、必要な制作ツールを使えるか。
レイアウトや実装で迷ったとき、どの支援へ相談できるか。

一枚のページを自分で完成させたい人にとって、素材制作と画面づくりをつなぐ教材は選ぶ価値があります。目次で作りたいものを見つけ、使える時間と支援を合わせて受講を考えてみてください。