Webデザイナー講座
短期集中コース

Webデザイナー講座 概論

Web概論

Webとは何か？/ Webの仕組み / Web制作に必要なもの / Web制作の基礎知識/ 動画教材でWebを学ぶコツ

デザインの基礎＆カラー・レイアウト

デザインとは / デザインの目的・役割 / デザインのワークフロー / イメージからかたちへ / デザインの造形要素 / 美しいとは / デザインの造形秩序 / デザインを学ぶ上での心がけ

デザイン・コーディング

グラフィック講座

『Adobe Illustrator』について / イラスト作成 / タイトルデザイン / 『Adobe Photoshop』について / 画像の切り抜き / 色調補正 / ペンツール / 素材の配置

プロトタイピングツール Figma

Web制作の基本 / Figmaの基礎知識 / Figmaデザインファイルの操作方法 / バナー制作で基本操作を覚えよう / Figmaの特殊な機能 / ワイヤーフレーム制作で操作に慣れよう / LP制作でデザインカンプ作りに挑戦 / Webサイトのプロトタイプに挑戦

HTML／CSSコーディング

HTMLの基本 / CSSの基本 / レイアウトの基本 / １ページサイト制作 / 複数ページサイト制作

リッチコンテンツのためのJS・jQuery

JavaScriptとjQuery / 数当てゲームを作る / Webページによく使われるパーツを作る（モーダルウィンドウ・ローディングアニメ―ション・ドロワーメニュー・スライダーほか）

講義 応用

Web設計概論

Webデザイナーの役割とは / サイト設計考察 / 「サイト設計」でおさえておくポイント / 「デザイン」でおさえておくポイント

効果的なLPをデザインするためのトンマナの考え方

LPとトンマナについての基礎知識 / ヒアリング方法 / デザインに落とし込む

クリエイターのための著作権

著作権法の考え方 / 著作物とは？/ 著作（財産）権とは？/ 著作者人格権とは？/ 著作隣接権とは？/ ケーススタディ

Webディレクション講座

Webディレクターに必要なスキル / Webディレクターに必要なツール / 制作の進め方

実習 応用

グラフィックデザイン実践

名刺を作ろう / ダイレクトメールを作ろう / 目的に合わせたデザイン表現tips

はじめてのAdobe生成AI

生成AIとは / Illustratorで生成AI / Photoshopで生成AI / Adobe Fireflyを使ってみよう / 生成AIと著作権

WordPress ノンコーディング編

WordPressの概要 / WordPressのインストール / WordPressの管理画面から操作する / サイトをカスタマイズしてみよう / サイトを公開する
※本パートには字幕がございません

キャリアデザイン

ポートフォリオ講座

Web業界への転職準備について / ポートフォリオについて / ポートフォリオの基本構成

就職ゼミ

クリエイティブ業界の仕事について / クリエイターの就職活動のポイント