WEB CREATIVE DIVISIONWEBクリエイティブ専攻

AWeb基礎／Webプロトタイピング

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
HTML・CSSコーディング概論
Web画像／ SVG画像／ Webカラー設定
デジタルデバイスとWebブラウザ概要
プロトタイプツール基本操作／プロジェクト
モード切替／レイヤー／アセット／コンポーネント
ワイヤーフレーム／デザインカンプ制作

BWebデザイン（ノーコード）

Webデザイン概論
HTML基本構造／ CSS基本構造
ノーコード制作概要
プロジェクト管理／ダッシュボード
アニメーション設定
ボックスレイアウト
ユーザビリティ／Webフォント
マルチデバイス／レスポンシブデザイン

CWEBサイト制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
トップページ・コンテンツページ制作
レスポンシブWebサイト制作
デバイス・ブラウザ別確認／ページ最適化
サイトプレビュー／公開
プレゼンテーション／作品講評

LWebグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

MWebグラフィック （Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

OWebデザインⅠ （ビジュアルデザイン）

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

WプレックスプログラムⅠ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

XプレックスプログラムⅡ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

AWeb基礎／Webプロトタイピング

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
HTML・CSSコーディング概論
Web画像／ SVG画像／ Webカラー設定
デジタルデバイスとWebブラウザ概要
プロトタイプツール基本操作／プロジェクト
モード切替／レイヤー／アセット／コンポーネント
ワイヤーフレーム／デザインカンプ制作

BWebデザイン（ノーコード）

Webデザイン概論
HTML基本構造／ CSS基本構造
ノーコード制作概要
プロジェクト管理／ダッシュボード
アニメーション設定
ボックスレイアウト
ユーザビリティ／Webフォント
マルチデバイス／レスポンシブデザイン

CWEBサイト制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
トップページ・コンテンツページ制作
レスポンシブWebサイト制作
デバイス・ブラウザ別確認／ページ最適化
サイトプレビュー／公開
プレゼンテーション／作品講評

LWebグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

MWebグラフィック （Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

OWebデザインⅠ （ビジュアルデザイン）

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

RUIデザイン （IA・UX・UIデザイン）

IA・UX・UIデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計／ワイヤーフレーム設計
UX3大要素／人間中心設計
ユーザー行動と画面設計／ユーザビリティ
サイト目的別／デバイス別UX・UI設計
UX・UIの改善手法

SWebマーケティング

Web解析（Google Analytics）基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング

TWebディレクション

ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション／講評

WプレックスプログラムⅠ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

XプレックスプログラムⅡ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

DHTML Living Standard CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard／セクショニング／エンベット
CSS3／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

EWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

FレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

GHTML Living Standard CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

HWebリッチコンテンツ （jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

IHTML Living Standard CSS3コーディング実践 （HTML5プロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

JWebプログラミング （PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

K作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

WプレックスプログラムⅠ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

XプレックスプログラムⅡ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

DHTML Living Standard CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard／セクショニング／エンベット
CSS3／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

EWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

FレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

GHTML Living Standard CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

HWebリッチコンテンツ （jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

IHTML Living Standard CSS3コーディング実践 （HTML5プロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

JWebプログラミング （PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

K作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

LWebグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

MWebグラフィック （Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

NWeb グラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

WプレックスプログラムⅠ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

XプレックスプログラムⅡ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

DHTML Living Standard CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard／セクショニング／エンベット
CSS3／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

EWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

FレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

GHTML Living Standard CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

HWebリッチコンテンツ （jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

IHTML Living Standard CSS3コーディング実践 （HTML5プロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

JWebプログラミング （PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

K作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

LWebグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

MWebグラフィック （Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

NWeb グラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

OWebデザインⅠ （ビジュアルデザイン）

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

PWebデザインⅡ （情報設計）

アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／ HTML・CSS設計
CSS命名規則／ CSSプリプロセッサ

QWebデザインⅢ （インタラクション）

モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評

WプレックスプログラムⅠ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

XプレックスプログラムⅡ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

DHTML Living Standard CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard／セクショニング／エンベット
CSS3／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

EWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

FレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

GHTML Living Standard CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

HWebリッチコンテンツ （jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

IHTML Living Standard CSS3コーディング実践 （HTML5プロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

JWebプログラミング （PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

K作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

LWebグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

MWebグラフィック （Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

NWeb グラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

OWebデザインⅠ （ビジュアルデザイン）

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

PWebデザインⅡ （情報設計）

アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／ HTML・CSS設計
CSS命名規則／ CSSプリプロセッサ

QWebデザインⅢ （インタラクション）

モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評

RUIデザイン （IA・UX・UIデザイン）

IA・UX・UIデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計／ワイヤーフレーム設計
UX3大要素／人間中心設計
ユーザー行動と画面設計／ユーザビリティ
サイト目的別／デバイス別UX・UI設計
UX・UIの改善手法

SWebマーケティング

Web解析（Google Analytics）基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング

TWebディレクション

ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション／講評

WプレックスプログラムⅠ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

XプレックスプログラムⅡ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

LWebグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

MWebグラフィック （Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

NWeb グラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

OWebデザインⅠ （ビジュアルデザイン）

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

PWebデザインⅡ （情報設計）

アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／ HTML・CSS設計
CSS命名規則／ CSSプリプロセッサ

QWebデザインⅢ （インタラクション）

モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評

RUIデザイン （IA・UX・UIデザイン）

IA・UX・UIデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計／ワイヤーフレーム設計
UX3大要素／人間中心設計
ユーザー行動と画面設計／ユーザビリティ
サイト目的別／デバイス別UX・UI設計
UX・UIの改善手法

SWebマーケティング

Web解析（Google Analytics）基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング

TWebディレクション

ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション／講評

UHTMLプロフェッショナル 認定試験対策

HTMLの基礎知識／要素とカテゴリー
グローバル属性／構造／メタ情報／セクション
CSSの基礎知識／セレクタ／ CSS適用の優先順位
色／背景／テキスト／フォント
ボックス／フレキシブルボックス／アニメーション
レスポンシブWebデザイン関連技術／ API概要
HTTP・HTTPSプロトコル／ Web関連技術
模擬問題演習

Vデザインシステム基礎

デザインの定義／関わる領域
デザインの要素／デザインの原則
デザイン事例／デザイン分析
ブランドの定義／ブランド認知・体系
ブランド分析／ターゲット
ブランディング事例／ブランド構築ステップ
コンセプト開発／ブランド構築ワーク
ブランドメッセージ開発