1. トップ
  2. 講座紹介
  3. 【Webデザイン編】2022上半期のUdemy人気講座7選をご紹介!

【Webデザイン編】2022上半期のUdemy人気講座7選をご紹介!

グラフィックデザイン、コーディング、UI/UXデザイン、ノーコード開発…。
Webデザインといっても、様々なスキルが含まれており、さらにそれぞれのスキルの中にも多様なツールがあったりするものです。

この記事では、Udemyの新着講座のなかでも2022年上半期に注目されたWebデザインに関連する講座7 つをご紹介します。
(※ 対象期間: 2022年1-6月/2021年1月以降にリリースされた講座を対象。)

0から学びたいけど、何から学んだらいいのか分からない。脱初心者を目指して新しい知識を身につけたい。
そんなWebデザインに関心のある方はぜひチェックしてみてください。

話題のFigmaで現役デザイナーと一緒にまずは作って学ぼう

Figmaって最近よく耳にする、知りたいけどホームページの説明を読んだりして 勉強するのは少し大変そう。まずはすぐに知りたいという方はこの講座で実際にツールに触れてみましょう。

初心者【話題のFigmaでWEBデザイン。すぐ知れる作れる!】難しい説明よりも現役デザイナーと一緒にまず作ってしまおう!

Figmaの概要や特徴を実際に触れながら学びたい方は、本講座で現役プロデザイナーと作業画面を見ながら一緒に制作しましょう。

Figmaの図

◆こんな人におすすめ!

  • Figmaに興味のある方
  • これからWEBデザインをしてみたい方

◆学習内容・得られるスキル

  • Webデザインの基本を知る
  • ワイヤフレームを作れるようになる

 

ゼロからのWEBデザイン制作における具体的な作業フローが分かる

自分自身でゼロからWEBデザインをしようとすると、全くイメージがわかず手が止まってしまう方におすすめの講座です。

WEBデザイン講座《デザインカンプ制作入門》コース【対象】自分の力だけでゼロからWEBデザインをすることに自信がない方

Webデザインのスキルアップに有効な「トレース」に励んでみたものの、そこからもう一歩スキルアップできない。そんな悩みを抱える人のために、本講座では、ゼロからデザインを作るフローを学ぶとともに、 デザインカンプを完成させるまでの流れを分かりやすく学習できます。

Adobe XDの図

◆こんな人におすすめ!

  • 全くの初心者ではなく、基本的なWEBデザインスキルは身につけられている方
  • ゼロから制作する際に具体的な作業フローがイメージできない方

◆学習内容・得られるスキル

  • AdobeXDの基本操作
  • デザインカンプを完成させるまでの流れ

 

次世代のCSSフレームワークtailwindcssを身につけよう

Webページを作成するうえで、CSSを避けて通ることはできません。近年人気急上昇中のCSSフレームワーク「tailwindcss」の使い方をマスターしましょう。

【tailwindcss】CSSが苦手な人向け じっくり取り組んでみよう【次世代のCSS】【わかりやすさ重視】

CSSが苦手だからこそ取り組む価値のある、厳選されたCSSプロパティ集を初歩からじっくり解説しています。

tailwindcssの図

◆こんな人におすすめ!

  • CSSが苦手な方
  • tailwindcssに興味のある方

◆学習内容・得られるスキル

  • tailswindcssの使い方
  • モダンなフロントエンドデザイン方法

 

CSSグリッドレイアウトを学習し、ステップアップを目指そう

これから先も通用するWEB制作技術を身につけるためには、最新の情報やツールをもとにした学習カリキュラムが必要です。本講座は、新しいCSSモジュールの「CSSグリッドレイアウト」の基礎をはじめ、 HTML5 (HTML文書)と CSS3 (スタイルシート)の仕様にもとづくWEBページを作成について学べる学習カリキュラムになっています。

WEBデザイン講座 Level3《レベルアップ》コース※グリッドレイアウトでレスポンシブ対応のWEBページを作成する

Media Queries (メディアクエリ)と CSS Grid Layout (グリッドレイアウト)を使ったレスポンシブWEBページの作成と、JavaScriptのプラグインを使ったスライダーとドロワーメニューの実装方法を学習します。

CSSグリッドレイアウトの図

◆こんな人におすすめ!

  • CSS Grid Layout (グリッドレイアウト)の基礎を学びたい方
  • HTML5およびCSS3の基礎を学習済みの方
  • 基本的なエディタの使用方法を習得済みの方

◆学習内容・得られるスキル

  • 新しいCSSモジュールの「CSSグリッドレイアウト」の基礎
  • レスポンシブ対応のWEBページ制作
  • JavaScriptのプラグインを使った「スライダー」と「ドロワーメニュー」の実装方法

 

Wix制作ノウハウをプロのWebデザイナーから学ぼう

プログラミングはできそうにないけれどもホームページ制作を仕事にしたい、今あるスキルと組み合わせてステップアップ、キャリアアップしたいお勤めの方やフリーランスの方は、まずこちらから学びましょう!

【超基礎編】Wix公式パートナーが講師!未経験者・パソコン初心者もOK!プロ用高額ソフトを使いません!

イマドキのデザインと高い保守性を実現するWix制作ノウハウです。Webデザイナー歴23年のWix公式パートナーが制作現場のノウハウを全公開します。

Wixの図

◆こんな人におすすめ!

  • 自事業や勤務先の サイト制作・運営担当者さん
  • プログラミング・デザインの経験がない方

◆学習内容・得られるスキル

  • パソコンとスマホに対応したWebサイト制作
  • Wixを使った制作ノウハウ

 

STUDIOを学習し、ノーコードでWEBサイトを制作しよう

コーディング不要。サーバー設定、SSL証明の心配は無し。直感で視覚的に、ノーコードでWebサイトが作れるSTUDIOについて基礎知識から実際にサイトが作れる応用まで学べる!

ノーコードで超速WEB制作 STUDIO学習完全パック(初級〜上級編)

このコースは、STUDIO初学者に向けてSTUDIOを体系的に学習するためのインプット兼アウトプット教材です。

STUDIOの図

◆こんな人におすすめ!

  • ノーコードWEB制作に興味を持つ、WEB制作初心者
  • STUDIOに関心があり、基礎から応用まで一貫した知識を身につけたい方

◆学習内容・得られるスキル

  • STUDIOの基本的な使い方
  • 圧倒的な速さで高クオリティなWEBサイトの制作

 

+α: Webマーケティングの基礎から実践までを幅広く学ぼう

Webデザインに加えてWebマーケティングのスキルを身につけると、制作だけでなくサイトの運用まで任せてもらえたり、できることが広がり、市場価値がグッと上がります。ぜひ+αでWebマーケティングを学んでみましょう!

【入門から実践まで】Webマーケティングの全体像とデータ活用を短時間で学び実際にSEO集客ツールを作ってみよう!

Webマーケティングの全体像を基礎からしっかり学び、その上で特に重要な集客手段であるSEOに役立つツールをPythonで作っていきます。

Webマーケティングの図

◆こんな人におすすめ!

  • Webマーケティングに興味を持つ初学者
  • プログラミングに抵抗がない方

◆学習内容・得られるスキル

  • Webマーケティングの全体像
  • SEO集客をサポートするツール作成