DIGITAL ART STUDIO - WEB CREATIVE DIVISIONWebデザインコース

コース詳細表

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

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

• BWebデザイン（ノーコード）

  Webデザイン概論
  HTML基本構造／ CSS基本構造
  ノーコード制作概要
  プロジェクト管理／ダッシュボード
  アニメーション設定
  ボックスレイアウト
  ユーザビリティ／Webフォント
  マルチデバイス／レスポンシブデザイン

• CWEBサイト制作実習

  Webサイトプランニング
  企画 ・コンセプト
  コンテンツページ構成
  トップページ・コンテンツページ制作
  レスポンシブWebサイト制作
  デバイス・ブラウザ別確認／ページ最適化
  サイトプレビュー／公開
  プレゼンテーション／作品講評

• LWebグラフィック （Illustrator）

  Illustratorの基本操作（ツール・機能）
  図形の描画／オブジェクト／グループ化／レイヤー
  変形／整列／パスファインダ／パス／アンカーポイント
  アウトライン化／クリッピングマスク
  RGBとCMYK ／グラデーション
  文字の扱い／文字デザイン／ロゴ／マーク
  タイポグラフィの基本原則
  Web用画像の生成 ・書き出し／ SVGデータ編集

• MWebグラフィック （Photoshop）

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

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

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

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

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

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

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