未経験からWebデザイナーを
目指すあなたに
- 好きなことを仕事にしたい…
- 場所や時間にしばられずに働きたい…
- 今よりも収入を増やしたい…
Webデザイナーとしてのスキルをしっかりと身に着け、自分の理想のキャリアを実現しましょう
こんな人におすすめ
Webデザイナーとして
正社員に
独立してフリーランスに
仕事や子育てをしながら
副業に
デザイナーと連携できる
エンジニアに
chot.design動画講座のメリット
Webデザイナーの必須スキルがしっかり学べる
Webデザイナーとして働くために必要な必須スキルがしっかりと学べる内容です。デザインの考え方の基礎から、ツールの使い方、コーディングの基礎知識を学び、実際のバナーやサイト制作を行います。
合計80本以上のオリジナル教材
解説ページには動画・テキスト・サンプルファイルが用意されています。テキストだけではわかりにくいツールの操作方法などを、動画で丁寧に解説しています。
わからないことは質問・相談できる
カリキュラム内でわからなかったことについてはメールでご相談ください。購入から半年間のメールサポートが付いています。
カリキュラム内容
スマートフォン時代の
Webデザイン講座
全37本の動画とテキストのカリキュラムで、最新のWebデザインの基礎的なスキルが身につきます。デザインの基礎知識から、Adobe XD・Illustrator・Photoshopの使い方を学び、プロトタイピングやデザインカンプ制作・バナー制作にチャレンジできます。初めてWebデザインを学ぶ方におすすめのコースです。半年間のメールサポート付き。
詳しく見る ▶- 「UI/UXデザイン」「プロトタイピング」とは？
- Adobe XD実習: XDの基本操作
- Adobe XD実習: XDによるInstagram風のプロトタイプ制作1
- Adobe XD実習: XDによるInstagram風のプロトタイプ制作2
- Macの使い方：「装飾キー」について
- デザインの基礎知識：おさえておきたい色彩・配色の基礎
- Adobe XD実習: XDによるInstagram風のプロトタイプ制作3
- Adobe Illustrator実習: 環境設定と基本操作
- Adobe Illustrator実習: 各種ツールの基本操作
- Adobe Illustrator実習: 数値指定の基本操作
- デザインの基礎知識：フォントの話
- Adobe Illustrator実習: 図形の整列と配色1
- Adobe Illustrator実習: マテリアルデザインアイコンの制作
- デザインの基礎知識：スケッチしよう
- Adobe Illustrator実習: 図形の整列と配色2
- Adobe XD実習: XD旅館風デザインカンプ制作（スマートフォン編）1
- Adobe XD実習: XD旅館風デザインカンプ制作（スマートフォン編）2
- Adobe XD実習: XD旅館風デザインカンプ制作（スマートフォン編）3
- Adobe XD実習: XD旅館風デザインカンプ制作（PC編）1
- Adobe XD実習: XD旅館風デザインカンプ制作（PC編）2
- Adobe XD実習: 旅館風デザインカンプ制作（画像の配置と書き出し）
- Adobe XD実習: 旅館風デザインカンプ制作（共有について）
- デザインの基礎知識：画像フォーマット
- デザインの基礎知識：カメラの基礎
- Adobe Photoshop実習: 写真補正の基礎
スマートフォン時代の
Webコーディング講座
全45本の動画とテキストのカリキュラムで、最新のWebコーディングの基礎的なスキルが身につきます。HTML・CSSの基礎知識から、スマートフォン・レスポンシブウェブデザインに対応したコーディングのコツ、効率的にCSSが書けるSassの解説、JavaScriptの基本などを学び、ブログ風のサイトなどを制作するコースです。半年間のメールサポート付き。
詳しく見る ▶- 解説：HTML・CSSとは？ 1
- 解説：HTML・CSSとは？ 2
- 資料：HTML辞典
- 解説：スマートフォンをとりまく事情
- 実習：環境設定とHTMLのテンプレート制作
- 実習：HTML・CSSの基礎1
- 実習：HTML・CSSの基礎2
- 実習：ブログ風のWebページを作成する1
- 実習：ブログ風のWebページを作成する2
- 解説：URLの見方
- 実習：ヘッダーを完成させる1
- 実習：ヘッダーを完成させる2
- 実習：フッターを完成させる1
- 実習：フッターを完成させる2
- 実習：ブログの記事ページを作成する
- 実習：ブログのトップページを作成する
- 解説：Webフォントの使い方
- 解説：要素の表示形式（display）と正しいマークアップの調べ方
- 解説：セクショニング・コンテンツとは
- 実習：セクショニング・コンテンツの練習
- 実習：レスポンシブWebデザインの練習1
- 実習：レスポンシブWebデザインの練習2
- 解説：Retinaディスプレイとは
- 実習：Retinaディスプレイ対応の画像 1
- 実習：Retinaディスプレイ対応の画像 2
- 解説：CSSの命名規則
- 実習：BEMの使い方
- 実習：Sassの使い方 1
- 実習：Sassの使い方 2
- 実習：Sassの使い方 3
- 実習：旅館風サイトの制作 1
- 実習：旅館風サイトの制作 2
- 実習：旅館風サイトの制作 3
- 実習：旅館風サイトの制作 4
- 解説：Flexboxとは
- 解説：iPhone Xの対応について
- 実習：JavaScriptをはじめよう 1
- 実習：JavaScriptをはじめよう 2
- 実習：JavaScriptをはじめよう 3
- 実習：JavaScriptをはじめよう 4
- 実習：JavaScriptをはじめよう 5
- 実習：スマートフォン用のメニューボタンを作ろう 1
- 実習：スマートフォン用のメニューボタンを作ろう 2
- 実習：スライドショーを作ろう 1
- 実習：スライドショーを作ろう 2
カリキュラム監修
なつき
ブログ「Stocker.jp」にてWebデザインの最新情報を発信したり、渋谷で10年近くWebデザインスクールを運営しています。「神速Photoshop [Webデザイン編]」をはじめとしたWebデザインやPhotoshop、Illustratorの解説書の執筆も。
お申し込みの流れ
- 1chot.designに会員登録する
- 2購入ページから決済を行う
- 3申し込み完了のメールが届く
- 4利用開始
- 5質問・相談はメールサポートへ
料金について
お申し込み
- お支払いにはPayPalアカウントが必要です。
- 決済後、事務局での確認まで少々お時間を頂いております。決済後、24時間以上反映がされない場合は、お手数ですがお問い合わせください。
よくある質問
教室はどこにありますか？
A. 本サービスはオンラインにて提供されます。インターネットの接続環境と、サイトを閲覧するためのブラウザをご用意ください。
授業はありますか？
A. 本サービスは自己学習型のトレーニングになりますので、授業はありません。いつでも自分の好きな時間に、動画とテキストを見ながら学習することができます。
必要なものはなんですか？
A. Visual Studio CodeやBracketsなどのテキストエディター
最新のPhotoshop・Illustrator・Adobe XD
インターネットの接続環境
未経験からWebデザイナーへ
Webデザインの基礎がしっかり学べる
chot.designの動画講座