BUSINESS DESIGN STUDIO - UI / UX DIVISIONUI / UX設計+Webデザイン総合コース

国内最先端のUI/UX設計とWebデザインを基礎から実務レベルまで学ぶプログラムです。授業では、Web、iOS、AndroidアプリケーションのUI/UX設計を体系的に学習します。また、「人間中心設計(HCD)」「行動経済学」「人間工学」「感性工学」の概念を製品に反映するためのスキルを学びます。さらに、Webデザインを学ぶことで、UI/UXデザイナーとしてWebクリエイティブ部門との協働を円滑に進めることが可能となります。本コースは「プレックスプログラム(200時間/2年間)」を無料受講できる特典が付きます。

授業時間数
245時間(98コマ)+α※
開講月
1月/ 2月/ 4月/ 5月/ 7月/ 8月/ 10月/ 11月
定 員
10名~18名
レベル
未経験者OK /適性審査あり
対応資格
HCD-Net認定人間中心設計専門家/ Webクリエイター能力認定試験エキスパート/アドビ認定アソシエイト
目指す職業
UIデザイナー/ UXデザイナー/ Webデザイナー/ Webディレクター
時間/期間(週回数)
夜間部19:15-21:45 / 6ヵ月間-1 年間(週2-3回)、土or日/ 6ヵ月間-1 年間(週1-2回)
入学金
30,000円(税別)
受講料
660,000円(税別)
教材費・実習費
70,000円(税別)
学費総計
760,000円(税別)
受講特典
α※=「プレックスプログラム(80プログラム/ 200時間/ 2年間)」「アドバンストプログラム」を無料で受講できます。

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

コース詳細表

  • 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
    プレゼンテーション
    検証・評価/改善

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

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

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

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

上記に加えてWEBクリエイティブ専攻の以下のカリキュラムを設置

  • 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サイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

その他のコース

必修コース

選択コース