COMMUNICATION DESIGN STUDIO - UX DIGITAL PRODUCT DESIGN DIVISIONUXデジタルプロダクトデザイン総合コース

コース詳細表

• Web基礎／Webプロトタイピング （Figma）

  Webサイトの仕組み／サーバー／ドメイン／ Webデザイン制作フロー（業界・トレンド）／ Webデザイン技術（HTML・CSS・Web画像）／デジタルデバイスとWebブラウザ概要／Webデザイン理論（カラー・フォント・レイアウト）／ Figma基本操作／プロジェクト／モード切替／レイヤー／アセット／コンポーネント／ワイヤーフレーム／デザインカンプ制作

• HTML Living Standard CSS3コーディングⅠ

  HTML・CSS基本構造／ HTML・CSSコーディング基礎／マルチデバイス対応／ Visual Studio Code基本／ビュー／各種パネル／ HTML Living Standard ／セクショニング／エンベット／ CSS3 ／セレクタ／プロパティ／フレキシブルボックスレイアウト／HTML Living StandardによるWebサイト構築

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

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

• HTML Living Standard CSS3コーディングⅡ

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

• Webリッチコンテンツ（jQuery / JavaScript）

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

• Webプログラミング（PHP / MySQL）WordPress

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

• 作品制作実習

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

• WebデザインⅠ（ビジュアルデザイン）

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

• WebデザインⅡ（情報設計）

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

• WebデザインⅢ（インタラクション）

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

• JavaScript 実践（UI / 機能実装）

  JavaScript概論／基本文法／ ECMAScript ／変数／定数／文字列／条件分岐／繰り返し／関数／引数／戻り値／オブジェクト／プロパティ／メソッド／イベントハンドラ／イベントリスナー／正規表現／文字列操作／UI/機能の実装／タブ切り替え／アコーディオン／カルーセル・スライダー／モーダルウインドウ／ローディング／並べ替え機能／絞り込み機能／スクロール関連機能／フォーム関連機能

• Webサイト制作実習（ノーコード）

  ノーコード制作概要／プロジェクト管理／ダッシュボード／アニメーション設定／ボックスレイアウト／ Webフォント／マルチデバイス／レスポンシブデザイン／企画 ・コンセプト／ページ構成／トップページ・コンテンツページ制作／レスポンシブWebサイト／ページ最適化／サイトプレビュー／プレゼンテーション／作品講評

• UIデザイン（IA・UX・UIデザイン）

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

• Webマーケティング／Webディレクション

  Web解析(Google Analytics)基礎／ CV / CVR / インテント／コンセプトに基づいたSEO設計／ Webリスティング広告／課題発見と改善手法／ LPの企画・設計／ SNSマーケティングユーザー行動の理解と情報収集／定性手法と定量手法／仮説検証とコンテクストリサーチ／カスタマージャーニーマップ／サイトの問題点と改善提案／プレゼンテーション／講評

• UX / UI基礎Ⅰ（Design・Science・Engineering）

  UX Design／ユーザーエクスペリエンスデザイン／UI Design／ユーザーインタフェースデザイン／Lean UX・Scrum Project Management／アジャイル開発／ウォーターフロー開発／人間中心設計／ Cooperative Design・Participatory Design／行動経済学／ Behavioral Economics／人間工学／ Human Factors and Ergonomics／感性工学／Affective Engineering

• UX / UI基礎Ⅱ（The Elements of User Experience）

  プロダクト設計／ユーザーニーズ／コンテンツ設計／機能設計／インタラクション設計／情報設計／インタフェース設計／ナビゲーション設計／ワイヤーフレーム／プロトタイピング／予期的UX・一時的UX・エピソード的UX・累積的UX／ガイドライン／ Human Interface Guidelines／ガイドライン／ Material Design

• ユーザーリサーチ

  探索リサーチ・検証リサーチ／プロトペルソナ／ユーザーインタビュー／ユーザーモデリング／シナリオ設計／ペルソナ手法／カスタマージャーニーマップ／定性分析／アイデア発想／アイディエーション／ユーザビリティーテスト実査／総括的評価／形成的評価／ヒューリスティック評価・分析

• チームビルディング

  Figma / Collaborative Interface Design／ FigJam / Online collaboration tools／ Miro / Realtime Workspace／ Google Docs / Sheets / Slides／情報共有／Slack／1on1／共通認識確認・傾聴／心理的安全性／ Psychological Safety／デザインレビュー／フィードバック

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

  認知心理学／行動経済学／人間工学／感性工学／ヒューリスティック／プロスペクト理論／行動変容／ナッジ・フォッグ／チート／習慣化／アフォーダンス／シグニファイア／ゲシュタルト原則／認知負荷／チャンク化／ヒックの法則／Web マーケティング／集客施策・回遊施策／デスクリサーチ／競合分析／市場分析／視線誘導・促進要因・阻害要因・効果測定

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

  UX５階層モデル／ Task Oriented・Information Oriented／戦略／要求／構造／骨格／表層／UIトレンド／ Complexion Reduction／ Lean UX / Minimum Viable Product／UXライティング・ラベル設計／アクセシビリティ・ユニバーサルデザイン／オブジェクトベースUI / Modeless User Interface／タスクベースUI / Command Line Interface

• UIデザインⅠ（iOSアプリ・Androidアプリ）

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

• UIデザインⅡ（iOSアプリ・Androidアプリ）

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

• UXデザイン実践Ⅰ

  Brand Framework（ブランディングの原則）／ Brand Proposition（中核概念）／Brand Experience（構造構築）／Brand Engagement（浸透活動）／組織設計／インナーブランディング／VUCA への理解と求められる人材像・思考法／MVV（ミッション・ビジョン・バリュー）への理解／コアバリューの再構築／ UXとブランディング

• UXデザイン実践Ⅱ

  Brand story（ブランドストーリー）／ Brand Motif / Color（ブランドモチーフ／カラー）／ Brand Personality（ブランドパーソナリティ）／ Brand promise（ブランドプロミス）／視点の変化と価値の再発見／ポジショニング／価値の言語化とビジュアル化／ムードボード／視覚的要素でのイメージ共有／コア画面／キービジュアル／ビジネスモデル

• UXリサーチ実践 I

  仮説検証型UXリサーチ／UXリサーチの本質／手法とプロセス／UXリサーチ計画／要求定義／リサーチ目的／プレインタビュー／仮説構築とターゲット／顧客と課題／仮説設定／調査論点整理／リサーチコンセプト／コンセプト発散／コンセプトシート作成
  

• UXリサーチ実践 II

  インタビュー設計／インタビュー方法／インタビューガイド作成／リクルーティング方法／UXリサーチ分析方法／個別分析・統合分析／KJ 法によるインサイト抽出方法／調査分析・評価／発話データの整理／コンセプト・ソリューション評価／顧客・課題分析／調査分析／意思決定を促すレポート作成
  

• Webグラフィック（Photoshop / Illustrator）

  Photoshopの操作（ツール・機能）／選択範囲／レイヤー／写真の加工・合成／トリミング／色域指定／カラーバランス／色調補正／クイックマスク／レイヤーマスク／文字マスク／フィルタ／Illustratorの操作（ツール・機能）／オブジェクト／パスファインダ／文字の扱い／アウトライン化／クリッピングマスク／Webグラフィック実践Ⅰ／ Webグラフィック実践Ⅱ

• Webグラフィック制作実習

  デジタルデバイス対応デザイン／Web用画像フォーマット／ Webカラー表現／Webタイポグラフィ／サイトレイアウト／ワイヤーフレーム／デザインカンプ／デザインカンプ制作実習／プレゼンテーション／講評

• カラーイメージ表現

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

• フォトイメージ表現

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

• タイポグラフィ実践

  タイポグラフィ概論／タイプフェイス／字形・字体／書体の構造／書体の選定／文字の表現力／文字の力／和文書体／種類・バリエーション／欧文書体／種類・バリエーション／文字サイズ・文字組み／文字間隔・行の間隔・禁則処理／可読性／可視性／グレー濃度と紙面／段組み／組版ルール／和欧混植／スペーシング

• レイアウト実践

  レイアウト概論／シンメトリー／グリッドシステム／ホワイトスペース／導線の設計／見えるラインと見えないライン／反復と変移／モジュールとユニット／ 1 / 3の法則／ジャンプ率／トリミング／キーワードとビジュアル／フレーミング／連続性・繰り返し／セパレーション／ムーブマン／アクセント／タイリング／曲線のデザイン効果

• モーションデザイン実践Ⅰ

  モーションデザイン概論／ワークスペース／環境設定／AfterEffects基礎／プロジェクト／レイヤー／プロパティ／パラメータ／タイムライン／コンポジション／キーフレーム／イージング／モーションパス／グラフエディター／リファレンスエフェクト／トランジション／アドビソフトとの連携

• モーションデザイン実践Ⅱ

  シェイプ／動き／ 3D ／視線誘導／優先順位／動きの見せ方／タイトルアニメーション／パスアニメーション／キャラクターアニメーション／グラフィックアニメーション／パララックス表現／カメラワーク／レンダリング／エクスポート／バナー制作／サイネージ広告制作／リール動画制作／プレゼンテーション／講評

• デザインシステムⅠ

  デザインの定義・事例／デザイン領域／デザインの道具／デザインフローの理解／デザインの前提・要素・原則／黄金比／グリッド／ゲシュタルト原則／デザイン分析／デザインの目的と対象／ビジネスフローとデザインの関係性／ブランドの定義／ブランドアイデンティティ／ブランド認知／ブランド体系／ブランド要素／ブランド体験

• デザインシステムⅡ

  ブランド分析／ターゲット／ブランディング事例／ブランド構築ステップ／ブランドとデザインの関係性／ブランドデザインの役割／コンセプト開発／ブランドメッセージ開発／グループワーク形式の理解／ 8QSを使ったコンセプトメイキング／ブランドキーワードの選定／コンセプト設計／ブランド構築ワーク／グループワーク発表／講評／課題リフレクション

• ブランドデザインⅠ

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

• ブランドデザインⅡ

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

• ブランドデザインⅢ

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

• ブランドデザインⅣ

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

• AI クリエイティブデザイン基礎 （生成AIパスポート試験対応）

  生成AIの基礎知識／仕組みと限界（LLM・ハルシネーション）／各種生成AI（テキスト・画像・映像・音楽）／テキスト生成AIプロンプト／リスクと倫理（知的財産権・個人情報）／情報リテラシー／セキュリティとガイドライン／社会と未来（産業への影響・AI協働）

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

  HTML Living Standard / CSS3コーディング復習／Figma操作／復習／ Visual Studio Code操作／復習／Photoshop操作／復習／ Illustrator 操作／復習／JavaScript / jQuery復習／ PHP・MySQL・WordPress復習／Webデザイン実践復習／レスポンシブWebデザイン復習／作品制作実習／復習

• ポートフォリオ制作実習（Webクリエイティブ／ UX / UI設計）

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

• コミュニケーショントレーニング

  コミュニケーションとは／ソーシャルスタイル診断／ソーシャルスタイルを意識したロールプレイング／傾聴トレーニング／相槌・頷き・表情・ジェスチャー／声のトーン・沈黙・ペーシング／自己開示・他者理解／コーチングスキルの活用術

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

  デザイナー就活のフロー／デザイン業界の就活動向／自己分析（時系列／強み・弱み／カテゴリーなど）／自分のコア・コンピタンスと客観的評価／現状把握とビジョン設計からアクションプランを構築／自己分析をもとに自己PR・志望理由の作成／オリジナル履歴書のプロトタイプと成功事例紹介／自己分析とオリジナル履歴書の最適化／デザイン業界で評価されるオリジナル履歴書の作り方／オリジナル履歴書作成に向けたワークショップ／オリジナル履歴書の最終添削と質疑応答

• デザイナー就活の実践テクニックⅡ（就活実践テクニック）

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

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

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

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

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