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 :
  • 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)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

Webグラフィックデザイン総合コース
curriculum :
  • 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)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

Web&スマートフォンサイト制作コース
curriculum :
  • 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)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

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

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

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

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

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

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

UIデザイン/マーケティング実践コース
curriculum :
  • 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ディレクション

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

グラフィックデザイン実践コース
curriculum :
  • RグラフィックデザインⅠ (タイポグラフィ応用)

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

  • SグラフィックデザインⅡ (タイポグラフィ応用)

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

  • TグラフィックデザインⅢ (グラフィック応用)

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

  • UグラフィックデザインⅣ (グラフィック応用)

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

クリエイティブデザイン集中コース
curriculum :
  • Pカラーイメージ表現

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

  • Qフォトイメージ表現

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

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

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

該当カリキュラム 一覧

  • AWeb基礎/Webプロトタイピング
  • B HTML Living Standard CSS3コーディングⅠ
  • CレスポンシブWebデザイン
  • DHTML Living Standard CSS3コーディングⅡ
  • EWebリッチコンテンツ (JavaScript / jQuery)
  • F Webプログラミング (PHP / MySQL / WordPress)
  • G作品制作実習
  • H Webグラフィック (Photoshop)
  • I Webグラフィック (Illustrator)
  • J WebデザインⅠ (ビジュアルデザイン)
  • KWebデザインⅡ (情報設計)
  • L WebデザインⅢ (インタラクション)
  • M UIデザイン (IA・UX・UIデザイン)
  • N Webマーケティング
  • OWebディレクション
  • Pカラーイメージ表現
  • Qフォトイメージ表現
  • RグラフィックデザインⅠ (タイポグラフィ応用)
  • SグラフィックデザインⅡ (タイポグラフィ応用)
  • TグラフィックデザインⅢ (グラフィック応用)
  • UグラフィックデザインⅣ (グラフィック応用)
  • Vデザインシステム基礎
  • WブランドデザインⅠ
  • XブランドデザインⅡ
  • Yモーショングラフィックス
  • ZプレックスプログラムⅠ
  • αプレックスプログラムⅡ

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

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

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

DETAILS: 詳細へ
DETAILS: 詳細へ
クリエイティブの中枢になって日本と海外の橋渡しをしたい。

UI/UXデザイナー小林 拓也 Takuya Kobayashi 26歳

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

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

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

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