DIGITAL ART STUDIO - WEB CREATIVE DIVISIONWebグラフィックデザイン総合コース

コース詳細表

• AWeb基礎／Webプロトタイピング

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

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

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

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

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

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

  リセットCSS／ノーマライズCSS
  セマンティックWeb
  CSSアニメーション／CSS transform
  CSS3によるWeb編集
  Webフォント概要／グリッドレイアウト
  HTML Living Standard・CSS3コーディング応用
  マルチブラウザ対応／デベロッパーツール
  バリデーションチェック／FTP

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

  クライアントサイドスクリプト概論
  JavaScript概要
  JavaScript基礎（記述ルール・コンソール・条件分岐）
  JavaScript実践（変数・関数・オブジェクト）
  JavaScriptプラグイン／UI実装
  jQuery実践（class変更など）
  jQueryプラグイン（スライダー・lightboxなど）
  jQuery応用（Loading／条件分岐による挙動）

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

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

• G作品制作実習

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

• H Webグラフィック （Photoshop）

  Photoshopの基本操作（ツール・機能）
  画像サイズ／ピクセル／画像解像度
  写真の加工・合成・トリミング
  色域指定／カラーバランス／色調補正／シェイプ
  レイヤー／レイヤースタイル／レイヤー効果／不透明度
  クイックマスク／レイヤーマスク／クリッピングマスク
  Web用画像の生成・書き出し／アセット
  キービジュアル制作／FVページ制作

• I Webグラフィック （Illustrator）

  Illustratorの基本操作（ツール・機能）
  図形の描画／オブジェクト／グループ化／レイヤー
  パスファインダ／パス／アンカーポイント／マスク
  文字の扱い／文字デザイン／ロゴ／マーク
  タイポグラフィの基本原則
  Web用画像の生成 ・書き出し／SVGデータ編集
  ワイヤーフレーム／デザインカンプ制作実習
  プレゼンテーション／講評

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

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

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

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

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

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

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

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

• N Webマーケティング

  Web解析（Google Analytics）基礎
  CV / CVR / インテント
  サイトコンセプトに基づいたSEO設計
  SEOの課題発見と改善手法
  Webリスティング広告
  リスティング広告の課題発見と改善手法
  ランディングページの企画・設計
  SNSマーケティング

• OWebディレクション

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

• Pカラーイメージ表現

  色彩基礎／トーンのイメージ・色の温度感
  色の進出・後退／膨張・収縮色／対比・同化
  色のサンプリング・グラデーション実習
  色彩構成 実習／講評
  配色の基本／配色を系統的に理解する
  配色基礎用語／色相・トーンの配色
  色彩トレーニング／色彩マーケティ

• Qフォトイメージ表現

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

• RグラフィックデザインⅠ （タイポグラフィ応用）

  タイポグラフィ概論
  グラフィックデザインヒストリー
  活字としての社会的役割
  タイプフェイス／字形・字体
  書体の構造／ケーススタディ
  書体の選定／ケーススタディ
  紙面の構造設計／ケーススタディ
  複数メディアのタイポグラフィ

• SグラフィックデザインⅡ （タイポグラフィ応用）

  書体イメージとバリエーション
  欧文書体の種類と特徴
  欧文組版／ハイフネーション
  和文書体の種類と特徴
  和文組版／約物と禁則処理
  実験的和文組版
  スペーシング実践／字間と行間
  和欧混植／組版ルール／ジャスティファイ

• TグラフィックデザインⅢ （グラフィック応用）

  企業CI・VI・BI Ⅰ
  企業CI・VI・BI Ⅱ
  企業CI・VI・BI Ⅲ
  シンボルマークとロゴタイプ
  DTP環境での多様性とオリジナリティ
  デザイン思考と表現方法／視覚表現の言語化
  グラフィックデザインの流行と普遍性
  CI／ロゴ制作実習

• UグラフィックデザインⅣ （グラフィック応用）

  広告デザインの企画／コンセプトワーク
  広告・販促物の種類と特徴
  ケーススタディⅠ（ポスター／チラシ／雑誌広告）
  ケーススタディⅡ（DM／CDジャケット／POP／サイン）
  紙の三次元／立体オブジェクト
  パッケージデザイン
  プレゼンテーション／講評
  デザインDATA入稿／色校正／納品確認

• Vデザインシステム基礎

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

• WブランドデザインⅠ

  ブランディングの理解
  ブランド定義／ブランド認知
  ブランド構築ステップ
  ブランド体系／ブランディング歴史
  ブランドアイデンティティ構築
  3C分析／STP分析
  ペルソナ構築手法
  ペルソナ構築の重要性

• XブランドデザインⅡ

  ブランディングフレームワーク
  ブランディング構築フロー
  ブランド要素／ブランド体験／顧客フロー
  マーケティング定義
  マーケティングとブランディングの接点
  ブランド＝資本価値の理解
  ブランド戦略／価値創造
  プレゼンテーション／講評

• Yモーショングラフィックス

  モーショングラフィックス概論／AfterEffects基礎
  プロジェクト／レイヤー／プロパティ
  タイムライン／コンポジション／キーフレーム
  モーションパス／アドビソフトとの連携
  シェイプ／3D／視線誘導／動きの見せ方
  タイトルアニメーション／グラフィックアニメーション
  バナー・サイネージ広告制作／リール動画制作
  プレゼンテーション／講評

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

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

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

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