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

コース詳細表

• 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／視線誘導・促進要因・阻害要因／同調現象・認知的不協和・後知恵バイアス

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

  UX５階層モデル／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）／クリエイティブワークショップ／グループディスカッション／デザインプレゼンテーション