Webデザイナー講座
在宅・副業プラン

デザインスキルを使った副業から
始めてみたいあなたへ

2020年10月、新カリキュラムにアップデート

全7ヶ月

393,800円税込

手に職をつけて副業・在宅ワーク Webデザイナーの
お仕事“直結”講座

Webデザイナー講座 在宅・副業プラン」では、IllustratorとPhotoshop、HTML5/CSS3などのWebデザイン・制作には欠かせないスキルの修得はもちろん、場所を選ばず仕事を獲得するためのノウハウまで身につけることができます。

付属の「バナー制作実践講座」を受講後、提携のジョブマッチングサービス等を利用することで、最短3ヵ月から在宅で収入を得ることも。 いきなりの転職や独立は荷が重い、まずは腕試し感覚で収入を得てみたいという副業志望の方にお勧めの講座です。
オンラインの講座なので、日中まとまった時間をとることができない方や、スクールに通うのは難しいという方にも最適。講師への質疑応答体制など、サポート環境も充実しているので、初心者の方にも安心してご受講いただけます。

より本気でフリーランスとして独立をお考えの方は、
Webデザイナー講座 フリーランスプランもご検討ください

身に付くスキル

  • Photoshop/
    Illustrator
  • HTML5 / CSS3 /
    Dreamweaver
  • JavaScript
  • 企画・ワークフロー
  • カラー・フォント
  • バナー広告制作講座
  • マネージメント
    スキル
  • Webリテラシー
  • クリエイターの
    ための著作権

未経験OK! こんな方にオススメ

  • 子育てをしながら在宅でWebデザインの仕事をしていきたい

    子育てをしながら在宅でWebデザインの仕事をしていきたい

  • 空き時間を使って副業でWebデザイナーとして活動したい

    空き時間を使って副業でWebデザイナーとして活動したい

  • スクールに通わず、家で好きな時間にWebデザインを勉強したい

    スクールに通わず、家で好きな時間にWebデザインを勉強したい

  • デザインを学ぶだけでなく、Webデザイナーとして副業・在宅でできる仕事を探したい

    デザインを学ぶだけでなく、Webデザイナーとして副業・在宅でできる仕事を探したい

講座の特徴 卒業後80%が「Webデザイナー」になっている講座です

Webデザイナーの魅力のひとつとして、リモートで仕事ができるという点が挙げられます。子育てや介護、身体的な理由で「出社は難しくても在宅で収入を得たい」という方や、空き時間を使ってWebデザイナーとして副業をしたい方にとって「手に職をつける」ことに特化した本講座は、非常に有益と言えるでしょう

STUDY

学習の流れ

デジハリ・オンラインスクールでの学習は、動画授業でのインプットと、課題を作成するアウトプットの
繰り返しです。ただ授業を聞くだけでなく、自分で手を動かすアウトプットを講座の中で行うため、
確実にスキルを身につけることができます。

  • 1. 動画授業を見る
    1. 動画授業を見る
  • 2. 課題を作成する
    2. 課題を作成する
  • 3. 講師が課題を添削
    3. 講師が課題を添削

講座内容

グラフィック/HTML/CSSリファレンス

グラフィック/HTML/CSSリファレンス

グラフィック リファレンス

Illustratorの基本操作 / 描画ツールでの描画 / ペンツールでの描画 / レイヤー / 文字の入力 / オブジェクトの変形 / 線の設定とアピアランス / Photoshopの基本操作 / 画像の補正 / 画像の加工 / 文字の入力

HTML/CSS リファレンス

オリエンテーション / Webの基本 / HTMLを記述する際の注意 / リンク構造を作る / 全ての要素を確認する / テキストコンテンツに関する要素 / コンテンツセクショニングに関する要素 / 画像とマルチメディアに関する要素 / テーブルに関する要素 / フォームに関する要素 / その他、覚えておきたい要素 / SEO対策、SNS対策 / 地図、動画の読み込み / コンテンツモデルについて / CSSの基本 / セレクターの種類 / 擬似クラス / 疑似要素 / セレクターの組み合わせ / CSSを記述する際の注意 / ⽂字・⾏に関するプロパティ / トピックス / 背景に関するプロパティ / ボックスに関するプロパティ / 表⽰・配置に関するプロパティ / アニメーションに関するプロパティ / レイアウト / @規則について / JavaScript

グラフィック/HTML/CSSワーク

グラフィック/HTML/CSSワーク

グラフィック ワーク

名刺で覚えるIllustrator基礎 / Illsutratorパスでロゴマーク / バナーで覚えるPhotoshop基礎 / カフェサイトのデザイン(PC・スマホ)/ カフェサイトデザインの書き出し / 企業サイトトップページ(PC・スマホ)/ 企業サイトサービスページ(PC・スマホ)/ 企業サイトお問い合わせページ(PC・スマホ)

HTML/CSS ワーク

オリエンテーション / Webサイト制作の準備をしよう / HTMLの基本を学ぼう / デザインデータをみてみよう / Webページの雛形をつくろう / HTMLでトップページをマークアップ / CSSの基本を学ぼう / CSSを記述する準備をしよう / ヘッダーを装飾しよう / トップセクションを装飾しよう / メニューセクションを装飾しよう / アクセスセクションを装飾しよう / ニュースセクションを装飾しよう / フッターを装飾しよう / 公開前の仕上げを⾏おう / ドロワーメニューを作ろう / 課題︓プロフィールサイトに改修してみよう / Webサイトを公開しよう

講義動画

講義動画

Web概論

Webってなに? / Webサイトを作るのに必要なもの / Web制作の流れ / 今回のカリキュラムについて

Webデザインのためのワークフロー

イントロダクション / 調査・ヒアリング / 目的・方針整理/サイト構造設計 / 目的・方針整理/サイト構造設計

デザイナーのためのフォント概論

はじめに / フォントの役割 / Webデザインのフォント / フォントを購入する理由 / 書体の見分け方・探し方 / おすすめフォントのご紹介

Webデザインで使う色の基本原則

Webデザインのデータ作成時に気をつけること / Webデザインの基本的な配色 / 理論から考える配色 / 印象から考える配色 / 機能から考える配色 / 配色ジェネレーターやブラウザアドオン

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

著作権の考え⽅ / 著作物とは︖ / 著作(財産)権とは︖ / 著作者⼈格権とは︖ / 著作隣接権とは︖ / 実践

JavaScript

JavaScript

Javascript リファレンス

はじめに / Javascript基礎 / 変数と定数 / 条件分岐 / 【課題】条件分岐 / 変数スコープ / jQuery基礎 / jQueryメソッド / 【課題】jQuery / jQueryイベント / 【課題】jQueryイベント

Javascript ワーク

ページアップボタンをつくろう / ナビゲーションメニューをつくろう / スライドショーをつくろう / ワーク課題

バナー制作実践

講座内容

バナー制作実践

-サイト内バナー

はじめに / 完成データの確認と新規ドキュメントの作成 / 文字情報の入力と配置の目安の作成 / 文字調整 / 画像の切抜きと配置 / 最終調整とバナーの完成

-コンバージョン系バナー

完成データの確認 / リボンの作成 / 爆発マークの作成 / キラキラの作成 / 背景用パーツの作成 / 新規ドキュメントの作成 / コインの配置 / 背景キラキラの配置 / リボンと文字の配置 / 文字情報の入力と配置 / もれなくバッチの作成 / 文字の装飾の設定 / 日付の作成 / 文字のキラキラの配置 / ロゴの配置とバナーの完成

-ブランディング系バナー

完成デザインの確認 / 新規ドキュメントの作成 / リボンの作成 / 商品の配置 / ロゴの配置 / コピーの作成 / 効果の作成 / フッターの作成 / バナーの完成

お金の教養講座フリーランスとして生きること

お金の教養講座フリーランスとして生きること

在宅やフリーランスで活動し、仕事を継続していくためには、Webデザインのスキルそのものだけでなくお金に関する知識が不可欠です。そこで、マネースクール「ファイナンシャルアカデミー」と連携し、フリーランスとして生きていくために重要なポイントを簡潔にまとめました。

※本講座に含まれるお金の教養講座は、全2ヶ月の「お金の教養講座」の一部抜粋版です。マネージメントについてより深く学びたい方は、併せて「お金の教養講座」本編を受講頂くことをお勧めします

Webリテラシー概論

Webリテラシー概論

・インターネットの歴史(ブラウジング環境/サーバの役割 etc.)
・インターネットビジネス(市場規模/ビジネスモデル etc.)
・インターネットに関する法規(個人情報保護法/著作権 etc.)
・プロジェクトマネージメント(Web業界の構造/予算管理 etc.)
・企画(現状分析/サイト設計 etc.)
・設計(仕様書/情報構造設計 etc.)
・デザイン(ビジュアルデザイン/Web標準 etc.)
・制作(アクセシビリティ/プログラミング概要/セキュリティ etc.)

ライブ授業

ライブ授業

ライブ授業では現役のWebデザイナーの講師から、Web制作の流れや、就転職、Web業界で働くためのノウハウを直接習得することが出来ます。授業はリアルタイムで配信されるので、まるで実際の教室にいるかのように講師へ質問をすることができます。

ブラッシュアップレッスン

「みなさんの作品はどうすればより良くなるのか」を講師がアドバイスしていきます。 自分、そして他の受講生へのアドバイスに触れることで、表現の幅を拡げていきます。

カラー&画像講義

プロのデザイナーはデザインの目的やイメージを基に視覚的な効果を考え、色や形を意図的に使っています。この講義では、実際のデザインを見ながら何故その色(配色)や形(線)、レイアウトにしたのかを考えていきます。

Webサイト事例研究

優れたデザイン事例や先端的な表現の研究・解説を通じて、トレンドを踏まえた商用レベルのWebサイトを制作する際のポイントを整理していきます。

Web業界の「いま」と「これから」

ライブでしか伝えられない業界の「今」と「これから」を大胆解説。制作スキルのみならず、プロとしての心構えや職場でのコミュニケーションなど、業務に役立つ実践的内容です。

※動画授業はオンデマンドでの配信となるため受講期間終了後は閲覧することができません。

PORTFOLIO

チコさんの作品
Webデザイナー講座

修了課題
歯科医院のWebサイトとして適切な清潔感のあるデザインと、コーディングにおいても難易度の高い position プロパティや Flexboxといった技術も正しく使用できており、講義内容をきちんと理解し習得できています。

柿添 証子さんの作品
Webデザイナー講座

修了課題
各ブロックごとのレイアウトやフォントカラー、写真とテキストのバランスなど、親しみやすさと美しさ、双方の調和が取れています。

SUPPORT

自宅でもサポートがあるから安心!

オンラインでも通学と同じだけの学習効果を出すために、オンライン・アダプティブ・サポートの提供を開始しました。授業を受ける「インプット」だけでなく、質問や課題添削などの「アウトプット」、さらに目標設定や進捗確認(希望者のみ)もカリキュラムに含まれています。

  • 質問できる!講師が直接回答します
    質問できる!講師が直接回答します

    学習中の疑問や質問は、いつでも講師に直接聞くことができ、プロクリエイターの講師が一つひとつの質問に丁寧に回答します。オンラインの個別対面サポート(予約制)もご利用いただけます。

  • 添削してもらえる
    添削してもらえる

    授業中に作成した課題は、現場を知り尽くしたプロクリエイターの講師が丁寧に添削し、一人ひとりに合った指導をします。動画授業のインプットだけではなく、課題作成のアウトプットまで講師が関わるから、高いスキルが身に付きます。
    添削例を見る

  • ライブ授業で講師と話せる
    ライブ授業で講師と話せる

    自分のペースで受けられる動画授業の他に、講師とコミュニケーションしながら受けられるライブ授業もあるので、疑問もすぐに解消できます。※対象講座のみ。
    ライブ授業の様子を見る

卒業後のお仕事獲得もサポート!

  • 「フリーランスの案件」を紹介
    「フリーランスの案件」を紹介

    デジハリ生限定で、フリーランス案件をご紹介!一般的なフリーランス募集サイトでは「経験者のみ」という条件があるものがほとんどですが、高いスキルが保証されているデジハリ生だから、「未経験OK」な案件が豊富です。

  • デジハリ生限定の非公開求人サイトが使える
    デジハリ生限定の非公開求人サイトが使える

    デジタルハリウッド受講生のためだけにつくられた、非公開求人サイト『WorketCareer』。クリエイティブに特化した求人情報を集約しています。また、デジタルハリウッド生に限定した「非公開求人」は業界未経験者が業界に入るときの足がかりになっています。

  • キャリアセンターが、就転職をバックアップ
    キャリアセンターが、就転職をバックアップ

    デジタルハリウッドのキャリアセンターでは、就職・転職の個別相談や、採用セミナーの開催を行っています。 また、提携している「イマジカデジタルスケープ」では、専任のコンサルタント集団があなたの就転職をバックアップします。

本講座に含まれるサポート

ライブ授業 5時間 アダプティブ・
サポート
実習動画 135時間 受講生限定イベント
質問回数 無制限 交流会
就転職サポート 求人サイト使用可能 修了証
課題添削回数 無制限 SNSへの参加
ライブ授業 実習動画
5時間 135時間
質問回数 就転職サポート
無制限 求人サイト使用可能
課題添削回数 アダプティブ・
サポート
無制限
受講生限定イベント 交流会
修了証 SNSへの参加

ENVIRONMENT

1.Adobe Creative Cloudが必要な講座です

お持ちでない方は、「Adobe Creative Cloud」を39,980円(税込)でご購入いただけます。

Adobe Creative Cloudをご購入いただくと、Photoshop,Illustrator,Dreamweaverを含む、すべてのAdobeアプリケーションを1年間お使いいただけるようになります。
機能・サービスは通常版のAdobe Creative Cloudコンプリートプランに準じます。
購入にあたっては、メーカーが定める必要システム構成もあらかじめご確認ください。

2.受講に必要なパソコン環境

受講環境につきましては、こちらをご参照ください。

FAQ

Q.子育てしながらでも学習できますか?

はい、可能でございます。 デジハリ・オンラインスクールの受講生のおよそ半分の方が女性です。 年齢も20代・30代の方が多いため、受講しながら、育児や出産準備をされる方も多くいらっしゃいます。

子育て、出産というのは、本当に大変なことだと思います。なかなか自分の時間を持ちにくいかと思いますが、ご自身のペースで勉強できるのが、デジハリ・オンラインスクールの良いところでもあります。家事の合間などの隙間の時間でも学習いただけますので、ご自身で学習スケジュールを立てて、進めていたくことができます。

また、タブレットやスマートフォンを活用することで、場所を選ばずに学習することができます。

お子様のお昼寝の時間でも、ベッドのそばで目を離さずに学習いただけます。また、お子様と一緒に学習いただくことも可能です。中には、お子さまをひざの上に乗せながら動画授業を受けているという方もいらっしゃいます。 このように、周りを気にせずに受講いただけるのも、デジハリ・オンラインスクールの特徴です。

Q.オンライン・アダプティブ・サポートとは何ですか?

オンライン・アダプティブ・サポート(OAS)とは、それぞれの状況や、理解度に合わせて最適な学び方を提案していく、アダプティブラーニングの手法を取り入れた、あたらしいサポートの名称です。
講師とスタッフによる定期的な個別面談と学習指導や、クラスメイトとの進捗共有を通じて、かなえたい目標に挫折することなくたどり着けるよう、専任のスタッフが受講修了までしっかりサポートします。
※希望者のみ実施。ご自身のペースで、自由に学習を進めていただくことももちろん可能です。

APPLICATION

≪期間限定≫キャンペーン実施中

20201031日(土)まで

【Webデザイナー講座アップデート記念】先着20名様にiPadプレゼント実施中

お申し込み講座

Webデザイナー講座 在宅・副業プラン

受講期間

約7ヵ月(31週間)

  • お支払い手続き完了後は、すぐに受講開始となります

受講料

393,800円(税込)

Adobe CCの購入

※受講環境および約款をご確認いただけましたら、「受講環境、約款を確認しました」にチェックを入れ、申込フォームへお進みください。
※分割払いもこちらからお申込みいただけます

RECOMMEND