practical web design course
意匠性だけでなく
課題解決へ導くデザイン力を
WEBデザイン実戦講座
practical web design course
意匠性だけでなく
課題解決へ導くデザイン力を
WEBデザイン実戦講座
about
WEBデザイン実戦講座の3つの特徴
頭と手を動かしながら
デザインスキルを身につける
01.Practice First
いきなり理論から入るのではなく、まず自由にデザインをつくるところからスタート。手を動かした後に「なぜこうしたのか」を考える。この往復が、原理原則を自分の言葉で理解できるクリエイターをつくります。
ユーザー視点で「見る」のではなく
プロとして「視る」力を身につける
02.Seeing Design
いいデザインを「なんとなくいい」で終わらせない。何がいいのか、なぜいいのかを構造的に読み解く「視る力」を育てる。この力が、自分のデザインを説明できるクリエイターへの土台になります。
顧客には説明可能なデザインを
ユーザーには説明不要のデザインを
03.Real-World Ready
クライアントには「なぜこうしたのか」を言葉で届け、ユーザーには説明なしで伝わるデザインを届ける。その両方を成立させるための実案件を想定したカリキュラムで、現場でそのまま使えるデザイン制作スキルを身につけます。
「感覚でつくったデザイン」が
「説明できるデザイン」へ変わる
デザインの理由を聞かれたとき、言葉に詰まった経験はありませんか?「なぜこの配色なのか」「なぜこのレイアウトなのか」を自分の言葉で説明できるようになれば、お客様やチームからの信頼が大きく変わります。
制作スピードも品質も上げる
デザイン手法が身に付く
デザインに時間がかかるのは、迷っているから。原則を理解し、引き出しが増えれば、「何をどう配置するか」の判断が速くなります。スピードと品質は両立できます。
「きれいなデザイン」ではなく
「課題を解決するデザイン」に変わる
お客様が求めているのは、見た目の美しさではなく、成果につながるデザインです。原理原則を理解し、それをお客様の課題解決に接続できるクリエイターは、代替不可能な存在になります。
現役プロデザイナーの
実演解説付き!
01.Free Creation
自由につくる
まずは自由に、好きなように
デザインを作ってみる
最初のステップは、理論ではなく「つくること」。正解も不正解もなく、まず自由にデザインをつくる体験から始めます。この「まずやってみる」体験が、次の章で学ぶ原則の理解を加速させます。
02.Design Eye
デザインを視る力
「なんとなくいい」ではなく
「なぜいいのか」を読み解く
いいデザインには必ず理由があります。
- 何が「いい」のかを分解する力
- 参考デザインから学ぶための観察力
- 自分のデザインを客観的に見る視点
「なんとなくいい」を「なぜいいのか」に変える、プロの観察力を育てます。
03.Skill Accelerator
最短スキルアップ
最短でデザインスキルを
引き上げる方法
デザインスキルの上達には、正しい「練習の仕方」があります。やみくもに時間をかけるのではなく、効率的にスキルを伸ばすための実践的なトレーニング方法を学びます。
04.Design Principles
デザイン4原則
「知っている原則」ではなく
「使える原則」にまで落とし込む
近接・整列・反復・対比。この4つの原則は、あらゆるデザインの土台です。
- 原則の意味と使い方
- 実際のデザインでの適用例
- 自分でアレンジする実践ワーク
本で読んだ知識ではなく、現場でそのまま使える形にまで落とし込みます。
05.Figma Mastery
Figmaを使いこなす
Figmaを使いこなして
デザインを効率良く形にする
考えたデザインを、正確に形にするためのツールスキルを学びます。
- 効率的なレイアウトの組み方
- コンポーネントやスタイルの活用
- チームで共有するためのファイル設計
ツールに振り回されず、デザインに集中できる状態をつくります。
06.Real Project Design
実案件デザイン制作
実際の案件で通用する
デザイン制作スキルを身につける
これまで学んだすべてを使い、実際の案件を想定したデザイン制作に取り組みます。
- クライアントの要望をデザインに落とす思考プロセス
- 素材や制約がある中での判断
- 納品クオリティを保つためのチェックポイント
「練習ではできたのに実務ではできない」をなくすための章です。
limited edition bonus
受講しはじめたその日からすぐに使える
役に立つ資料も一緒にお届けします
practical web design course
意匠性だけでなく
課題解決へ導くデザイン力を
WEBデザイン実戦講座
Course Values
ノンデザのWEBデザイン実戦講座が
大切にしている3つのこと
知るだけではなく
"つくる"ことで身につける
デザインは頭だけでは身につきません。手を動かし、つくって、見て、考える。そのサイクルを回した数だけ、「使える力」になります。
「なんとなく」ではなく
「なぜ」を言葉にする
なぜこの配色なのか。なぜこの余白なのか。その理由を言語化できる習慣が、お客様やチームから信頼されるクリエイターへの近道です。
トレンドに振り回されず
一生使える原理原則を知る
トレンドやツールは変わりますが、デザインの原理原則は変わりません。一度身につけた「考え方」は、どんな案件でも応用できる一生モノの武器になります。
WEBデザイン実戦講座は
こんなクリエイターに
おすすめです!
Recommended for
WEBデザイン実戦講座は
こんなクリエイターにおすすめです
For Designer
デザイナーの方へ
感覚だけでなく、論理的に説明できるデザインスキルを身につけたい方へ。
For Coder
コーダーの方へ
実装だけでなく、デザインの意図を理解して提案までできるクリエイターを目指す方へ。
For Director
ディレクターの方へ
デザイナーへのフィードバックや品質管理に、デザインの共通言語を持ちたい方へ。
FOR RESKILLING
スキルアップ目的の方へ
他業種で働いているけれど、WEBデザインスキルでクリエイターに挑戦したい方へ。
Not Recommended For..
この講座があまり
合わないかもしれない人
- クリエイターとしてお金を稼ぐ予定のない人
- お金を稼ぐための仕事ではなく趣味でやっていきたい人
- 自分さえ稼げればいいという考えの人
operating company
運営会社について
ノンデザインスクールは
株式会社Lexa(レクサ)が運営しています。
レクサは「ジモトをよくするWEBとデザインの会社」をスローガンに活動している名古屋のWEB制作会社です。
Faq.
よくあるご質問
-
初心者ですが大丈夫ですか?
大丈夫です。デザインがまったく初めての方でも、基礎から丁寧に解説しています。パソコンの基本操作ができれば問題ありません。
-
他スクールと比べて安価な理由は何ですか?
弊社はWEB制作会社のため、宣伝や開発を全て自社で行っています。余計な費用がかからない分、それを価格に反映させ、受講生に還元しています。
-
学習時間はどれくらい必要ですか?
人によって変わりますが、目安として毎日2〜3時間ほどの時間確保ができれば、1〜2ヶ月ほどで完走できるボリューム感です。
-
講義形式の授業でしょうか?
オンラインカリキュラムを自習形式で受講いただく形となっています。オンデマンドの講義形式のため、見たいときにいつでもどこからでも受講することができます。
-
受講費用以外にかかる費用はありますか?
基本的にはありません。Figmaは無料プランで学習できます。
-
購入した後、どのくらいの期間教材を閲覧できるのでしょうか?
無期限・無制限で閲覧いただけます。
-
Figmaを使ったことがないのですが大丈夫ですか?
大丈夫です。Figmaの基本操作から実務で使えるレベルまで、専用の章で丁寧に解説しています。
practical web design course
意匠性だけでなく
課題解決へ導くデザイン力を
WEBデザイン実戦講座
講座詳細
- 講座名
- WEBデザイン実戦講座
- 講座に含まれている内容
-
- プロの解説動画全48本
- 実案件まで想定したカリキュラム
- Figmaの基礎から応用までの操作解説
- 現役プロによる解説動画
- 繰り返し学べる動画タイムスタンプ付き
- レッスンごとのワンポイントアドバイス
- 講座カリキュラム
-
- 1章:好きなようにデザインを作ってみよう
- 2章:デザインを視る力をつけよう
- 3章:最短でデザインスキルを上げる方法
- 4章:デザイン4原則とアレンジワーク
- 5章:Figmaを使いこなそう
- 6章:実際の案件で通用するデザイン制作スキルを身につけよう
- 講座内で取り扱うスキル
-
- デザインの基礎知識・原理原則
- デザインの観察力・分析力
- デザイン4原則の実践的活用
- Figmaの基礎から実務レベルまで
- WEBデザイン特有のルールと考え方
- 実案件を想定したデザイン制作スキル
- 購入特典
-
- WEBデザイン言語化シート解説・配布
- 高齢者向けの訪問介護事業の採用サイトデザイン課題
- ミールキット定期便サービスのLPデザイン課題
- フェイシャルエステサロンの店舗サイトデザイン課題




