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

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

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

B HTML Living Standard CSS3コーディングⅠ

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

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

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

DHTML Living Standard CSS3コーディングⅡ

リセットCSS／ノーマライズCSS
セマンティックWeb
CSSアニメーション／CSS transform
CSS3によるWeb編集
Webフォント概要／グリッドレイアウト
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応／デベロッパーツール
バリデーションチェック／FTP

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

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎（記述ルール・コンソール・条件分岐）
JavaScript実践（変数・関数・オブジェクト）
JavaScriptプラグイン／UI実装
jQuery実践（class変更など）
jQueryプラグイン（スライダー・lightboxなど）
jQuery応用（Loading／条件分岐による挙動）

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

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

G作品制作実習

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

H Webグラフィック （Photoshop）

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

I Webグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
パスファインダ／パス／アンカーポイント／マスク
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／SVGデータ編集
ワイヤーフレーム／デザインカンプ制作実習
プレゼンテーション／講評

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

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

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

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

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

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

B HTML Living Standard CSS3コーディングⅠ

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

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

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

DHTML Living Standard CSS3コーディングⅡ

リセットCSS／ノーマライズCSS
セマンティックWeb
CSSアニメーション／CSS transform
CSS3によるWeb編集
Webフォント概要／グリッドレイアウト
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応／デベロッパーツール
バリデーションチェック／FTP

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

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎（記述ルール・コンソール・条件分岐）
JavaScript実践（変数・関数・オブジェクト）
JavaScriptプラグイン／UI実装
jQuery実践（class変更など）
jQueryプラグイン（スライダー・lightboxなど）
jQuery応用（Loading／条件分岐による挙動）

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

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

G作品制作実習

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

H Webグラフィック （Photoshop）

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

I Webグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
パスファインダ／パス／アンカーポイント／マスク
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／SVGデータ編集
ワイヤーフレーム／デザインカンプ制作実習
プレゼンテーション／講評

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

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

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

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

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

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

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

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

N Webマーケティング

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

OWebディレクション

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

Pカラーイメージ表現

色彩基礎／トーンのイメージ・色の温度感
色の進出・後退／膨張・収縮色／対比・同化
色のサンプリング・グラデーション実習
色彩構成 実習／講評
配色の基本／配色を系統的に理解する
配色基礎用語／色相・トーンの配色
色彩トレーニング／色彩マーケティ

Qフォトイメージ表現

写真の基礎知識／写真の表現力
カメラの仕組み／構図／アングル
光の向き・種類 トレーニング／考察
焦点距離／画角／ホワイトバランス
遠近感／被写界深度／シャッタースピード
露出／絞り値／デジタルフォト撮影指導
コンセプトワーク／フォトセレクション
デジタルフォト撮影実習／プレゼン／講評

RグラフィックデザインⅠ （タイポグラフィ応用）

タイポグラフィ概論
グラフィックデザインヒストリー
活字としての社会的役割
タイプフェイス／字形・字体
書体の構造／ケーススタディ
書体の選定／ケーススタディ
紙面の構造設計／ケーススタディ
複数メディアのタイポグラフィ

SグラフィックデザインⅡ （タイポグラフィ応用）

書体イメージとバリエーション
欧文書体の種類と特徴
欧文組版／ハイフネーション
和文書体の種類と特徴
和文組版／約物と禁則処理
実験的和文組版
スペーシング実践／字間と行間
和欧混植／組版ルール／ジャスティファイ

TグラフィックデザインⅢ （グラフィック応用）

企業CI・VI・BI Ⅰ
企業CI・VI・BI Ⅱ
企業CI・VI・BI Ⅲ
シンボルマークとロゴタイプ
DTP環境での多様性とオリジナリティ
デザイン思考と表現方法／視覚表現の言語化
グラフィックデザインの流行と普遍性
CI／ロゴ制作実習

UグラフィックデザインⅣ （グラフィック応用）

広告デザインの企画／コンセプトワーク
広告・販促物の種類と特徴
ケーススタディⅠ（ポスター／チラシ／雑誌広告）
ケーススタディⅡ（DM／CDジャケット／POP／サイン）
紙の三次元／立体オブジェクト
パッケージデザイン
プレゼンテーション／講評
デザインDATA入稿／色校正／納品確認

Vデザインシステム基礎

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

WブランドデザインⅠ

ブランディングの理解
ブランド定義／ブランド認知
ブランド構築ステップ
ブランド体系／ブランディング歴史
ブランドアイデンティティ構築
3C分析／STP分析
ペルソナ構築手法
ペルソナ構築の重要性

XブランドデザインⅡ

ブランディングフレームワーク
ブランディング構築フロー
ブランド要素／ブランド体験／顧客フロー
マーケティング定義
マーケティングとブランディングの接点
ブランド＝資本価値の理解
ブランド戦略／価値創造
プレゼンテーション／講評

Yモーショングラフィックス

モーショングラフィックス概論／AfterEffects基礎
プロジェクト／レイヤー／プロパティ
タイムライン／コンポジション／キーフレーム
モーションパス／アドビソフトとの連携
シェイプ／3D／視線誘導／動きの見せ方
タイトルアニメーション／グラフィックアニメーション
バナー・サイネージ広告制作／リール動画制作
プレゼンテーション／講評

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

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

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

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

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

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

B HTML Living Standard CSS3コーディングⅠ

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

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

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

DHTML Living Standard CSS3コーディングⅡ

リセットCSS／ノーマライズCSS
セマンティックWeb
CSSアニメーション／CSS transform
CSS3によるWeb編集
Webフォント概要／グリッドレイアウト
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応／デベロッパーツール
バリデーションチェック／FTP

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

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎（記述ルール・コンソール・条件分岐）
JavaScript実践（変数・関数・オブジェクト）
JavaScriptプラグイン／UI実装
jQuery実践（class変更など）
jQueryプラグイン（スライダー・lightboxなど）
jQuery応用（Loading／条件分岐による挙動）

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

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

G作品制作実習

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

H Webグラフィック （Photoshop）

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

I Webグラフィック （Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
パスファインダ／パス／アンカーポイント／マスク
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／SVGデータ編集
ワイヤーフレーム／デザインカンプ制作実習
プレゼンテーション／講評

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

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

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

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

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

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

Qフォトイメージ表現

写真の基礎知識／写真の表現力
カメラの仕組み／構図／アングル
光の向き・種類 トレーニング／考察
焦点距離／画角／ホワイトバランス
遠近感／被写界深度／シャッタースピード
露出／絞り値／デジタルフォト撮影指導
コンセプトワーク／フォトセレクション
デジタルフォト撮影実習／プレゼン／講評

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

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

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

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

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

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

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

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

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

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

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

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

N Webマーケティング

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

OWebディレクション

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

RグラフィックデザインⅠ （タイポグラフィ応用）

タイポグラフィ概論
グラフィックデザインヒストリー
活字としての社会的役割
タイプフェイス／字形・字体
書体の構造／ケーススタディ
書体の選定／ケーススタディ
紙面の構造設計／ケーススタディ
複数メディアのタイポグラフィ

SグラフィックデザインⅡ （タイポグラフィ応用）

書体イメージとバリエーション
欧文書体の種類と特徴
欧文組版／ハイフネーション
和文書体の種類と特徴
和文組版／約物と禁則処理
実験的和文組版
スペーシング実践／字間と行間
和欧混植／組版ルール／ジャスティファイ

TグラフィックデザインⅢ （グラフィック応用）

企業CI・VI・BI Ⅰ
企業CI・VI・BI Ⅱ
企業CI・VI・BI Ⅲ
シンボルマークとロゴタイプ
DTP環境での多様性とオリジナリティ
デザイン思考と表現方法／視覚表現の言語化
グラフィックデザインの流行と普遍性
CI／ロゴ制作実習

UグラフィックデザインⅣ （グラフィック応用）

広告デザインの企画／コンセプトワーク
広告・販促物の種類と特徴
ケーススタディⅠ（ポスター／チラシ／雑誌広告）
ケーススタディⅡ（DM／CDジャケット／POP／サイン）
紙の三次元／立体オブジェクト
パッケージデザイン
プレゼンテーション／講評
デザインDATA入稿／色校正／納品確認

Pカラーイメージ表現

色彩基礎／トーンのイメージ・色の温度感
色の進出・後退／膨張・収縮色／対比・同化
色のサンプリング・グラデーション実習
色彩構成 実習／講評
配色の基本／配色を系統的に理解する
配色基礎用語／色相・トーンの配色
色彩トレーニング／色彩マーケティ

Qフォトイメージ表現

写真の基礎知識／写真の表現力
カメラの仕組み／構図／アングル
光の向き・種類 トレーニング／考察
焦点距離／画角／ホワイトバランス
遠近感／被写界深度／シャッタースピード
露出／絞り値／デジタルフォト撮影指導
コンセプトワーク／フォトセレクション
デジタルフォト撮影実習／プレゼン／講評

Vデザインシステム基礎

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