COMMUNICATION DESIGN STUDIO - WEB INTERACTION DESIGN DIVISIONWEBインタラクションデザイン総合コース

現在、Webクリエイティブワークは、Webデザインや、UI/UX設計、Webマーケティング、コンテンツ制作、Webプロデュース、IT(プログラミング/ネットワーク/システム…)など、様々な分野のスペシャリスト達が協働しています。このような現状を踏まえ、「WEBインタラクションデザイン総合コース」では、Webクリエイティブワークの各セクションに精通したWebクリエイターの育成を目指し、Webクリエイティブ教育を中心に置きながらも、「DESIGN」「UI/UX」「ENGINEERING」「BUSINESS」の分野から多角的にアプローチするプログラムを編成。その他、デザインの真髄を学ぶ「プレックスプログラム®」や、就活で重要となる「ポートフォリオ制作実習」「デザイナー就活の実践テクニック」などの独自プログラムも注目です。
講師は分野ごとに業界の第一線で活躍するスペシャリスト達が集結しており、1年間(授業680時間+制作実習)でWebクリエイティブワークの次世代リーダーとなり得る、WebデザイナーやUIデザイナー、Webディレクターを養成します。

授業時間数
680時間(272コマ)
開講月
4月
定 員
18名
レベル
未経験者OK /選考試験あり
対応資格
Illustratorクリエイター能力認定試験エキスパート
Photoshopクリエイター能力認定試験エキスパート
Webクリエイター能力認定試験エキスパート
受講期間
昼間部1年
入学金
100,000円(税別)
受講料
930,000円(税別)
教材費・実習費
150,000円(税別)
学費総計
1,180,000円(税別)

※本コースは入学までの流れが他コースと異なりますのでご注意ください。
※詳細の授業日程は、個別カウンセリングなど学校イベントにてご確認ください。受講時間・期間・週回数はコースにより変更となる場合がございますので、入学前に必ずご確認をお願い致します。
※入学期により消費税率が変更となる可能性があるため、入学金・受講料等は「税別」で表記しております。

コース詳細表

  • HTML5・CSS3コーディング (※Dreamweaver / XHTML・CSSコーディング含む)

    HTML5 / CSS3コーディング基礎/ Dreamweaver基礎・実践/ HTML5 / CSS3コーディング実践Ⅰ/ HTML5 / CSS3コーディング実践Ⅱ/ HTML5 / CSS3コーディング実践Ⅲ/HTML5 ・ CSS3とXHTML ・CSSの違い/ブラウザの互換性チェック/コーディングチェック/サーバ概論/ LAMP環境/ FTP

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

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

  • Webデザイン理論

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

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

    Webプログラミング概論/API概論(Google API含む)/JavaScript概要・基礎/PHP概要/基本書式/入力フォーム/send_mail/予約システム/検索機能/MySQL概要・基礎/テーブル/レコード/カラム/フィールド

  • WordPress

    CMS概要/WordPress概要・インストール/管理画面/サイト基本設定/ブログと固定ページ/テーマと外観のカスタマイズ/プラグインによる機能の追加/オリジナルテーマ作成/テンプレート階層/子テーマとCSSのカスタマイズ/WordPressサイトの運営と管理

  • 作品制作実習

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

  • スマートフォンサイト制作

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

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

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

  • IA・UI・UXデザインⅠ

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

  • IA・UI・UXデザインⅡ

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

  • Webマーケティング

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

  • Webディレクション

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

  • UI / UX基礎Ⅰ (Design・Science・Engineering)

    UI/UXデザイン/ユーザーインタフェースデザイン/UI/UXデザイン/ユーザーエクスペリエンスデザイン/人間中心設計/Cooperative Design・Participatory Design/行動経済学/Behavioral Economics/人間工学/Human Factorsand Ergonomics/感性工学/Affective Engineering/デザインガイドライン/HumanInterface Guidelines/デザインガイドライン/Material Design

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

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

  • ユーザーリサーチ

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

  • チームビルディング

    Sketch/Exporting・Symbols・Plugins(シンボル設計)/Figma/Collaborative Interface Design(共同設計)/Abstract/Version Management(履歴管理)/Google Drive/Docs・Sheets・Slides(情報共有)/デザインレビュー/フィードフォワード/デザインレビュー/フィードバック/コミュニケーション/共通認識確認・傾聴/コミュニケーション/学習機会提供・行動促進

  • 認知工学/ Webマーケティング

    インタフェースデザイン心理学/データ分析/Business Intelligence/データ分析/Deep Learning/Webマーケティング/集客施策・回遊施策/SEO・SEM・LPO・EFO/効果測定/Analytics/視線誘導・促進要因・阻害要因/同調現象・認知的不協和・後知恵バイアス

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

    UX5階層モデル/Task Oriented・Information Oriented/戦略/要求/構造/骨格/表層/Design Ops/UX Engineering(合意形成)/Lean UX/MVP(実用最小限の製品)/UXライティング・ラベル設計/アクセシビリティ・ユニバーサルデザイン/オブジェクトベースUI/Modeless UserInterface/タスクベースUI/Command Line Interface

  • UIデザインⅠ (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

  • UIデザインⅡ (iOSアプリ・Androidアプリ)

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

  • Webグラフィック(Illustrator)

    Illustrator基本操作(ツール・機能)/図形の描画/オブジェクト/グループ化/レイヤー/変形/整列/パスファインダ/アンカーポイント/アウトライン化/クリッピングマスク/RGBとCMYK/グラデーション/文字の扱い/文字デザイン/ロゴ/マーク/デザインカンプ制作/ワイヤーフレーム作成

  • Webグラフィック(Photoshop)

    Photoshop基本操作(ツール・機能)/写真の加工・合成・トリミング/画像解像度/色域指定/カラーバランス/色調補正/レイヤー/レイヤースタイル/不透明度/クイックマスク/レイヤーマスク/文字マスク/アルファチャンネル/スタンプツール/Web用画像の生成・アセット書き出し/Web画像/PNG・JPEG・GIF・SVG

  • カラーイメージ表現

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

  • フォトイメージ表現

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

  • タイポグラフィ

    タイポグラフィ概論/ヒストリー/タイプフェイス/字形・字体/書体の構造/書体の選定/複数メディアのタイポグラフィ/書体イメージとバリエーション/欧文書体/欧文組版/ハイフネーション/和文書体/和文組版/約物と禁則処理/実験的和文組版/スペーシング実践/和欧混植/組版ルール/ジャスティファイ

  • グラフィックデザイン

    デザイン制作ワークフロー/コンセプトワーク/デザイン基礎/デザインエレメント/コミュニケーションデザイン/視覚デザイン/DTP基礎/プロセスカラー/トンボ/ロゴタイプ/トレース/Map/レイアウト/ホワイトスペース/グラフィックデザイン(広告・販促)制作実習/プレゼンテーション/講評

  • IT基礎

    情報の基礎理論(進数/ビットとバイト/データ表現)/ハードウェア(CPU/メモリ/ハードディスク/RAID)/ソフトウェア(OSの役割と種類/アプリケーションの分類)/データ構造(アルゴリズム/配列/リスト構造)/ネットワーク(LAN・WAN/プロトコルとパケット)/データベース(関係DB/正規化/排他制御/DB復旧)/システム構成(性能指標/クライアントサーバシステム)/セキュリティ(ユーザー認証/暗号化技術/セキュリティ対策)

  • PM(プロジェクト マネジメント)概論

    PM/PMOについて/統合マネジメント/スコープマネジメント/スケジュールマネジメント/コストマネジメント/品質マネジメント/リスクマネジメント/コミュニケーションマネジメント

  • データサイエンス基礎

    基本的な統計指標/母集団とサンプル/推論の基礎/統計的推定/仮説検定/最小二乗法と回帰分析/重回帰分析/分散分析

  • デザインシステムⅠ・Ⅱ

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

  • ブランドデザインⅠ

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

  • ブランドデザインⅡ

    ペルソナを探る/ペルソナ観察・構築/デザイン思考/ブランドデザイン構築Ⅰ・Ⅱ/インタビュー設計/共感マップ作成/フィールドワークⅠ・Ⅱ/フレームワーク分析/3C分/STPマーケティング/セグメンテーション/ターゲティング/ポジショニング開発/ブランドアイデンティティⅠ・Ⅱ/ロゴマークの設計/プロセスの振り返り

  • ブランドデザインⅢ

    ブランド戦略構築/4Pと4C/ブランド要素/ブランド体験シナリオ作成/ブランディングプレゼンテーション/発表フィードバック/情報分析/問題定義/市場の情報収集/課題リフレクション/ブランド構築ワークショップ(個人・グループ)/インタビューとアンケート

  • ブランドデザインⅣ

    共感ポイント/独自価値の仮説/市場細分化の注意点/見込み客の選定/ネットワーク連想法とポジショニング/ポジショニングマップ作成Ⅰ・Ⅱ/共感課題の見極め/ブランディングテーマの設定/ポジショニングの軸を設定/チーム対話の発想法・収束法/チームコミュニケーション/プロトタイピングⅠ・Ⅱ/プレゼンテーション/講評

  • Webクリエイティブ (個別スキルアップ復習)

    HTML5・XHTMLソース復習/CSS3・CSSソース復習/Dreamweaver操作/復習/Illustrator操作/復習/Photoshop操作/復習/jQuery復習/Javascript・PHP・MySQL復習/WordPress復習/レスポンシブWebデザイン復習/作品制作実習/復習

  • ポートフォリオ制作実習(Webクリエイティブ/ UI / UX設計 修了制作)

    ポートフォリオ基礎知識/企画/コンセプトメイキング/基本設計/レイアウト/ポートフォリオ情報設計/トップページデザイン制作/差別化/オリジナリティ/ポートフォリオプレゼンテーション/ポートフォリオUI/UX戦略/権利/コピーライト/講評/フィードバック

  • デザイナー就活の実践テクニックⅠ (キャリアデザイン)

    デザイナー就活のフロー/デザイン業界の就活動向/自己分析(時系列/強み・弱み/カテゴリー)/自分のコア・コンピタンスと客観的評価/現状把握とビジョン設計からアクションプランを構築/自己PR・志望理由/オリジナル履歴書のプロトタイプと成功事例紹介/自己分析とオリジナル履歴書の最適化/デザイン業界で評価されるオリジナル履歴書の作り方/オリジナル履歴書&職務経歴書の個別添削

  • デザイナー就活の実践テクニックⅡ (キャリアデザイン)

    デザイナー就活の書類選考・面接試験の採点基準/オリジナル履歴書の最終添削と質疑応答/企業情報の収集と分析/自分に合った会社探し/デザイナー選考試験のグループディスカッション必勝法/面接試験の実践的対策(デザイナー採用編)/デザイナー採用面接の質問例6類×7パターン分析/ビジュアル対策(面接)/写真の選定(応募書類)/第一志望の最終面接に照準を合わせた準備

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

    デザインプロセス/デザインシステム/デザイントレンドⅠ(現在)/デザイントレンドⅡ(未来)/企画アイデアの発想方法/着眼点と発想法の成功事例Ⅰ/着眼点と発想法の成功事例Ⅱ/ストーリー構築/コンセプトメーキングⅠ/コンセプトメーキングⅡ

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

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