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

業界最先端のWeb技術と
実践デザインを多角的に学ぶ
本専攻では、Web言語「HTML Living Standard・CSS3」やWeb制作ソフト「Photoshop / Illustrator / Visual Studio Code / Figma」を基礎から実践レベルまで習得します。その他、多様なデバイスに対応できる「レスポンシブWebデザイン」や、業界主流レイアウト技術「Flexbox」、CMS業界標準「WordPress」、Webプログラミング「JavaScript、Ajax(jQuery)」についても学びます。さらに、各業界からトップクリエイターを講師に迎えてデザインの真髄を学ぶ「プレックスプログラム」(80プログラム/2年間)を無料で受講できる点も魅力です。

ビジネス的視点を持つ
即戦力のWebクリエイターを育成
高品質なWebサイトデザインを実現する「ビジュアルデザイン/情報設計/インタラクション表現」や、Webビジネス領域において重要となる「UIデザイン/Webマーケティング/Webディレクション」について学びます。また、デザインシステムの基礎からブランド構築、デザイン戦略を学ぶ「デザインストラテジー」のプログラムも選択できます。最終的には、ユーザーの行動傾向やデータ分析などを柔軟にデザイン反映できる「ビジネス的視点」を持つWebデザイナーやUIデザイナー、Webディレクターを目指します。

カリキュラムの特徴
- 1業界最先端のWeb技術とビジネス即応のデザインを並行して学べる国内唯一のWebクリエイティブプログラム!
- 2世界標準Web言語「HTML Living Standard・CSS3」+Web制作ソフト「Visual Studio Code / Figma」+レイアウト技術「Flexbox」を習得!
- 3Webグラフィック「Photoshop / Illustrator」の技術からデジタルデバイス対応のグラフィックスキルまで実践的に習得!
- 4PCサイトからタブレット、スマホまで多様なデバイスに対応する「レスポンシブWebデザイン」の技術を習得!
- 5CMS業界標準「WordPress」+ 高度なWebプログラミング「JavaScript / Ajax(jQuery)」を基礎から学ぶ!
- 6高品質なWebサイトデザインを実現する「ビジュアルデザイン/情報設計/インタラクション表現」を体系的に学ぶ!
- 7Webビジネス領域において重要となる「UIデザイン/ Webマーケティング/ Webディレクション」を効率的に学ぶ!
WEBクリエイティブ専攻
- curriculum :
-
-
AHTML Living Standard・CSS3コーディングⅠ
HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本/ビュー/各種パネル
HTML Living Standard /セクショニング/エンベット
CSS3 /セレクタ/プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト -
BWebプロトタイピング (Figma)
Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
Webサイト制作フロー
Figmaの基本操作
プロジェクト/モード切替
レイヤー/アセット
コンポーネント
プランニングシート/コーディング設計
ワイヤーフレーム/デザインカンプ制作 -
CレスポンシブWebデザイン
マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ/ SVG実装
ページの高速化/レスポンシブWeb実践 -
DHTML Living Standard・CSS3コーディングⅡ
リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック/ FTP -
EWebリッチコンテンツ(jQuery / JavaScript)
クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎(実装)
jQuery実践(class変更など)
jQueryプラグイン(lightboxなど)
jQuery応用(Loading /条件分岐による挙動)
プラグイン -
FHTML Living Standard・CSS3コーディング実践 (HTMLプロフェッショナル認定試験対応)
HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ/業界最新技術動向 -
GWebプログラミング(PHP / MySQL / WordPress)
サーバーサイドスクリプト概論/ API 概論
PHP概要/基礎/入力フォーム
データベース/ MySQL概要
CMS(コンテンツマネジメントシステム)概要
WordPress概要/インストール/環境設定
管理画面/投稿ページ/固定ページ
カテゴリ/タグ/タクソノミー/ WordPress関数
プラグイン/オリジナルテーマ制作 -
H作品制作実習
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング/ページ最適化
ブラウザ互換性/コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション/作品講評 -
IWebグラフィック(Illustrator)
Illustratorの基本操作(ツール・機能)
図形の描画/オブジェクト/グループ化/レイヤー
変形/整列/パスファインダ/パス/アンカーポイント
アウトライン化/クリッピングマスク
RGBとCMYK /グラデーション
文字の扱い/文字デザイン/ロゴ/マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し/ SVGデータ編集 -
JWebグラフィック(Photoshop)
Photoshopの基本操作(ツール・機能)
画像サイズ/ピクセル/画像解像度
写真の加工・合成・トリミング
色域指定/カラーバランス/色調補正/シェイプ
レイヤー/レイヤースタイル/レイヤー効果/不透明度
クイックマスク/レイヤーマスク/クリッピングマスク
アートボード/レイアウトの基本原則
Web用画像の生成・書き出し -
KWebグラフィック制作実習
デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム/デザインカンプ
デザインカンプ制作実習
プレゼンテーション/講評 -
Sプレックスプログラム Ⅰ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
Tプレックスプログラム Ⅱ
ボーダレスデザイン(国/分野)
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ(ブランディング)
デザインストラテジーⅡ(マーケティング・MD)
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
AHTML Living Standard・CSS3コーディングⅠ
HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本/ビュー/各種パネル
HTML Living Standard /セクショニング/エンベット
CSS3 /セレクタ/プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト -
BWebプロトタイピング (Figma)
Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
Webサイト制作フロー
Figmaの基本操作
プロジェクト/モード切替
レイヤー/アセット
コンポーネント
プランニングシート/コーディング設計
ワイヤーフレーム/デザインカンプ制作 -
CレスポンシブWebデザイン
マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ/ SVG実装
ページの高速化/レスポンシブWeb実践 -
DHTML Living Standard・CSS3コーディングⅡ
リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック/ FTP -
EWebリッチコンテンツ(jQuery / JavaScript)
クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎(実装)
jQuery実践(class変更など)
jQueryプラグイン(lightboxなど)
jQuery応用(Loading /条件分岐による挙動)
プラグイン -
FHTML Living Standard・CSS3コーディング実践 (HTMLプロフェッショナル認定試験対応)
HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ/業界最新技術動向 -
GWebプログラミング(PHP / MySQL / WordPress)
サーバーサイドスクリプト概論/ API 概論
PHP概要/基礎/入力フォーム
データベース/ MySQL概要
CMS(コンテンツマネジメントシステム)概要
WordPress概要/インストール/環境設定
管理画面/投稿ページ/固定ページ
カテゴリ/タグ/タクソノミー/ WordPress関数
プラグイン/オリジナルテーマ制作 -
H作品制作実習
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング/ページ最適化
ブラウザ互換性/コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション/作品講評 -
IWebグラフィック(Illustrator)
Illustratorの基本操作(ツール・機能)
図形の描画/オブジェクト/グループ化/レイヤー
変形/整列/パスファインダ/パス/アンカーポイント
アウトライン化/クリッピングマスク
RGBとCMYK /グラデーション
文字の扱い/文字デザイン/ロゴ/マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し/ SVGデータ編集 -
JWebグラフィック(Photoshop)
Photoshopの基本操作(ツール・機能)
画像サイズ/ピクセル/画像解像度
写真の加工・合成・トリミング
色域指定/カラーバランス/色調補正/シェイプ
レイヤー/レイヤースタイル/レイヤー効果/不透明度
クイックマスク/レイヤーマスク/クリッピングマスク
アートボード/レイアウトの基本原則
Web用画像の生成・書き出し -
KWebグラフィック制作実習
デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム/デザインカンプ
デザインカンプ制作実習
プレゼンテーション/講評 -
LWebデザイン Ⅰ(ビジュアルデザイン)
Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考/分析 -
MWebデザイン Ⅱ(情報設計)
アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造/ HTML・CSS設計
CSS命名規則/ CSSプリプロセッサ -
NWebデザイン Ⅲ(インタラクション)
モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン/ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション/講評 -
Sプレックスプログラム Ⅰ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
Tプレックスプログラム Ⅱ
ボーダレスデザイン(国/分野)
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ(ブランディング)
デザインストラテジーⅡ(マーケティング・MD)
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
AHTML Living Standard・CSS3コーディングⅠ
HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本/ビュー/各種パネル
HTML Living Standard /セクショニング/エンベット
CSS3 /セレクタ/プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト -
BWebプロトタイピング (Figma)
Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
Webサイト制作フロー
Figmaの基本操作
プロジェクト/モード切替
レイヤー/アセット
コンポーネント
プランニングシート/コーディング設計
ワイヤーフレーム/デザインカンプ制作 -
CレスポンシブWebデザイン
マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ/ SVG実装
ページの高速化/レスポンシブWeb実践 -
DHTML Living Standard・CSS3コーディングⅡ
リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック/ FTP -
EWebリッチコンテンツ(jQuery / JavaScript)
クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎(実装)
jQuery実践(class変更など)
jQueryプラグイン(lightboxなど)
jQuery応用(Loading /条件分岐による挙動)
プラグイン -
FHTML Living Standard・CSS3コーディング実践 (HTMLプロフェッショナル認定試験対応)
HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ/業界最新技術動向 -
GWebプログラミング(PHP / MySQL / WordPress)
サーバーサイドスクリプト概論/ API 概論
PHP概要/基礎/入力フォーム
データベース/ MySQL概要
CMS(コンテンツマネジメントシステム)概要
WordPress概要/インストール/環境設定
管理画面/投稿ページ/固定ページ
カテゴリ/タグ/タクソノミー/ WordPress関数
プラグイン/オリジナルテーマ制作 -
H作品制作実習
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング/ページ最適化
ブラウザ互換性/コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション/作品講評 -
IWebグラフィック(Illustrator)
Illustratorの基本操作(ツール・機能)
図形の描画/オブジェクト/グループ化/レイヤー
変形/整列/パスファインダ/パス/アンカーポイント
アウトライン化/クリッピングマスク
RGBとCMYK /グラデーション
文字の扱い/文字デザイン/ロゴ/マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し/ SVGデータ編集 -
JWebグラフィック(Photoshop)
Photoshopの基本操作(ツール・機能)
画像サイズ/ピクセル/画像解像度
写真の加工・合成・トリミング
色域指定/カラーバランス/色調補正/シェイプ
レイヤー/レイヤースタイル/レイヤー効果/不透明度
クイックマスク/レイヤーマスク/クリッピングマスク
アートボード/レイアウトの基本原則
Web用画像の生成・書き出し -
KWebグラフィック制作実習
デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム/デザインカンプ
デザインカンプ制作実習
プレゼンテーション/講評 -
OUIデザイン (IA・UI・UXデザイン)
IA・UI・UXデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計/ワイヤーフレーム設計
UX3大要素/人間中心設計
ユーザー行動と画面設計/ユーザビリティ
サイト目的別/デバイス別UI・UX設計
UI・UXの改善手法 -
PWebマーケティング
Web解析(Google Analytics)基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング -
QWebディレクション
ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション/講評 -
Sプレックスプログラム Ⅰ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
Tプレックスプログラム Ⅱ
ボーダレスデザイン(国/分野)
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ(ブランディング)
デザインストラテジーⅡ(マーケティング・MD)
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
AHTML Living Standard・CSS3コーディングⅠ
HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本/ビュー/各種パネル
HTML Living Standard /セクショニング/エンベット
CSS3 /セレクタ/プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト -
BWebプロトタイピング (Figma)
Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
Webサイト制作フロー
Figmaの基本操作
プロジェクト/モード切替
レイヤー/アセット
コンポーネント
プランニングシート/コーディング設計
ワイヤーフレーム/デザインカンプ制作 -
CレスポンシブWebデザイン
マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ/ SVG実装
ページの高速化/レスポンシブWeb実践 -
DHTML Living Standard・CSS3コーディングⅡ
リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック/ FTP -
EWebリッチコンテンツ(jQuery / JavaScript)
クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎(実装)
jQuery実践(class変更など)
jQueryプラグイン(lightboxなど)
jQuery応用(Loading /条件分岐による挙動)
プラグイン -
FHTML Living Standard・CSS3コーディング実践 (HTMLプロフェッショナル認定試験対応)
HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ/業界最新技術動向 -
GWebプログラミング(PHP / MySQL / WordPress)
サーバーサイドスクリプト概論/ API 概論
PHP概要/基礎/入力フォーム
データベース/ MySQL概要
CMS(コンテンツマネジメントシステム)概要
WordPress概要/インストール/環境設定
管理画面/投稿ページ/固定ページ
カテゴリ/タグ/タクソノミー/ WordPress関数
プラグイン/オリジナルテーマ制作 -
H作品制作実習
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング/ページ最適化
ブラウザ互換性/コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション/作品講評 -
IWebグラフィック(Illustrator)
Illustratorの基本操作(ツール・機能)
図形の描画/オブジェクト/グループ化/レイヤー
変形/整列/パスファインダ/パス/アンカーポイント
アウトライン化/クリッピングマスク
RGBとCMYK /グラデーション
文字の扱い/文字デザイン/ロゴ/マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し/ SVGデータ編集 -
JWebグラフィック(Photoshop)
Photoshopの基本操作(ツール・機能)
画像サイズ/ピクセル/画像解像度
写真の加工・合成・トリミング
色域指定/カラーバランス/色調補正/シェイプ
レイヤー/レイヤースタイル/レイヤー効果/不透明度
クイックマスク/レイヤーマスク/クリッピングマスク
アートボード/レイアウトの基本原則
Web用画像の生成・書き出し -
KWebグラフィック制作実習
デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム/デザインカンプ
デザインカンプ制作実習
プレゼンテーション/講評 -
LWebデザイン Ⅰ(ビジュアルデザイン)
Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考/分析 -
MWebデザイン Ⅱ(情報設計)
アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造/ HTML・CSS設計
CSS命名規則/ CSSプリプロセッサ -
NWebデザイン Ⅲ(インタラクション)
モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン/ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション/講評 -
OUIデザイン (IA・UI・UXデザイン)
IA・UI・UXデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計/ワイヤーフレーム設計
UX3大要素/人間中心設計
ユーザー行動と画面設計/ユーザビリティ
サイト目的別/デバイス別UI・UX設計
UI・UXの改善手法 -
PWebマーケティング
Web解析(Google Analytics)基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング -
QWebディレクション
ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション/講評 -
Sプレックスプログラム Ⅰ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
Tプレックスプログラム Ⅱ
ボーダレスデザイン(国/分野)
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ(ブランディング)
デザインストラテジーⅡ(マーケティング・MD)
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
AHTML Living Standard・CSS3コーディングⅠ
HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本/ビュー/各種パネル
HTML Living Standard /セクショニング/エンベット
CSS3 /セレクタ/プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト -
BWebプロトタイピング (Figma)
Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
Webサイト制作フロー
Figmaの基本操作
プロジェクト/モード切替
レイヤー/アセット
コンポーネント
プランニングシート/コーディング設計
ワイヤーフレーム/デザインカンプ制作 -
CレスポンシブWebデザイン
マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ/ SVG実装
ページの高速化/レスポンシブWeb実践 -
DHTML Living Standard・CSS3コーディングⅡ
リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック/ FTP -
EWebリッチコンテンツ(jQuery / JavaScript)
クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎(実装)
jQuery実践(class変更など)
jQueryプラグイン(lightboxなど)
jQuery応用(Loading /条件分岐による挙動)
プラグイン -
FHTML Living Standard・CSS3コーディング実践 (HTMLプロフェッショナル認定試験対応)
HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ/業界最新技術動向 -
GWebプログラミング(PHP / MySQL / WordPress)
サーバーサイドスクリプト概論/ API 概論
PHP概要/基礎/入力フォーム
データベース/ MySQL概要
CMS(コンテンツマネジメントシステム)概要
WordPress概要/インストール/環境設定
管理画面/投稿ページ/固定ページ
カテゴリ/タグ/タクソノミー/ WordPress関数
プラグイン/オリジナルテーマ制作 -
H作品制作実習
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング/ページ最適化
ブラウザ互換性/コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション/作品講評 -
Sプレックスプログラム Ⅰ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
Tプレックスプログラム Ⅱ
ボーダレスデザイン(国/分野)
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ(ブランディング)
デザインストラテジーⅡ(マーケティング・MD)
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
IWebグラフィック(Illustrator)
Illustratorの基本操作(ツール・機能)
図形の描画/オブジェクト/グループ化/レイヤー
変形/整列/パスファインダ/パス/アンカーポイント
アウトライン化/クリッピングマスク
RGBとCMYK /グラデーション
文字の扱い/文字デザイン/ロゴ/マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し/ SVGデータ編集 -
JWebグラフィック(Photoshop)
Photoshopの基本操作(ツール・機能)
画像サイズ/ピクセル/画像解像度
写真の加工・合成・トリミング
色域指定/カラーバランス/色調補正/シェイプ
レイヤー/レイヤースタイル/レイヤー効果/不透明度
クイックマスク/レイヤーマスク/クリッピングマスク
アートボード/レイアウトの基本原則
Web用画像の生成・書き出し -
KWebグラフィック制作実習
デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム/デザインカンプ
デザインカンプ制作実習
プレゼンテーション/講評
-
- curriculum :
-
-
LWebデザイン Ⅰ(ビジュアルデザイン)
Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考/分析 -
MWebデザイン Ⅱ(情報設計)
アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造/ HTML・CSS設計
CSS命名規則/ CSSプリプロセッサ -
NWebデザイン Ⅲ(インタラクション)
モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン/ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション/講評
-
- curriculum :
-
-
OUIデザイン (IA・UI・UXデザイン)
IA・UI・UXデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計/ワイヤーフレーム設計
UX3大要素/人間中心設計
ユーザー行動と画面設計/ユーザビリティ
サイト目的別/デバイス別UI・UX設計
UI・UXの改善手法 -
PWebマーケティング
Web解析(Google Analytics)基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング -
QWebディレクション
ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション/講評
-
- デザインストラテジー専攻の以下カリキュラムを設置
-
-
AデザインシステムⅠ
デザインの定義/デザインとは
デザイン事例/デザインを探す
デザインが関わる領域
デザインの道具
デザインフローの理解
デザインの前提
デザインの要素
デザインの原則
黄金比/グリッド/ゲシュタルト原則
デザイン分析 -
BデザインシステムⅡ
デザインの目的と対象
ビジネスフローとデザインの関係性
ブランドの定義
ブランド認知/ブランド体系
ブランド要素/ブランド体験
ブランド分析/ターゲット
ブランディング事例
ブランドアイデンティティ
ブランド構築ステップ
ブランドとデザインの関係性 -
CデザインシステムⅢ
コンセプト開発
グループワーク形式の理解
8QSを使ったコンセプトメイキング
ブランドメッセージ開発
ブランドキーワードの選定
コンセプト設計
ブランド構築ワーク
ブランドデザインの役割
グループワーク発表/講評
課題リフレクション
-
- デザインストラテジー専攻の以下カリキュラムを設置
-
-
DブランドデザインⅠ
ブランドデザイン戦略の理解
デザインの役割
デザインワークフローの理解
アフォーダンスの知識
ブランドイメージ構築
ブランド構築ステップ
自己理解を深めるワーク
五感リサーチ法
共感と反発
課題リフレクション -
EブランドデザインⅡ
ペルソナを探る
ペルソナ観察
ペルソナ構築
デザイン思考について
ブランドデザイン構築Ⅰ
ブランドデザイン構築Ⅱ
インタビュー設計
フィールドワークⅠ
フィールドワークⅡ
共感マップ作成 -
FブランドデザインⅢ
フレームワーク分析
3C分析
STPマーケティング分析
セグメンテーション
ターゲティング
ポジショニング開発
ブランドアイデンティティ構築Ⅰ
ブランドアイデンティティ構築Ⅱ
ロゴマークの設計
プロセスの振り返り -
GブランドデザインⅣ
ブランド戦略構築
4Pと4C
ブランド要素
ブランド体験シナリオ作成
ブランディングプレゼンテーション
発表フィードバック
情報分析
問題定義
市場の情報収集
課題リフレクション -
HブランドデザインⅤ
ブランド構築ワークショップ(個人)
インタビューとアンケート
共感ポイント
独自価値の仮説
市場細分化の注意点
見込み客の選定
ネットワーク連想法とポジショニング
ポジショニングマップ作成Ⅰ
ポジショニングマップ作成Ⅱ
プレゼンテーション/講評 -
IブランドデザインⅥ
ブランド構築ワークショップ(グループ)
共通課題の見定め
ブランディングテーマの設定
ポジショニングの軸を設定
チーム対話の発想法
チーム対話の収束法
チームコミュニケーション
プロトタイピングⅠ
プロトタイピングⅡ
プレゼンテーション/講評
-
- curriculum :
-
-
RHTMLプロフェッショナル 認定試験対策
HTMLの基礎知識/要素とカテゴリー
グローバル属性/構造/メタ情報/セクション
CSSの基礎知識/セレクタ/CSS適用の優先順位
色/背景/テキスト/フォント
ボックス/フレキシブルボックス/アニメーション
レスポンシブWebデザイン関連技術/API概要
HTTP・HTTPSプロトコル/Web関連技術
模擬問題演習
-
該当カリキュラム 一覧
- AHTML Living Standard・CSS3コーディングⅠ
- BWebプロトタイピング (Figma)
- CレスポンシブWebデザイン
- DHTML Living Standard・CSS3コーディングⅡ
- EWebリッチコンテンツ(jQuery / JavaScript)
- FHTML Living Standard・CSS3コーディング実践 (HTMLプロフェッショナル認定試験対応)
- GWebプログラミング(PHP / MySQL / WordPress)
- H作品制作実習
- IWebグラフィック(Illustrator)
- JWebグラフィック(Photoshop)
- KWebグラフィック制作実習
- LWebデザイン Ⅰ(ビジュアルデザイン)
- MWebデザイン Ⅱ(情報設計)
- NWebデザイン Ⅲ(インタラクション)
- OUIデザイン (IA・UI・UXデザイン)
- PWebマーケティング
- QWebディレクション
- RHTMLプロフェッショナル 認定試験対策
- Sプレックスプログラム Ⅰ
- Tプレックスプログラム Ⅱ