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

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

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

本専攻では、HTML5やCSS3、jQuery、WordPress、Webプログラミング、レスポンシブWebデザインなど業界最先端の「Webデザイン」技術を習得します。また、Webグラフィック(Photoshop/Illustratorなど)や視覚デザイン(カラー/フォトなど)についても学びます。さらに、各業界からトップクリエイターを講師に迎えてデザインの真髄を学ぶ「プレックスプログラム」(80プログラム/2年間)を無料で受講できる点も魅力です。

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

Web制作スキルと合せて、Webマーケティング/IA・UI・UXデザイン/Webディレクションを体系的に学びます。また、デザインシステムの基礎から企業のCI / VI / BIまでを学ぶ「デザインストラテジー」のプログラムも選択できます。最終的には、ユーザーの行動傾向やデータ分析などを柔軟にデザイン反映できる「ビジネス的視点」を持つWebデザイナーやUI/UXデザイナー、Webディレクターを目指します。

カリキュラムの特徴

  1. 1最新のWeb言語「HTML5・CSS3」+高度なWebプログラミング「JavaScript / Ajax(jQuery)」を基礎から習得!
  2. 2Webグラフィック(Photoshop / Illustrator)+デザイン(カラーイメージ表現/フォトイメージ表現)の実践力を養成!
  3. 3PCサイトからタブレット、スマホまで多様なデバイスに対応する「レスポンシブWebデザイン」の技術を習得!
  4. 4Webサイト制作で重要となる「IA・UI・UXデザイン」「Webディレクション」「Webマーケティング」を体系的に学ぶ!
  5. 5現場で役立つ「Webデザイン理論」を体系的に学ぶ。「Webクリエイター能力認定試験エキスパート」にも対応!

WEBクリエイティブ専攻

Webデザインプロフェッショナルコース
curriculum :
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

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

  • BWebグラフィックⅠ (Photoshop)

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

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

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

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

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

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

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

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

Web&スマートフォンサイト制作コース
curriculum :
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

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

  • BWebグラフィックⅠ (Photoshop)

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

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

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

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

  • MWebデザイン実践Ⅰ (レスポンシブWebデザイン)

    マルチデバイス対応実践
    HTML5・CSS3コーディング実践Ⅰ
    CSSを用いたアニメーション表現
    Media Queries / CSSプリプロセッサー
    プロトタイピング制作(Adobe XD)
    レスポンシブ対応のjQuery
    レスポンシブWebデザイン実践Ⅰ
    レスポンシブWebデザイン実践Ⅱ

  • NWebデザイン実践Ⅱ (スマートフォンサイト制作)

    スマートフォンデバイスの特徴
    モバイルファーストのサイト設計/ Flexbox
    スマートフォン最適化データ/ SVG
    スマートフォンサイトページの高速化
    SNS連携を考慮したデータ制作
    日本語Webフォント概要・実装(google fonts含む)
    Web・スマートフォンサイト制作実習Ⅰ
    Web・スマートフォンサイト制作実習Ⅱ

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

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

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

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

Webデザインエキスパートコース
curriculum :
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

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

  • BWebグラフィックⅠ (Photoshop)

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

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

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

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

  • Oカラーイメージ表現

    色彩の基礎知識/色の見え方
    トーンのイメージ・色の温度感/対比・同化
    色の進出・後退/色の膨張・収縮色
    色のサンプリング・グラデーション実習
    配色の基本/配色の系統別理解
    色相・トーンを手がかりにした配色
    色彩マーケティング
    色彩構成 実習/プレゼン/講評

  • Pフォトイメージ表現

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

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

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

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

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

Webデザインビジネスサイトコース
curriculum :
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

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

  • BWebグラフィックⅠ (Photoshop)

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

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

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

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

  • IIA・UI・UXデザインⅠ

    IA・UI・UX 概論
    企画・コンセプト立案
    情報の組織化とカテゴリ設計
    サイトマップの設計
    UXの3大要素
    ワイヤーフレームの設計
    パーツの設計
    ナビゲーションの設計

  • JIA・UI・UXデザインⅡ

    コンテンツエリアの設計
    フォーム設計
    一覧ページ/詳細ページの設計
    ユーザー行動と画面設計
    サイトの目的別UI・UX設計
    デバイス別UI・UX設計
    UI・UXの改善手法Ⅰ
    UI・UXの改善手法Ⅱ

  • KWebマーケティング

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

  • LWebディレクション

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

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

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

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

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

Webデザイン総合コース
curriculum :
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

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

  • BWebグラフィックⅠ (Photoshop)

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

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

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

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

  • MWebデザイン実践Ⅰ (レスポンシブWebデザイン)

    マルチデバイス対応実践
    HTML5・CSS3コーディング実践Ⅰ
    CSSを用いたアニメーション表現
    Media Queries / CSSプリプロセッサー
    プロトタイピング制作(Adobe XD)
    レスポンシブ対応のjQuery
    レスポンシブWebデザイン実践Ⅰ
    レスポンシブWebデザイン実践Ⅱ

  • NWebデザイン実践Ⅱ (スマートフォンサイト制作)

    スマートフォンデバイスの特徴
    モバイルファーストのサイト設計/ Flexbox
    スマートフォン最適化データ/ SVG
    スマートフォンサイトページの高速化
    SNS連携を考慮したデータ制作
    日本語Webフォント概要・実装(google fonts含む)
    Web・スマートフォンサイト制作実習Ⅰ
    Web・スマートフォンサイト制作実習Ⅱ

  • Oカラーイメージ表現

    色彩の基礎知識/色の見え方
    トーンのイメージ・色の温度感/対比・同化
    色の進出・後退/色の膨張・収縮色
    色のサンプリング・グラデーション実習
    配色の基本/配色の系統別理解
    色相・トーンを手がかりにした配色
    色彩マーケティング
    色彩構成 実習/プレゼン/講評

  • Pフォトイメージ表現

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

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

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

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

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

Webディレクター総合コース
curriculum :
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

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

  • BWebグラフィックⅠ (Photoshop)

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

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

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

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

  • IIA・UI・UXデザインⅠ

    IA・UI・UX 概論
    企画・コンセプト立案
    情報の組織化とカテゴリ設計
    サイトマップの設計
    UXの3大要素
    ワイヤーフレームの設計
    パーツの設計
    ナビゲーションの設計

  • JIA・UI・UXデザインⅡ

    コンテンツエリアの設計
    フォーム設計
    一覧ページ/詳細ページの設計
    ユーザー行動と画面設計
    サイトの目的別UI・UX設計
    デバイス別UI・UX設計
    UI・UXの改善手法Ⅰ
    UI・UXの改善手法Ⅱ

  • KWebマーケティング

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

  • LWebディレクション

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

  • MWebデザイン実践Ⅰ (レスポンシブWebデザイン)

    マルチデバイス対応実践
    HTML5・CSS3コーディング実践Ⅰ
    CSSを用いたアニメーション表現
    Media Queries / CSSプリプロセッサー
    プロトタイピング制作(Adobe XD)
    レスポンシブ対応のjQuery
    レスポンシブWebデザイン実践Ⅰ
    レスポンシブWebデザイン実践Ⅱ

  • NWebデザイン実践Ⅱ (スマートフォンサイト制作)

    スマートフォンデバイスの特徴
    モバイルファーストのサイト設計/ Flexbox
    スマートフォン最適化データ/ SVG
    スマートフォンサイトページの高速化
    SNS連携を考慮したデータ制作
    日本語Webフォント概要・実装(google fonts含む)
    Web・スマートフォンサイト制作実習Ⅰ
    Web・スマートフォンサイト制作実習Ⅱ

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

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

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

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

Webクリエイティブデザイン総合コース
curriculum :
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

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

  • BWebグラフィックⅠ (Photoshop)

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

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

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

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

  • IIA・UI・UXデザインⅠ

    IA・UI・UX 概論
    企画・コンセプト立案
    情報の組織化とカテゴリ設計
    サイトマップの設計
    UXの3大要素
    ワイヤーフレームの設計
    パーツの設計
    ナビゲーションの設計

  • JIA・UI・UXデザインⅡ

    コンテンツエリアの設計
    フォーム設計
    一覧ページ/詳細ページの設計
    ユーザー行動と画面設計
    サイトの目的別UI・UX設計
    デバイス別UI・UX設計
    UI・UXの改善手法Ⅰ
    UI・UXの改善手法Ⅱ

  • KWebマーケティング

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

  • LWebディレクション

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

  • MWebデザイン実践Ⅰ (レスポンシブWebデザイン)

    マルチデバイス対応実践
    HTML5・CSS3コーディング実践Ⅰ
    CSSを用いたアニメーション表現
    Media Queries / CSSプリプロセッサー
    プロトタイピング制作(Adobe XD)
    レスポンシブ対応のjQuery
    レスポンシブWebデザイン実践Ⅰ
    レスポンシブWebデザイン実践Ⅱ

  • NWebデザイン実践Ⅱ (スマートフォンサイト制作)

    スマートフォンデバイスの特徴
    モバイルファーストのサイト設計/ Flexbox
    スマートフォン最適化データ/ SVG
    スマートフォンサイトページの高速化
    SNS連携を考慮したデータ制作
    日本語Webフォント概要・実装(google fonts含む)
    Web・スマートフォンサイト制作実習Ⅰ
    Web・スマートフォンサイト制作実習Ⅱ

  • Oカラーイメージ表現

    色彩の基礎知識/色の見え方
    トーンのイメージ・色の温度感/対比・同化
    色の進出・後退/色の膨張・収縮色
    色のサンプリング・グラデーション実習
    配色の基本/配色の系統別理解
    色相・トーンを手がかりにした配色
    色彩マーケティング
    色彩構成 実習/プレゼン/講評

  • Pフォトイメージ表現

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

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

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

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

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

Web&スマートフォンサイト制作+UI / UX設計コース
curriculum :
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

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

  • BWebグラフィックⅠ (Photoshop)

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

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

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

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

  • MWebデザイン実践Ⅰ (レスポンシブWebデザイン)

    マルチデバイス対応実践
    HTML5・CSS3コーディング実践Ⅰ
    CSSを用いたアニメーション表現
    Media Queries / CSSプリプロセッサー
    プロトタイピング制作(Adobe XD)
    レスポンシブ対応のjQuery
    レスポンシブWebデザイン実践Ⅰ
    レスポンシブWebデザイン実践Ⅱ

  • NWebデザイン実践Ⅱ (スマートフォンサイト制作)

    スマートフォンデバイスの特徴
    モバイルファーストのサイト設計/ Flexbox
    スマートフォン最適化データ/ SVG
    スマートフォンサイトページの高速化
    SNS連携を考慮したデータ制作
    日本語Webフォント概要・実装(google fonts含む)
    Web・スマートフォンサイト制作実習Ⅰ
    Web・スマートフォンサイト制作実習Ⅱ

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

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

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

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

上記に加えてUI/UX専攻の以下のカリキュラムを設置 :
  • AUI / UX基礎Ⅰ(Design・Science・Engineering)

    UI / UXデザイン/ユーザーインタフェースデザイン
    UI / UXデザイン/ユーザーエクスペリエンスデザイン
    Lean UX・Scrum Project Management
    Design Sprint・Design Studio
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • BUI / UX基礎Ⅱ(The Elements of User Experience)

    戦略段階・要求段階/要件定義・Google Design Doc
    構造段階/インタラクション設計・情報設計
    骨格段階/インタフェース設計・ナビゲーション設計
    表層段階/ワイヤーフレーム・プロトタイピング
    予期的UX・一時的UX・エピソード的UX・累積的UX
    ウォーターフロー型開発・アジャイル型開発
    デザインガイドライン/Human Interface Guidelines
    デザインガイドライン/ Material Design

  • Cユーザーリサーチ

    プロトタイピング/ストーリー視点・プロダクト視点
    ツール/Prott・ InVision・Zeplin・Figma・Google Gallery
    ペルソナ手法・シナリオ設計・カスタマージャーニーマップ
    Design Sprint /スプリント・イテレーション
    調査/ユーザーインタビュー・エスノグラフィー・行動観察
    評価/ヒューリスティック評価・ユーザビリティーテスト
    総括的評価・形成的評価
    反証アプローチ・ゼロ仮説

  • Dデザインツール

    Sketch / Exporting・Symbols・Plugins
    Sketch mirror / Previewing
    Figma / Collaborative Interface Design
    Adobe XD / Layout Illustration
    Abstract / Version Management
    Google Drive / Docs・Sheets・Slides
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Eチームビルディング

    情報共有/ slack・Workplace
    経験学習サイクル
    1on1 /共通認識確認・傾聴
    1on1 /学習機会提供・行動促進
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral Economics
    デザインレビュー/フィードフォワード
    デザインレビュー/フィードバック

  • F認知工学

    インタフェースデザイン心理学Ⅰ
    インタフェースデザイン心理学Ⅱ
    データ分析/ Business Intelligence
    データ分析/ Deep Learning
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Gインターフェースデザイン

    アプリアイコン/ App Icons・Screen Shots
    スプラッシュ画面/ Transition・Animation
    サインアップ・ログイン/Forms・Radio Buttons・Check Buttons
    チュートリアル設計/ Communication
    ホーム画面/ Cards・Section Headers
    コレクション・シングル/ Table Views・Fields
    評価・検証/ユーザビリティテスト
    分析/問題点リスト・インパクトレビュー

  • Hナビゲーションデザイン

    NPS・アンケートフォーム
    Empty Statement
    プッシュ通知/ Notification
    プッシュ/階層型遷移
    モーダル/分岐型遷移
    タブ/並列型遷移
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • IWebマーケティング

    Webマーケティング/集客施策
    Webマーケティング/回遊施策
    SEO・SEM・LPO・EFO
    オウンドメディア・クロスチャネル・オムニチャネル
    効果測定/ Analytics
    視線誘導・促進要因・阻害要因
    アンカリング効果・フレーミング効果
    同調現象・認知的不協和・後知恵バイアス

  • JUI / UXデザインシステム

    Atomic Design Methodology / Design System
    Complexion Reduction / UIトレンド
    Level 1 Atoms /ラベル・インプット・ボタン
    Level 2 Molecules /カード・リスト・フィールド
    Level 3 Organisms /ナビゲーションバー
    Level 4 Templates /ページレイアウト・コンテキスト
    Level 5 Pages /ページレイアウト・コンテンツ
    Github・ZenHub・Jara /バージョン管理

  • KヒューマンインタフェースⅠ

    UX 5階層モデル/ Task Oriented・Information Oriented
    戦略/ User Needs・Site Objectives
    要求/ Functional Specifications
    構造/ Interaction Design
    骨格/ Interface Design・Information Design
    表層/ Visual Design
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • LヒューマンインタフェースⅡ

    DesignOps / UX Engineering
    Lean UX / Minimum Viable Product
    UXライティング・ラベル設計
    アクセシビリティ・ユニバーサルデザイン
    オブジェクトベースUI / Modeless User Interface
    タスクベースUI / Command Line Interface
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • MUIデザイン/ iOSアプリ・AndroidアプリⅠ

    OS最適化Ⅰ/ Human Interface Guidelines
    OS最適化Ⅱ/ Material Design Guidelines
    審美的整合性/ Aesthetic Integrity
    比喩的要素/ Material is the metaphor
    マルチデバイス最適化/ Device independent pixel
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral economics
    Information Architecture

  • NUIデザイン/ iOSアプリ・AndroidアプリⅡ

    ワイヤーフレーム・プロトタイピング・デザインレビュー
    要件定義・画面仕様
    UI設計・制作/ネイティブアプリ
    画面レイアウト・トーン&マナー
    要素・コンポーネント/ Tab Bars・Navigation Bars
    要素・コンポーネント/ Tabs・Floating Action Button
    プレゼンテーション
    検証・評価/改善

Webデザイン実践コース
curriculum :
  • MWebデザイン実践Ⅰ (レスポンシブWebデザイン)

    マルチデバイス対応実践
    HTML5・CSS3コーディング実践Ⅰ
    CSSを用いたアニメーション表現
    Media Queries / CSSプリプロセッサー
    プロトタイピング制作(Adobe XD)
    レスポンシブ対応のjQuery
    レスポンシブWebデザイン実践Ⅰ
    レスポンシブWebデザイン実践Ⅱ

  • NWebデザイン実践Ⅱ (スマートフォンサイト制作)

    スマートフォンデバイスの特徴
    モバイルファーストのサイト設計/ Flexbox
    スマートフォン最適化データ/ SVG
    スマートフォンサイトページの高速化
    SNS連携を考慮したデータ制作
    日本語Webフォント概要・実装(google fonts含む)
    Web・スマートフォンサイト制作実習Ⅰ
    Web・スマートフォンサイト制作実習Ⅱ

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

    色彩の基礎知識/色の見え方
    トーンのイメージ・色の温度感/対比・同化
    色の進出・後退/色の膨張・収縮色
    色のサンプリング・グラデーション実習
    配色の基本/配色の系統別理解
    色相・トーンを手がかりにした配色
    色彩マーケティング
    色彩構成 実習/プレゼン/講評

  • Pフォトイメージ表現

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

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

    IA・UI・UX 概論
    企画・コンセプト立案
    情報の組織化とカテゴリ設計
    サイトマップの設計
    UXの3大要素
    ワイヤーフレームの設計
    パーツの設計
    ナビゲーションの設計

  • JIA・UI・UXデザインⅡ

    コンテンツエリアの設計
    フォーム設計
    一覧ページ/詳細ページの設計
    ユーザー行動と画面設計
    サイトの目的別UI・UX設計
    デバイス別UI・UX設計
    UI・UXの改善手法Ⅰ
    UI・UXの改善手法Ⅱ

  • KWebマーケティング

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

  • LWebディレクション

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

タイポグラフィ&レイアウト実践コース
クリエイティブデザイン専攻の以下カリキュラムを設置
  • Gタイポグラフィ実践Ⅰ

    タイポグラフィの基礎知識
    文字の表現力/文字の力
    和文書体/種類/バリエーション
    欧文書体/種類/バリエーション
    文字サイズ・文字組み
    文字間隔・行の間隔・禁則処理
    可読性/可視性
    グレー濃度と紙面
    タイポグラフィ実習 I /プレゼン/講評
    タイポグラフィ実習 II /プレゼン/講評

  • Hタイポグラフィ実践Ⅱ

    段組み
    タイトル/見出し/本文
    キャプション/注/ルビ
    ノンブル/ハシラ/ツメ
    フォーマット
    ロゴタイプ・ロゴマーク/ CI・VI
    タイポグラフィ実習 III /プレゼン/講評
    タイポグラフィ実習 IV /プレゼン/講評
    ロゴタイプ・ロゴマーク制作実習
    プレゼンテーション/講評

  • Iレイアウト実践Ⅰ

    レイアウトの意味・効果
    シンメトリー/グリッドシステムの運用
    ホワイトスペース/導線の設計
    スタンダードデザイニング
    見えるラインと見えないライン
    反復と変移/モジュールとユニット
    可読性とデザインのバランス/ 1 / 3の法則
    レイアウトトレーニングⅠ/プレゼン/講評
    レイアウトトレーニングⅡ/プレゼン/講評
    レイアウトトレーニングⅢ/プレゼン/講評

  • Jレイアウト実践Ⅱ

    ジャンプ率の考え方
    トリミングでドラマ性を演出
    キーワードとビジュアル/フレーミング
    連続性・繰り返し/セパレーション
    ムーブマン/アクセント/タイリング
    方向性・方向線/ドットの効用
    空気感の演出/曲線のデザイン効果
    コラージュの基本
    コラージュ制作実習Ⅰ/プレゼン/講評
    コラージュ制作実習Ⅱ/プレゼン/講評

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

    デッサン・ドローイングの流れと基本用語
    造形の言葉と文法
    モチーフと表現/構図
    モチーフの形や色の捉え方
    フォルムの形成と表現
    空間と構図
    ドローイング実習Ⅰ/講評
    ドローイング実習Ⅱ/講評
    ドローイング実習Ⅲ/講評
    ドローイング実習Ⅳ/講評

  • Fラフイメージ表現Ⅱ

    図の基本
    線のコントロール
    言葉の表現から視覚表現を考える
    平面の成り立ち
    図画の要素としての 点・線・面
    幾何学図形(図形とイメージ)
    ピクトグラムとシンボル
    ドローイング実習Ⅴ/講評
    ピクトグラム制作実習
    プレゼンテーション/講評

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

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

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

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

  • EブランドデザインⅡ

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

  • FブランドデザインⅢ

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

  • GブランドデザインⅣ

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

  • HブランドデザインⅤ

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

  • IブランドデザインⅥ

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

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

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

アドビ認定アソシエイト対策コース
グラフィック/DTP専攻の以下カリキュラムを設置
  • Rアドビ認定アソシエイト対策

    プロジェクト要件の設定
    ターゲットとコンセプト
    デジタルグラフィックとイラストレーション
    Illustrator /ワークスペース/ツール/パネル
    デジタル画像の作成と理解
    Photoshop /ワークスペース/ツール/パネル
    グラフィックデータやデジタル画像の書き出し
    アドビ認定アソシエイト対策

該当カリキュラム 一覧

  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)
  • BWebグラフィックⅠ (Photoshop)
  • CWebグラフィックⅡ (Photoshop / Illustrator)
  • DWebリッチコンテンツ (Ajax [ jQuery])
  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)
  • FWebデザイン理論
  • GWebプログラミング (JavaScript / PHP / MySQL / WordPress)
  • H作品制作実習
  • IIA・UI・UXデザインⅠ
  • JIA・UI・UXデザインⅡ
  • KWebマーケティング
  • LWebディレクション
  • MWebデザイン実践Ⅰ (レスポンシブWebデザイン)
  • NWebデザイン実践Ⅱ (スマートフォンサイト制作)
  • Oカラーイメージ表現
  • Pフォトイメージ表現
  • QWebクリエイター能力認定試験 エキスパート対策
  • Rデザインシステム基礎
  • SプレックスプログラムⅠ
  • TプレックスプログラムⅡ

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

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

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

DETAILS: 詳細へ
厳しかったからこそ、今こうして仕事を楽しめる。

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

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

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

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

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