インタープランITスクール新宿校 Webデザイン ・ ディレクション科
東京都で職業訓練のWEBデザインコース・WEBデザイナー講座では、インタープランITスクール新宿校が開催する、これからはじめる Webデザイン ・ ディレクション科で、初心者から最新のWeb制作スキルを身につけることで、Webデザイン・ディレクション業務を目指します。
訓練実施施設 | インタープランITスクール新宿校 |
訓練実施施設の住所 | 〒160-0005東京都新宿区愛住町22第3山田ビル 2F A教室 |
訓練対象者の条件 | パソコンの基本操作ができる方(キーボード入力・マウス操作・ファイル/フォルダの理解等) |
訓練目標 | 初心者から最新のWeb制作スキルを身につけることで、企業にてWebデザイン・ディレクション・マーケティング業務はもちろん、実践を通して得たHTML5/CSS3・JavaScript・WordPress等のプログラミング知識も活用し幅広くWeb関連業務を行える人材を育成する。 |
定員 | 30名 (受講申込者が募集定員の半数に満たない場合は、訓練の実施を中止することがあります) |
自己負担額(税込み) | 教科書代 13,000円 |
学科 Webディレクション基本知識など
パソコン基本知識 | パソコンの仕組み、OSの種類、インターネットの基本知識、ファイル管理、ビジネス文書作成の基本、Webサイトが表示される仕組み |
カラー基本知識 | 色彩基礎、視覚効果、色彩心理、カラーイメージ、配色ルール |
Webデザイン基本知識 | Webデザイン概論、Webサイトのワークフロー、Webレイアウト、UI/グラフィックデザイン、UXデザイン(ペルソナ、ジャーニーマップ) |
Webマーケティング基本知識 | SEO/SEM概論、ゴールとKPIの設計、データの見方と分析方法、項目別(自然検索・リスティング・バナー広告・ランディングページ等)の改善策 |
Webディレクション基本知識 | Webサイトの企画、プレゼンテーション手法、進行管理・制作技術概論 |
実技 Webデザイン制作演習など
HTML5・CSS3演習 | HTMLの構造・文法の実践、 CSSの構造・文法の実践、 W3Cが定めるWeb標準の実践 |
グラフィックデザイン制作演習1 | 文字のデザイン・タイポグラフィ、配置・配色、アイコン設計、ロゴマークデザイン設計・グラフィックレイアウト、名刺制作実践( 使用ソフト:Adobe Illustrator CC ) |
グラフィックデザイン制作演習2 | 写真のデザイン・レタッチ、画像加工・合成・グラフィックデザイン、バナー制作実践( 使用ソフト: Adobe Photoshop CC ) |
Webデザイン制作演習 | Webオーサリングツール実践、Webレイアウト制作実践( 使用ソフト:Adobe DreamweaverCC ) |
Webサイト制作演習1 | グラフィックデザイン技術実践、Webユーザビリティ・デザイン実践、Webサイト制作実践 |
JavaScriptプログラミング演習 | JavaScriptフレームワーク(jQuery)を利用したプログラミング、アニメーション実践 |
プロトタイプWebデザイン制作演習 | プロトタイプWebデザイン制作実践( 使用ソフト:Adobe XD CC ) |
スマートフォンサイト制作演習 | デバイスに応じるプロモーション手法の実践、レイアウト設計、レスポンシブウェブデザイン制作実践 |
ポートフォリオ制作演習 | 就職活動用の作品集制作(持参提示用PDF) |
PHPプログラミング演習 | PHP動作環境の構築、PHPプログラミング構文・文法・変数の記述と反映、関数の呼出、オブジェクト指向の概念理解と実践、外部ソースからのファイルの入出力実践、メールフォームプログラム構築、データベースとPHPプログラムの連携実践 |
CMS演習 | CMSによるWebデザイン、コンテンツのデータベース管理、プログラムカスタマイズ技術実践( 使用ソフト:WordPress ) |
Webマーケティング演習 | データの見方と分析手法の実践、ゴールとKPIの設計、セグメント別の改善策実践(集客施策、再訪問施策、接客施策)、効果測定(GoogleSearchConsole・GoogleAnalytics) |
Webサイト制作演習2 | 卒業制作:クライアントを想定したコーポレートサイト・ECサイト・ブランドサイト・キャンペーンサイト等の制作、デバッグ、Webサイトのプレゼンテーション、Webサイトのアップロードと更新 |
ポートフォリオWebサイト制作演習 | 就職活動用のWebサイト作品集制作 |
フェリカテクニカルアカデミー はじめてのWebサイト制作科
訓練実施施設 | 株式会社ファウンデーション |
訓練校名 | フェリカテクニカルアカデミー KK15人教室 |
訓練実施施設の住所 | 〒171-0022東京都豊島区南池袋2-12-9KKビル4F |
訓練対象者の条件 | 基本的なPC操作ができる方(起動、保存、印刷、タイピング(ローマ字入力)等) |
訓練目標 | Photoshop、Illustrator等のソフトの習得、PHPを連動したプログラムの導入。スマホサイト制作やHTML5、CSS3について学習し、Web制作やディレクションに従事する。 |
定員 | 15名 (受講申込者が募集定員の半数に満たない場合は、訓練の実施を中止することがあります) |
自己負担額(税込み) | 教科書代 13,126円 |
学科 HTML基礎知識など
パソコン・インターネット基礎 | インターネットの仕組み、ブラウザの概念 |
ネットワーク基礎 | 通信プロトコル、サーバー、ドメインの概念 |
HTML基礎知識 | HTMLの基礎、概念、入力方法等 |
CSS基礎知識 | CSSの基礎、概念、入力方法等 |
SEO基礎 | 検索エンジンの評価方法、キーワード設計、構文等 |
ネットワークサーバー基礎 | サーバーの仕組み、アップロードの手法 |
SEO理論 | Webサイト分析ツールの使用方法及びマーケティング |
PHP MySQL基礎知識 | PHPとHTMLの関係性、CGIについてPHPの仕様の理解 |
JavaScript基礎知識 | JavaScript及びjQueryにおけるプログラムの入力方法、導入事例の検証方法 |
プレゼンテーション知識 | 制作したWebサイトの効果的な見せ方、プレゼンテーションの手法 |
実技 Web素材制作実習など
CSS実習 | CSS入力実習、導入演習 |
JavaScript実習 | jQuery等、動きのあるコンテンツ等のプログラム組込み、オブジェクト指向型言語プログラミングの演習 |
Web素材制作実習 | Photoshopを使用したバナー作成、Illustratorを使用したロゴや地図等のWeb 素材の制作 |
Webサイト企画実習 | 企画書・サイトマップ等の立案・手法、 Dreamweaverの操作 |
Webサイト制作実習 | PHPやjQueryを使用したプログラミングWebサイトの制作、データべース連動手法、サイトマップの作成、サイトの考察やデータ整理 |
PHP MySQL実習 | 手続き型プログラミングを使用したカートや問合わせ、ユーザー登録、ランキングシステムの構築 |
HTML5実習 | HTML5タグを使用した様々なデバイスに対応可能なWebコンテンツの制作 |
CSS3実習 | CSS3を使用したプロパティやエフェクトの導入、動画や音声等の導入演習 |
スマートフォンサイト制作実習 | HTML5 CSS3を使用したスマートフォンサイト制作 |
スマートフォンプログラム実習 | jQuery Mobileを使用したスマートフォンサイト制作、サイトの流れやフロー作成、データ整理 |
プレゼンテーション実習 | 制作したWebサイトの動作確認、発表演習 |
デザイナーズアカデミー目黒本校 グラフィックデザイン科
訓練実施施設 | 株式会社クリエイターズアカデミー デザイナーズアカデミー目黒本校 |
訓練実施施設の住所 | 〒153-0063東京都目黒区目黒2-10-8第2アトモスフィア青山 |
訓練対象者の条件 | PCの基本操作(タイピング、ファイル操作・管理)ができる方 |
訓練目標 | DTP、WEBに関する知識と、商業デザインを学び、さらにはデザインソフトであるIllustratorとPhotoshopを習得し、グラフィックデザイナーとして多様な印刷物やWEBサイトを制作できる業務に従事する。 |
定員 | 30名 (受講申込者が募集定員の半数に満たない場合は、訓練の実施を中止することがあります) |
自己負担額(税込み) | 教科書代 2,100円 |
学科 ポートフォリオ制作基礎など
グラフィックデザイン基礎 | IllustratorやPhotoshopで作成するグラフィックデータ基礎知識 イラスト、ポストカード、フライヤー、雑誌記事 |
DTP基礎 | 印刷方式の理解、データ作成時の色や印刷時のインクの知識、文字組みや組版のルール、印刷データの作成方法 |
ポートフォリオ制作基礎 | ポートフォリオの制作指導 |
レイアウトデザイン基礎 | 商業デザイン基礎知識ビジネスコンセプトに沿ったレイアウトデザインをしていくための様式や手法、WEBサイトや印刷物の事例分析学習 |
ソーシャルメディア利用基礎 | ソーシャルメディアの利用指導 |
WEBマーケティング基礎 | WEBマーケティングの基礎から考え方、戦略、手法 |
HTML/CSS基礎 | HTML・CSS基礎、W3Cが定めるWEB標準、HTML5へと繋がるWEB業界現状把握 |
JavaScript基礎 | JavaScriptの基本構造イベントオブジェクト、関数、DOMの概念、WEBページの現状や可能性 |
実技 商業デザイン総合制作実習など
イラスト・ロゴ制作実習 | Adobe Illustrator制作実習名刺、地図、ロゴマーク、フライヤー、雑誌記事、WEBサイト、ゲームのキャラクターデザイン、グラフィックデザイン実例課題制作、Illustrator実習 |
写真合成・修正加工実習 | Adobe Photoshop制作実習画像修正・補正・加工・合成、フォトレタッチ実習 |
写真撮影実習 | 静止画による商品・人物の写真撮影 |
動画撮影実習 | 商品・人物の動画撮影 |
ユーザーインターフェイス制作実習 | Illustratorを駆使したデザイン制作実習 Photoshopを駆使した技術実習ユーザーインターフェイス課題制作実習 |
WEBデザイン実習 | 企画書、デザイン案制作実習Dreamweaverを使用したWEBデザイン制作実習 |
JavaScriptプログラミング実習 | コンテンツ制作・プログラミング実習 |
スマートフォンサイト制作実習 | WEBデザイン業界のトレンド、スマートフォン、タブレット端末用サイト制作実習 |
商業デザイン総合制作実習 | 卒業制作WEBデザインと商業印刷物をセットにした、ビジネスプロジェクトを想定した総合制作実習コンセプトメイクから企画書作成、プレゼンテーション演習、トータルプロジェクト実習 |
アジャストアカデミー Webデザイナー・ディレクター・マーケティング養成科
訓練実施施設 | アジャストアカデミー |
訓練実施施設の住所 | 〒160-0022東京都新宿区新宿6-28-7新宿EAST COURT2F |
訓練対象者の条件 | ウィンドウズマシンの基本操作ができること。マウス操作及びキーボードを両手で操作できること。フォルダ管理ができること。 |
訓練目標 | HTML、CSS、Adobe Photoshop、Illustrator、XD、Dreamweaver、Webマーケティング、jQuery、JavaScript、スマートフォンサイト、WordPress 、スチール撮影、動画撮影、DTP、SNSライティング、プレゼンテーションなど、Webデザイナー、Webディレクターに必要な知識技能を習得し、Web制作会社、広告代理店、ECサイトの業務に従事する。 |
定員 | 20名 (受講申込者が募集定員の半数に満たない場合は、訓練の実施を中止することがあります) |
自己負担額(税込み) | 教科書代 14,234円 |
学科 Webマーケティング概論など
Webマーケティング概論 | Webマーケティングの基礎とターゲティング、プロモーション、コンテンツマーケティング |
Webディレクション概論 | 制作者と依頼者間の効果的なコミュニケーション術、ヒアリング提案、企業の課題発見手法、カスタマージャーニーマップの構成、現実型ペルソナモデルに対する訴求サービスの提案とロジカルシンキング手法 |
グラフィックデザイン概論 | 名刺、広告等、グラフィックデザインのレイアウトや色彩についての知識を習得 |
Webサイト制作概論 | Webサイト構築のための基礎知識とルール、UI(ユーザーインターフェース)・UX(ユーザーエクスペリエンス)の考え方 |
Web解析概論 | アクセス解析の基礎知識と活用法 |
JavaScriptプログラミング基礎 | JavaScriptのフレームワーク(jQuery)を使用したプログラムの基礎知識 |
GAIQ概論 | アクセス解析ツール「Googleアナリティクス」の基礎知識と操作方法、アクセス解析方法、サイト改善施策 |
PHP基礎 | プログラマーとコミュニケーションをとるためのプログラム言語(PHP)の基礎知識 |
SNSライティング・リスク対策概論 | SEO効果のあるキーワードやハッシュタグの使い方、興味を持たれるタイトルのつけ方など、SNSマーケティングで役立つ文章作成のポイント、SNSにおいてのリスク回避、炎上対策など、運用に必要な知識を習得 |
実技 グラフィック処理ソフト実習(Photoshop)など
HTML5実習 | HTML5を使ったWebページ作成 |
CSS3構築実習 | CSS3を使ったWebサイトデザイン作成 |
グラフィック処理ソフト実習(Photoshop) | Photoshopを使った画像加工とバナー作成(サイズ変更・トリミング・色調補正・合成等) |
スチール撮影実習 | バナーデザイン、ECサイト運営に必須の商品、照明のセッティングと商品・人物の撮影 |
jQuery実習 | jQuery活用実習(ダウンロード・組み込み・利用法習得、jQueryプラグイン設置) |
Webオーサリングツール実習(Dreamweaver) | Dreamweaverを使ったサイトデザイン実習(HTML5・CSS3を使いスタイルシートのレイアウト、テンプレートを使った作業、FTP機能を使ったアップロード実習) |
グラフィック作成ソフト実習(Illustrator) | Illustratorを使ったロゴマークデザイン(オプジェクト作成、クリッピングマスク、整列、テキストデザイン等) |
UI/UXデザイン実習 | PCはもちろん、スマホやタブレットから見たサイトを、より分かりやすく、使いやすくするためのデザインスキルを習得 |
Web動画撮影実習 | Web素材としてのCM作成(企画立案・シナリオ作成・動画撮影・編集実習) |
ポートフォリオ制作実習 | 就活用のポートフォリオ(作品集)作成 |
プロトタイプ制作実習(XD) | 最新のAdobeアプリ XD(エクスペリエンスデザイン)を使ったプロトタイプ(Webデザインレイアウト)制作実習 |
スマートフォンサイト制作実習(HTML5,CSS3) | HTML5・CSS3を使い、PC、スマホ、タブレットなどマルチデバイスで表示可能なレスポンシブデザインのスマートフォンサイトを作成 |
Webサイト制作実習 | 就活用のWebサイト制作(企画立案からデザイン、コーディング、サーバアップまで一連の流れを学ぶ) |
JavaScriptプログラミング実習 | JavaScriptのフレームワーク(jQuery)を使用したプログラムのアニメーション制作実習 |
アニメーション制作実習 (After Effects) | After Effectsを使って、映像の編集、エフェクトの追加などWeb用モーショングラフィックスを作成 |
CMS構築実習(WordPress) | WordPressを使ったWebサイト構築(システム導入・インターフェイスのカスタマイズ) |
PHP実習 | PHP言語を使ったシンプルなショッピングゲームの作成 |
ポートフォリオサイト制作実習 | Web・デザイン業界で就活に役立つポートフォリオ(作品集)サイト作成 |
WEBデザイナーのお仕事
WEBデザイナーの仕事は、WEBサイトのランディングページのビジュアルデザインを行ったり、サイト全体のデザインの統一感を管理したり、実際にHTMLやCSSを使ってWEBページをコーディングしたりといった業務を行います。HTMLやCSS、画像データの加工などのスキルは原則として必須ですが、大規模サイトの場合はコーディング作業を専門のコーダーが行うなど作業の分業化も進んでいます。
なお、WEBデザイナーの役割はビジュアルデザインだけでなくUI(ユーザーインターフェース)の策定などもあり、コーポレートサイト、キャンペーンサイト、ECサイトなどの目的に沿ったサイトデザインおよびクライアントの目的を達成するためのサイトデザインを行う必要があります。
また印刷会社ではWEBデザイナーがDTPのグラフィックデザイナーを兼務することも珍しくないようです。
身に付くスキルとステップアップ
スクール/独学でHTMLやCSSを学び、WEBページがひととおり作れるようになっても、それだけでプロのWEBデザイナーにはなれません。
ビジネス用のWEBサイトには「企業や製品をPRする」「商品を売る」などの目的があり、その目的を達成するためにはページにどのような要素が必要なのか、どんなUIが求められるのか、ユーザーに特定の行動を取らせるためにはどのようなサイト構成が望ましいか…といった多くのノウハウが必要です。何らかの形でWEBデザイナーの仕事に携わるうちにこれらのノウハウを身に付けることができるでしょう。
またフォトショップなどのクリエイター用ソフトを使ってDTPの高解像度の写真データをWEB用にリサイズしたり、特殊なエフェクトをかけたりといった最新の商業広告的なテクニック/スキルも磨くことができます。
職業訓練と雇用保険の失業給付(基本手当・受講手当・通所手当)
基本手当とは
雇用保険の被保険者の方が離職し、失業中の生活を心配しないで、新しい仕事を探し、1日も早く再就職するために支給されるものです。雇用保険の一般被保険者に対する求職者給付の基本手当の所定給付日数(基本手当の支給を受けることができる日数)は、受給資格に係る離職の日における年齢、雇用保険の被保険者であった期間及び離職の理由などによって決定され、90日~360日の間でそれぞれ決められます。
受給期間の延長とは
失業保険をもらっている期間中にハローワークから紹介され公共職業訓練を受講すると失業保険(雇用保険)の受給期間は延長されます。原則として所定給付期間日数の2/3の受給日数を受け終わるまでに訓練を開始しないと訓練給付延長は受けられません
この訓練延長給付は、以下の3つの期間に適用されます。
- 訓練などを受けるために待機している期間
- 訓練などを受講している期間(最長で2年)
- 訓練などの終了後に再就職が困難な期間(最長30日)
職業訓練は3カ月、6カ月のコースが多く設定されていますが、若年層向けのコースには1年または2年間受講するコースも開設されています。この制度を上手に利用すると、本来の所定給付日数が90日しかない人も元の日数に加えて職業訓練を受給する期間分だけ支給日数が延長されることになります。
受講手当とは
受講手当は、受給資格者が公共職業安定所長の指示した公共職業訓練等を受ける場合に支給されます。支給の対象となるのは、基本手当の支給の対象となる日のうち公共職業訓練等を受けた日です。
受講手当の日額は500円です。受講手当の上限額は20,000円です。
通所手当とは
通所手当は、受給資格者の住所又は居所から公共職業訓練等を行う施設へ通所するために交通機関、自動車等を利用する場合に支給されます。
通所手当の月額は通所方法によりますが、最高42,500円までです。
支給対象にならない日がある月については日割により減額して支給されます。
求職者支援訓練も対象に(令和4年7月1日から)
令和4年7月1日から、雇用保険の受給資格者に対して公共職業安定所長が受講を指示する公共職業訓練等の対象に「求職者支援訓練」が追加されました。
これによって、令和4年7月1日以降、雇用保険の受給資格者が求職者支援訓練の受講を開始する場合、訓練実施期間中に訓練延長給付(受給期間の延長)及び技能習得手当等(受講手当・通所手当)を受給することができるようになりました。