practical web design course

意匠性だけでなく
課題解決へ導くデザイン力を

WEBデザイン実戦講座

practical web design course

意匠性だけでなく
課題解決へ導くデザイン力を

WEBデザイン実戦講座

¥ 107,500 (税込)

about

女性がカフェで仕事している様子

頭と手を動かしながら
デザインスキルを身につける

01.Practice First

いきなり理論から入るのではなく、まず自由にデザインをつくるところからスタート。手を動かした後に「なぜこうしたのか」を考える。この往復が、原理原則を自分の言葉で理解できるクリエイターをつくります。

机に広げられたパンフレットデザイン

ユーザー視点で「見る」のではなく
プロとして「視る」力を身につける

02.Seeing Design

いいデザインを「なんとなくいい」で終わらせない。何がいいのか、なぜいいのかを構造的に読み解く「視る力」を育てる。この力が、自分のデザインを説明できるクリエイターへの土台になります。

ノートPCでデザインしている様子

顧客には説明可能なデザインを
ユーザーには説明不要のデザインを

03.Real-World Ready

クライアントには「なぜこうしたのか」を言葉で届け、ユーザーには説明なしで伝わるデザインを届ける。その両方を成立させるための実案件を想定したカリキュラムで、現場でそのまま使えるデザイン制作スキルを身につけます。

01. The Confidence
01. The Confidence

「感覚でつくったデザイン」が
「説明できるデザイン」へ変わる

デザインの理由を聞かれたとき、言葉に詰まった経験はありませんか?「なぜこの配色なのか」「なぜこのレイアウトなのか」を自分の言葉で説明できるようになれば、お客様やチームからの信頼が大きく変わります。

02. The Speed
02. The Speed

制作スピードも品質も上げる
デザイン手法が身に付く

デザインに時間がかかるのは、迷っているから。原則を理解し、引き出しが増えれば、「何をどう配置するか」の判断が速くなります。スピードと品質は両立できます。

03. The Value
03. The Value

「きれいなデザイン」ではなく
「課題を解決するデザイン」に変わる

お客様が求めているのは、見た目の美しさではなく、成果につながるデザインです。原理原則を理解し、それをお客様の課題解決に接続できるクリエイターは、代替不可能な存在になります。

現役プロデザイナーの
実演解説付き!

01.Free Creation

デスクワークのイラスト

まずは自由に、好きなように
デザインを作ってみる

最初のステップは、理論ではなく「つくること」。正解も不正解もなく、まず自由にデザインをつくる体験から始めます。この「まずやってみる」体験が、次の章で学ぶ原則の理解を加速させます。

02.Design Eye

デザインカンプ

「なんとなくいい」ではなく
「なぜいいのか」を読み解く

いいデザインには必ず理由があります。

  • 何が「いい」のかを分解する力
  • 参考デザインから学ぶための観察力
  • 自分のデザインを客観的に見る視点

「なんとなくいい」を「なぜいいのか」に変える、プロの観察力を育てます。

03.Skill Accelerator

ノートPCでデザインする女性

最短でデザインスキルを
引き上げる方法

デザインスキルの上達には、正しい「練習の仕方」があります。やみくもに時間をかけるのではなく、効率的にスキルを伸ばすための実践的なトレーニング方法を学びます。

04.Design Principles

講座課題イメージ

「知っている原則」ではなく
「使える原則」にまで落とし込む

近接・整列・反復・対比。この4つの原則は、あらゆるデザインの土台です。

  • 原則の意味と使い方
  • 実際のデザインでの適用例
  • 自分でアレンジする実践ワーク

本で読んだ知識ではなく、現場でそのまま使える形にまで落とし込みます。

05.Figma Mastery

講座スライド画像

Figmaを使いこなして
デザインを効率良く形にする

考えたデザインを、正確に形にするためのツールスキルを学びます。

  • 効率的なレイアウトの組み方
  • コンポーネントやスタイルの活用
  • チームで共有するためのファイル設計

ツールに振り回されず、デザインに集中できる状態をつくります。

06.Real Project Design

デザインカンプ

実際の案件で通用する
デザイン制作スキルを身につける

これまで学んだすべてを使い、実際の案件を想定したデザイン制作に取り組みます。

  • クライアントの要望をデザインに落とす思考プロセス
  • 素材や制約がある中での判断
  • 納品クオリティを保つためのチェックポイント

「練習ではできたのに実務ではできない」をなくすための章です。

practical web design course

意匠性だけでなく
課題解決へ導くデザイン力を

WEBデザイン実戦講座

¥ 107,500 (税込)

Course Values

PCでデザインしている様子
01 Hands-on

知るだけではなく
"つくる"ことで身につける

デザインは頭だけでは身につきません。手を動かし、つくって、見て、考える。そのサイクルを回した数だけ、「使える力」になります。

女性が在宅ワークをしている様子
02 Thinking

「なんとなく」ではなく
「なぜ」を言葉にする

なぜこの配色なのか。なぜこの余白なのか。その理由を言語化できる習慣が、お客様やチームから信頼されるクリエイターへの近道です。

女性が在宅ワークをしている様子
03 Foundation

トレンドに振り回されず
一生使える原理原則を知る

トレンドやツールは変わりますが、デザインの原理原則は変わりません。一度身につけた「考え方」は、どんな案件でも応用できる一生モノの武器になります。

女性がプレゼンしている様子

WEBデザイン実戦講座は

こんなクリエイターに

おすすめです!

Recommended for

For Designer

デザイナーの方へ

感覚だけでなく、論理的に説明できるデザインスキルを身につけたい方へ。

For Coder

コーダーの方へ

実装だけでなく、デザインの意図を理解して提案までできるクリエイターを目指す方へ。

For Director

ディレクターの方へ

デザイナーへのフィードバックや品質管理に、デザインの共通言語を持ちたい方へ。

FOR RESKILLING

スキルアップ目的の方へ

他業種で働いているけれど、WEBデザインスキルでクリエイターに挑戦したい方へ。

instructor

経験豊富な現役のプロクリエイターが、解説・監修をしています。

運営会社のオフィス内観

operating company

ノンデザインスクールは
株式会社Lexa(レクサ)が運営しています。

レクサは「ジモトをよくするWEBとデザインの会社」をスローガンに活動している名古屋のWEB制作会社です。

Faq.

  • 初心者ですが大丈夫ですか?

    大丈夫です。デザインがまったく初めての方でも、基礎から丁寧に解説しています。パソコンの基本操作ができれば問題ありません。

  • 他スクールと比べて安価な理由は何ですか?

    弊社はWEB制作会社のため、宣伝や開発を全て自社で行っています。余計な費用がかからない分、それを価格に反映させ、受講生に還元しています。

  • 学習時間はどれくらい必要ですか?

    人によって変わりますが、目安として毎日2〜3時間ほどの時間確保ができれば、1〜2ヶ月ほどで完走できるボリューム感です。

  • 講義形式の授業でしょうか?

    オンラインカリキュラムを自習形式で受講いただく形となっています。オンデマンドの講義形式のため、見たいときにいつでもどこからでも受講することができます。

  • 受講費用以外にかかる費用はありますか?

    基本的にはありません。Figmaは無料プランで学習できます。

  • 購入した後、どのくらいの期間教材を閲覧できるのでしょうか?

    無期限・無制限で閲覧いただけます。

  • Figmaを使ったことがないのですが大丈夫ですか?

    大丈夫です。Figmaの基本操作から実務で使えるレベルまで、専用の章で丁寧に解説しています。

見た目の美しさの先にあるもの。

デザインには、センスが大事だとよく言われます。たしかに、センスは大切です。でも、センスだけでは、伝わらない場面が必ず来ます。

お客様に「なぜこのデザインなのか」を聞かれたとき。チームメンバーに「ここをこうしてほしい」を伝えたいとき。「なんとなくいい」では、届かない場面があります。

わたしたちはWEB制作会社として、何百ものデザインをつくってきました。その中で強く感じたのは、「なぜそうしたのか」を言葉にできるクリエイターが、結果的に一番信頼されるということです。

デザインには、顧客には説明可能なデザインを、ユーザーには説明不要のデザインを届けることが求められていると思います。その両方を成立させるには、原理原則を理解し、自分の言葉でデザインを語れることが必要です。

この講座は、デザインの「なんとなく」を「説明できる」に変えるために開発されました。

デザインの力で、誰かの課題を解決できるクリエイターが一人でも増えれば、きっとこの業界はもっとよくなるはずです。

さあ、じぶんの可能性をひろげよう。

practical web design course

意匠性だけでなく
課題解決へ導くデザイン力を

WEBデザイン実戦講座

¥ 107,500 (税込)
Details

講座詳細

講座名
WEBデザイン実戦講座
講座に含まれている内容
  • プロの解説動画全48本
  • 実案件まで想定したカリキュラム
  • Figmaの基礎から応用までの操作解説
  • 現役プロによる解説動画
  • 繰り返し学べる動画タイムスタンプ付き
  • レッスンごとのワンポイントアドバイス
講座カリキュラム
  • 1章:好きなようにデザインを作ってみよう
  • 2章:デザインを視る力をつけよう
  • 3章:最短でデザインスキルを上げる方法
  • 4章:デザイン4原則とアレンジワーク
  • 5章:Figmaを使いこなそう
  • 6章:実際の案件で通用するデザイン制作スキルを身につけよう
講座内で取り扱うスキル
  • デザインの基礎知識・原理原則
  • デザインの観察力・分析力
  • デザイン4原則の実践的活用
  • Figmaの基礎から実務レベルまで
  • WEBデザイン特有のルールと考え方
  • 実案件を想定したデザイン制作スキル
購入特典
  • WEBデザイン言語化シート解説・配布
  • 高齢者向けの訪問介護事業の採用サイトデザイン課題
  • ミールキット定期便サービスのLPデザイン課題
  • フェイシャルエステサロンの店舗サイトデザイン課題