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

本専攻は、業界最先端のWeb技術とビジネス即応のデザインを並行して学べる実践プログラムです。授業では、最先端のWeb制作技術(HTML Living Standard / CSS3 / Visual Studio Code / Figma / jQuery /JavaScript / WordPress / Photoshop / Illustratorなど)を習得します。また、PCサイトからタブレット、スマホまで多様なデバイスに対応する「Webグラフィック」「視覚表現」「レスポンシブWebデザイン」を習得し、高品質なWebサイトデザインを実現する「ビジュアルデザイン/情報設計/インタラクション表現」を体系的に学びます。さらに、ブランド戦略やUIデザイン、Webマーケティング、Webディレクションなど、ビジネス的視点からもアプローチしていきます。その他、各業界からトップクリエイターを講師に迎えてデザインの真髄を学ぶ「プレックスプログラム」(200時間)を無料で受講できる点も魅力です。最終的には短期間で即戦力のWebデザイナー/UIデザイナー/Webディレクターを育成します。

業界最先端のWeb制作技術を習得!
優良企業へ抜群の就・転職実績を誇る

本専攻は、業界最先端のWeb制作技術を学べる実践プログラムとなっており、優良企業へ抜群の就・転職実績を誇ります。授業では、Web言語「HTML Living Standard / CSS3」や、Web制作ソフト「Visual Studio Code / Figma / Photoshop / Illustrator」を基礎から実践レベルまで習得します。その他、CMS業界標準「WordPress」、業界主流レイアウト技術「Flexbox」、Webプログラミング「JavaScript / jQuery」などについても学びます。Webサイト制作を根本から理解して、高度な最新技術を習得できる内容となっており、本気で学びたい方にお勧めのカリキュラムです。

ビジネス的視点を持つ即戦力の
Webデザイナー/UIデザイナー/Webディレクターを育成!

授業では、PCサイトからタブレット、スマホまで多様なデバイスに対応する「Webグラフィック」「視覚表現」「レスポンシブWebデザイン」を習得し、高品質なWebサイトデザインを実現する「ビジュアルデザイン/情報設計/インタラクション表現」を体系的に学びます。さらに、ブランド戦略やUIデザイン、Webマーケティング、Webディレクションなど、ビジネス的視点からもアプローチしていきます。その他、各業界からトップクリエイターを講師に迎えてデザインの真髄を学ぶ「プレックスプログラム」(200時間)を無料で受講できる点も魅力です。

カリキュラムの特徴

  1. 1業界最先端のWeb技術とビジネス即応のデザインを並行して学べる国内唯一のWebクリエイティブプログラム!
  2. 2世界標準Web言語「HTML Living Standard / CSS3」+Web制作ソフト「Visual Studio Code / Figma」+レイアウト技術「Flexbox」を習得!
  3. 3Webグラフィック「Photoshop / Illustrator」の技術からデジタルデバイス対応のグラフィックスキルまで実践的に習得!
  4. 4PCサイトからタブレット、スマホまで多様なデバイスに対応する「レスポンシブWebデザイン」の技術を習得!
  5. 5CMS業界標準「WordPress」+ 高度なWebプログラミング「JavaScript / Ajax(jQuery)」を基礎から学ぶ!
  6. 6高品質なWebサイトデザインを実現する「ビジュアルデザイン/情報設計/インタラクション表現」を体系的に学ぶ!
  7. 7Webビジネス領域において重要となる「UIデザイン/ Webマーケティング/ Webディレクション」を効率的に学ぶ!
  8. 8顧客・ユーザー視点をもとに、ブランドイメージを具現化し、ブランドとして統一感のあるデザインを具現化できる!
  9. 9デザインを通してブランドの価値創造や問題解決を実現できるデザイナーを養成する!
  10. 10各業界のトップクリエイターからデザインの真髄を学ぶ「プレックスプログラム」(200時間)を2年間受講できる!

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コーディング実践 (HTML5プロフェッショナル認定試験対応)

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

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

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

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

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

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コーディング実践 (HTML5プロフェッショナル認定試験対応)

    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タイポグラフィ
    サイトレイアウト
    ワイヤーフレーム/デザインカンプ
    デザインカンプ制作実習
    プレゼンテーション/講評

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

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

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

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

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コーディング実践 (HTML5プロフェッショナル認定試験対応)

    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サイトデザイン制作実習
    プレゼンテーション/講評

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

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

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

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

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コーディング実践 (HTML5プロフェッショナル認定試験対応)

    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・UX・UIデザイン)

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

  • PWebマーケティング

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

  • QWebディレクション

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

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

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

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

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

Webグラフィック実践コース
curriculum :
  • IWebグラフィック (Illustrator)

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

  • JWebグラフィック (Photoshop)

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

  • KWeb グラフィック制作実習

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

Webデザイン実践コース
curriculum :
  • LWebデザインⅠ (ビジュアルデザイン)

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

  • MWebデザインⅡ (情報設計)

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

  • NWebデザインⅢ (インタラクション)

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

UIデザイン/マーケティング実践コース
curriculum :
  • OUIデザイン (IA・UX・UIデザイン)

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

  • PWebマーケティング

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

  • QWebディレクション

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

Webデザイン速習コース
curriculum :
  • RWeb基礎/ Webプロトタイピング

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

  • SWebデザイン (ノーコード)

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

  • TWEBサイト制作実習

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

デザインシステム基礎コース
curriculum :
  • Uデザインシステム基礎

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

HTMLプロフェッショナル認定試験対策コース
curriculum :
  • VHTMLプロフェッショナル 認定試験対策

    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コーディング実践 (HTML5プロフェッショナル認定試験対応)
  • GWebプログラミング (PHP / MySQL / WordPress)
  • H作品制作実習
  • IWebグラフィック (Illustrator)
  • JWebグラフィック (Photoshop)
  • KWeb グラフィック制作実習
  • LWebデザインⅠ (ビジュアルデザイン)
  • MWebデザインⅡ (情報設計)
  • NWebデザインⅢ (インタラクション)
  • OUIデザイン (IA・UX・UIデザイン)
  • PWebマーケティング
  • QWebディレクション
  • RWeb基礎/ Webプロトタイピング
  • SWebデザイン (ノーコード)
  • TWEBサイト制作実習
  • Uデザインシステム基礎
  • VHTMLプロフェッショナル 認定試験対策
  • WプレックスプログラムⅠ
  • XプレックスプログラムⅡ

東京デザインプレックス研究所 修了生の声

「つくっていれば幸せ」そんな感覚を大切にしたい。

Webデザイナー黒河内 彩音 Ayane Kurokouchi 25歳

DETAILS: 詳細へ
Cool なだけではなく、便利なデザインを生み出していきたい。

デザイナークリストフ・ポワドヴァン Christophe Poidevint 37歳

DETAILS: 詳細へ
Webの中に人間の体温が伝わるような仕組みをつくりたい。

インタラクションアーティスト岡田 憲一 Kenichi Okada 35歳

DETAILS: 詳細へ
VIEW MORE: 修了生の声一覧へ

プレックスプログラムレポート

各業界のトップクリエイターを講師に迎え、業界や分野を超えたデザインの真髄を学びます。
次代のデザイナーに必要な10要素で構成される独自プログラムです。

VIEW MORE: プレックスプログラムレポート詳細へ