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

本専攻は「業界最先端のWeb技術とビジネス即応のデザイン」を並行して学べる国内唯一のプログラムとなっており、Webデザイナー/ Webディレクター就職で抜群の実績を誇ります。授業では、HTML5 / CSS3コーディングから、動的クリエイティブ、高度なWebプログラミング、スマートフォンサイト制作、レスポンシブWebデザイン、視覚デザイン(カラー / 写真 / タイポグラフィ)、デザインストラテジー、国内初となる本格的UI / UXプログラムまで行っています。

業界最先端のWeb技術と
実践デザインを多角的に学ぶ

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

ビジネス的視点を持つ
即戦力のWebクリエイターを育成

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

カリキュラムの特徴

  1. 1業界最先端のWeb技術とビジネス即応のデザインを並行して学べる国内唯一のWebクリエイティブプログラム!
  2. 2世界標準Web言語「HTML5・CSS3」+Web制作ソフト「Adobe XD / Dreamweaver」+レイアウト技術「Flexbox」を習得!
  3. 3Webグラフィック「Photoshop / Illustrator」の技術からデジタルデバイス対応のグラフィックスキルまで実践的に習得!
  4. 4PCサイトからタブレット、スマホまで多様なデバイスに対応する「レスポンシブWebデザイン」の技術を習得!
  5. 5CMS業界標準「WordPress」+高度なWebプログラミング「JavaScript / Ajax(jQuery)」を基礎から学ぶ!
  6. 6高品質なWebサイトデザインを実現する「ビジュアルデザイン/情報設計/インタラクション表現」を体系的に学ぶ!
  7. 7Webディレクションで重要となる「IA・UI・UXデザイン/Webマーケティング/Webディレクション」を効率的に学ぶ!

WEBクリエイティブ専攻

Web&スマートフォンサイト制作コース
curriculum :
  • AHTML5・CSS3コーディング Ⅰ

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

  • BWebグラフィック(Adobe XD)

    Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
    Webサイト制作フロー
    Adobe XDの基本操作
    ワークスペース/レイヤー
    オブジェクト/アセット
    コンポーネント
    プランニングシート/コーディング設計
    ワイヤーフレーム/デザインカンプ制作

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

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

  • DHTML5・CSS3コーディング Ⅱ

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

  • EWebリッチコンテンツ(jQuery / JavaScript)

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

  • FHTML5・CSS3コーディング実践

    HTML5・CSS3コーディング実践
    セマンティックWeb
    CSSアニメーション
    CSS transform
    Webフォント概要
    グリッドレイアウト
    Dreamweaver応用
    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)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

Webデザイン総合コース
curriculum :
  • AHTML5・CSS3コーディング Ⅰ

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

  • BWebグラフィック(Adobe XD)

    Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
    Webサイト制作フロー
    Adobe XDの基本操作
    ワークスペース/レイヤー
    オブジェクト/アセット
    コンポーネント
    プランニングシート/コーディング設計
    ワイヤーフレーム/デザインカンプ制作

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

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

  • DHTML5・CSS3コーディング Ⅱ

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

  • EWebリッチコンテンツ(jQuery / JavaScript)

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

  • FHTML5・CSS3コーディング実践

    HTML5・CSS3コーディング実践
    セマンティックWeb
    CSSアニメーション
    CSS transform
    Webフォント概要
    グリッドレイアウト
    Dreamweaver応用
    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)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

Webディレクター総合コース
curriculum :
  • AHTML5・CSS3コーディング Ⅰ

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

  • BWebグラフィック(Adobe XD)

    Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
    Webサイト制作フロー
    Adobe XDの基本操作
    ワークスペース/レイヤー
    オブジェクト/アセット
    コンポーネント
    プランニングシート/コーディング設計
    ワイヤーフレーム/デザインカンプ制作

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

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

  • DHTML5・CSS3コーディング Ⅱ

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

  • EWebリッチコンテンツ(jQuery / JavaScript)

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

  • FHTML5・CSS3コーディング実践

    HTML5・CSS3コーディング実践
    セマンティックWeb
    CSSアニメーション
    CSS transform
    Webフォント概要
    グリッドレイアウト
    Dreamweaver応用
    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タイポグラフィ
    サイトレイアウト
    ワイヤーフレーム/デザインカンプ
    デザインカンプ制作実習
    プレゼンテーション/講評

  • OIA・UI・UXデザイン

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

  • PWebマーケティング

    Web解析(Google Analytics)基礎Ⅰ
    Web解析(Google Analytics)基礎Ⅱ
    普遍的なSEO
    SEOの課題発見と改善手法
    普遍的なWebリスティング広告
    リスティング広告の課題発見と改善手法
    ランディングページの企画・設計Ⅰ
    ランディングページの企画・設計Ⅱ

  • QWebディレクション

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

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

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

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

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

Webクリエイティブ総合コース
curriculum :
  • AHTML5・CSS3コーディング Ⅰ

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

  • BWebグラフィック(Adobe XD)

    Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
    Webサイト制作フロー
    Adobe XDの基本操作
    ワークスペース/レイヤー
    オブジェクト/アセット
    コンポーネント
    プランニングシート/コーディング設計
    ワイヤーフレーム/デザインカンプ制作

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

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

  • DHTML5・CSS3コーディング Ⅱ

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

  • EWebリッチコンテンツ(jQuery / JavaScript)

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

  • FHTML5・CSS3コーディング実践

    HTML5・CSS3コーディング実践
    セマンティックWeb
    CSSアニメーション
    CSS transform
    Webフォント概要
    グリッドレイアウト
    Dreamweaver応用
    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サイトデザイン制作実習
    プレゼンテーション/講評

  • OIA・UI・UXデザイン

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

  • PWebマーケティング

    Web解析(Google Analytics)基礎Ⅰ
    Web解析(Google Analytics)基礎Ⅱ
    普遍的なSEO
    SEOの課題発見と改善手法
    普遍的なWebリスティング広告
    リスティング広告の課題発見と改善手法
    ランディングページの企画・設計Ⅰ
    ランディングページの企画・設計Ⅱ

  • QWebディレクション

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

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

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

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

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

Webマークアップエンジニアコース
curriculum :
  • AHTML5・CSS3コーディング Ⅰ

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

  • BWebグラフィック(Adobe XD)

    Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
    Webサイト制作フロー
    Adobe XDの基本操作
    ワークスペース/レイヤー
    オブジェクト/アセット
    コンポーネント
    プランニングシート/コーディング設計
    ワイヤーフレーム/デザインカンプ制作

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

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

  • DHTML5・CSS3コーディング Ⅱ

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

  • EWebリッチコンテンツ(jQuery / JavaScript)

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

  • FHTML5・CSS3コーディング実践

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

  • GWebプログラミング(PHP / MySQL / WordPress)

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

  • H作品制作実習

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

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

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

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

    ボーダレスデザイン(国/分野)
    ソーシャルデザイン
    コミュニケーションデザイン
    デザインストラテジーⅠ(ブランディング)
    デザインストラテジーⅡ(マーケティング・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サイトデザイン制作実習
    プレゼンテーション/講評

Webディレクション実践コース
curriculum :
  • OIA・UI・UXデザイン

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

  • PWebマーケティング

    Web解析(Google Analytics)基礎Ⅰ
    Web解析(Google Analytics)基礎Ⅱ
    普遍的なSEO
    SEOの課題発見と改善手法
    普遍的なWebリスティング広告
    リスティング広告の課題発見と改善手法
    ランディングページの企画・設計Ⅰ
    ランディングページの企画・設計Ⅱ

  • QWebディレクション

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

クリエイティブデザイン集中コース
クリエイティブデザイン専攻の以下カリキュラムを設置
  • Aカラーイメージ表現Ⅰ

    色彩の基礎知識
    色の見えかた・連想作用・働き
    色の三属性・色立体
    トーンのイメージ・色の温度感
    色彩の対比・同化・面積効果 
    色の進出・後退/色の膨張・収縮色
    色のサンプリング・グラデーション実習
    色彩構成 実習Ⅰ/講評
    色彩構成 実習Ⅱ/講評
    色彩構成 実習Ⅲ/講評

  • Bカラーイメージ表現Ⅱ

    配色の基本
    配色の考え方/配色を系統的に理解する
    色相を手がかりにした配色
    トーンを手がかりにした配色
    識別しやすい配色
    配色基礎用語/慣用的に使われて来た配色
    色彩マーケティング
    配色トレーニング
    色彩構成 実習Ⅳ/講評
    色彩構成 実習Ⅴ/プレゼン/講評

  • Cフォトイメージ表現Ⅰ

    写真の基礎知識
    写真の表現力/写真の扱い
    カメラの基礎知識
    構図(フレーミング)
    レベル・アングル
    光の向きを意識する(光の種類)
    構図・光の種類 トレーニング/考察
    デジタルフォト撮影実習Ⅰ/プレゼン/講評
    デジタルフォト撮影実習Ⅱ /プレゼン/講評
    デジタルフォト撮影実習Ⅲ/プレゼン/講評

  • Dフォトイメージ表現Ⅱ

    露出/シャッタースピードと絞り値
    シャッターの構造/絞りの構造
    焦点距離/画角
    遠近感(パースペクティブ)/被写界深度
    ホワイトバランス/色温度
    デジタルフォト撮影セッティング(照明等)
    デジタルフォト撮影指導
    コンセプトワーク/フォトセレクション
    デジタルフォト撮影実習IV /プレゼン/講評
    デジタルフォト撮影実習 V /プレゼン/講評

デザインシステム基礎コース
デザインストラテジー専攻の以下カリキュラムを設置
  • AデザインシステムⅠ

    デザインの定義/デザインとは
    デザイン事例/デザインを探す
    デザインが関わる領域
    デザインの道具
    デザインフローの理解
    デザインの前提
    デザインの要素
    デザインの原則
    黄金比/グリッド/ゲシュタルト原則
    デザイン分析

  • BデザインシステムⅡ

    デザインの目的と対象
    ビジネスフローとデザインの関係性
    ブランドの定義
    ブランド認知/ブランド体系
    ブランド要素/ブランド体験
    ブランド分析/ターゲット
    ブランディング事例
    ブランドアイデンティティ
    ブランド構築ステップ
    ブランドとデザインの関係性

  • CデザインシステムⅢ

    コンセプト開発
    グループワーク形式の理解
    8QSを使ったコンセプトメイキング
    ブランドメッセージ開発
    ブランドキーワードの選定
    コンセプト設計
    ブランド構築ワーク
    ブランドデザインの役割
    グループワーク発表/講評
    課題リフレクション

ブランドデザイン実践コース
デザインストラテジー専攻の以下カリキュラムを設置
  • DブランドデザインⅠ

    ブランドデザイン戦略の理解
    デザインの役割
    デザインワークフローの理解
    アフォーダンスの知識
    ブランドイメージ構築
    ブランド構築ステップ
    自己理解を深めるワーク
    五感リサーチ法
    共感と反発
    課題リフレクション

  • EブランドデザインⅡ

    ペルソナを探る
    ペルソナ観察
    ペルソナ構築
    デザイン思考について
    ブランドデザイン構築Ⅰ
    ブランドデザイン構築Ⅱ
    インタビュー設計
    フィールドワークⅠ
    フィールドワークⅡ
    共感マップ作成

  • FブランドデザインⅢ

    フレームワーク分析
    3C分析
    STPマーケティング分析
    セグメンテーション
    ターゲティング
    ポジショニング開発
    ブランドアイデンティティ構築Ⅰ
    ブランドアイデンティティ構築Ⅱ
    ロゴマークの設計
    プロセスの振り返り

  • GブランドデザインⅣ

    ブランド戦略構築
    4Pと4C
    ブランド要素
    ブランド体験シナリオ作成
    ブランディングプレゼンテーション
    発表フィードバック
    情報分析
    問題定義
    市場の情報収集
    課題リフレクション

  • HブランドデザインⅤ

    ブランド構築ワークショップ(個人)
    インタビューとアンケート
    共感ポイント
    独自価値の仮説
    市場細分化の注意点
    見込み客の選定
    ネットワーク連想法とポジショニング
    ポジショニングマップ作成Ⅰ
    ポジショニングマップ作成Ⅱ
    プレゼンテーション/講評

  • IブランドデザインⅥ

    ブランド構築ワークショップ(グループ)
    共通課題の見定め
    ブランディングテーマの設定
    ポジショニングの軸を設定
    チーム対話の発想法
    チーム対話の収束法
    チームコミュニケーション
    プロトタイピングⅠ
    プロトタイピングⅡ
    プレゼンテーション/講評

Webクリエイター能力認定試験エキスパート対策コース
curriculum :
  • RWebクリエイター能力認定試験エキスパート対策

    Webサイトの構成と設計
    ページ構成/レイアウト/パーツ設計
    ユーザビリティ/アクセシビリティ
    HTML5 /基本構造/セクション
    CSS3 /セレクター/プロパティ
    ビジュアルデザインと配色
    Webサイトの運営と管理
    Webクリエイター能力認定試験対策

該当カリキュラム 一覧

  • AHTML5・CSS3コーディング Ⅰ
  • BWebグラフィック(Adobe XD)
  • CレスポンシブWebデザイン
  • DHTML5・CSS3コーディング Ⅱ
  • EWebリッチコンテンツ(jQuery / JavaScript)
  • FHTML5・CSS3コーディング実践
  • GWebプログラミング(PHP / MySQL / WordPress)
  • H作品制作実習
  • IWebグラフィック(Illustrator)
  • JWebグラフィック(Photoshop)
  • KWebグラフィック制作実習
  • LWebデザイン Ⅰ(ビジュアルデザイン)
  • MWebデザイン Ⅱ(情報設計)
  • NWebデザイン Ⅲ(インタラクション)
  • OIA・UI・UXデザイン
  • PWebマーケティング
  • QWebディレクション
  • RWebクリエイター能力認定試験エキスパート対策
  • Sプレックスプログラム Ⅰ
  • Tプレックスプログラム Ⅱ

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

厳しかったからこそ、今こうして仕事を楽しめる。

Webデザイナー大野 雅行 Masayuki Ohno 33歳

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

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

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

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

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

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