9/17(Fri)

今日の生放送

Webデザイン 実践研修パッケージ

公開日:2018/02/01
更新日:2021/09/01

研修の対象者

  • Webデザイナー

解決できるお悩み・ニーズ

  • Webデザイナーとしての実践的なスキルを学びたい
  • Webデザインの全工程を行えるようになりたい
 

パッケージの概要

この研修パッケージでは、Webデザイナーの方を対象として、デザインパターンやレスポンシブコーディングの汎用性の高いWebデザインの基礎スキルについて学ぶことができます。Webデザインの知識はある程度身につけたものの、実践レベルのスキルを身に着けたいとお考えの方におすすめの研修パッケージです。

スクーのWebデザイナー研修パッケージの特徴

スクービジネスプランでは、Webデザインに関する汎用的なスキルを身につけたい方のために、「デザインパターン基礎」や「レスポンシブコーディング入門」など、幅広い研修動画を提供しています。時間や場所を選ばないオンライン研修だからこそ、効率的にWebデザイナーとして必要なスキルを学習することができます。

例えば、作りたいランディングページのイメージはあるものの具体的にどうデザインしたらいいかわからない、という課題には、「ライブグラフィックデザイン:プロの技から学ぶ」というオンライン研修をご用意しています。

加えて、お客様独自でご用意された動画を研修パッケージに自由に加えたり、受講者一人ひとりに合わせて対象とする研修動画を変えることができるため、個々人のスキルレベルや職種などの関わるビジネスシーンに合わせてピンポイントでWebデザイナーとしての能力を育成することが可能です。

まずは資料をもらう (簡単10秒)

※こちらは研修パッケージの作成例です。管理画面のテンプレートに含まれていない場合がございます。

研修内容

授業構成(全3講座)

講座名 学習目安
ライブグラフィックデザイン:プロの技から学ぶ 4時間 30分
「可愛い」テイストのランディングページを、生放送で公開制作 90分
「信頼感のある」ランディングページを、生放送で公開制作 90分
皆さんのご要望にお応えして「アイスクリーム屋さんのECサイトTOP」を生放送で公開制作 90分
デザインパターン基礎 8時間
デザインパターン基礎 -Web制作におけるデザインの全体像をつかむ- 60分
デザインパターン基礎 -CSSのみで実装できるデザインテクニック- 60分
デザインパターン基礎 -CSSとjQueryを使ったハンバーガーメニューの実装- 60分
デザインパターン基礎 -CSSとjQueryを使ったプルダウンの実装- 60分
デザインパターン基礎 -カルーセルスライダーslickを用いたスライドの実装- 60分
デザインパターン基礎 -動作に合わせてデザインを変化させるパララックス(視差効果)の実装- 60分
デザインパターン基礎 -スクロール時にTOPを固定させる実装- 60分
デザインパターン基礎 -情報量が多い時に役立つ切り替えタブの実装- 60分
レスポンシブコーディング入門 3時間
レスポンシブコーディング入門 -MediaQueryを実装する- 60分
レスポンシブコーディング入門 -ブレイクポイントを増やす- 60分
レスポンシブコーディング入門 -ブレイクポイントごとのCSS完成- 60分

説明資料(サンプル)

担当講師

研修の内容詳細

1. 「ライブグラフィックデザイン:プロの技から学ぶ

学べること

  • ・ランディングページを制作するときのポイント
  • ・ランディングページのデザインにあたっての考え方

この授業では、印刷会社や消費財メーカーのインハウスデザイナーを経て、現在フリーのデザイナーとしてご活躍されている浅野桜先生をお招きし、授業の中でランディングページを実際に制作いただきます。実演の中でランディングページのデザインを制作するときの考え方やポイントを学ぶことができるので、Webデザインの初心者で、これから一人でデザインの仕事を受けられるようになりたいと考えている方におすすめの授業です。

受講者の声

  • 楽しく拝見できました。自分以外の人の作業を見るのは本当に参考になります!ありがとうございました!!!

  • リアルタイムでの作業とても楽しくためになりました。人の作業を見るのがためになることを再確認させていただきました。

2. 「デザインパターン基礎

学べること

  • ・PCサイトやスマートフォンサイトのデザインパターンとコーディング
  • ・Webデザイン制作の流れ
  • ・CSSやjQueryを使ったデザインテクニック

この授業では、Webサイトを制作するうえで最低限必要となる、デザインの表現方法やコーディングテクニックについて全8回の授業を通して網羅的に学びます。実技を交えつつ、様々なデザインの実装方法について学ぶことができるので、より実践的なスキルを身に着けることができます。講師は、フロントエンジニアとして現場の第一線で活躍され、Web講師としての側面も持つ小橋優子先生です。

受講者の声

  • ぼんやりと理解していた要素の違いが明確になりました。先生のトークも面白く、楽しみながら理解が深まりました!

  • とても分かりやすいです。今までCSSを中途半端に理解したままでした。CSSの意味(個性)を知ることで理解を深めることができました。ありがとございます。

3. 「レスポンシブコーディング入門

学べること

  • ・レスポンシブデザインとは何か
  • ・MediaQueryを用いたCSSのコーディング方法

この授業では、スマートフォンがWebサイトの主流となっている中で、UIのデバイス切り替えを可能にするレスポンシブデザインについて学びます。実演を交えながらMediaQueryを用いたCSSのコーディング方法について全3回の授業を通して学ぶことができます。講師はこれまで広告・出版・Web業界でのデザイナーを経て、Webフロントエンドの企業・個人研修講師として活躍されている田中晶子先生です。

まずは資料をもらう (簡単10秒)

Webデザイナー研修

デザイン研修

無料で80ジャンル・5,700本以上、
現場で成功しているプロの授業をお試しいただけます

スクーの学習コンテンツは、OAスキルやビジネススキルはもちろん、さまざまな業界の最新情報など社員様のレベルアップに繋がる動画を5,700本以上ご用意。新しい動画も毎月追加公開しています。

現場で成功しているプロが講師を務めるのもスクーならでは。単なる座学ではなく、本当に役に立つ学びを追求しています。

研修授業の講師一例

  • 株式会社サイバーエージェント 取締役人事統括 曽山 哲人さん
  • 株式会社カラーズ 代表取締役社長 経沢 香保子さん
  • パーソナルキャリア株式会社/DODA編集長 大浦 征也さん など
受講画面

1,600社以上の企業に選ばれた、オンライン動画学習のスクーで
ぜひ社員様が継続して学べる研修を実施しませんか?

デモアカウント(無料)を今すぐ発行する

階層別で研修をさがす

職種別で研修をさがす

テーマ別で研修をさがす

20万人のビジネスマンに支持された楽しく学べるeラーニングSchoo(スクー)
資料では管理機能や動画コンテンツ一覧、導入事例、ご利用料金などをご紹介しております。
デモアカウントの発行も行っておりますので、お気軽にお問い合わせください。

お電話でもお気軽にお問い合わせください受付時間:平日10:00〜19:00

03-6416-1614

03-6416-1614

法人向けサービストップ