デザスタロゴ

個別に話を聞いてみる

Media

メディア情報

メディア情報

Media

2023.03.23メディア掲載
デザキャリ様に掲載いただきました。
2023.02.20メディア掲載
セーシンBLOG様に掲載いただきました。
2022.09.11テレビ出演
TOKYOMXテレビ「ええじゃないか!!」に代表の越智が出演しました。
2022.09.11テレビ出演
TOKYOMXテレビ「ええじゃないか!!」に代表の越智が出演しました。

Online Lecture

現役プロの技術が
詰まったカリキュラム

Webデザイナーコース

デザインカリキュラム

  • WEBデザイン基礎
    • デザインとは
    • WEBデザインのワークフロー
    • アプリケーションについて
    • WEBデザイン用語基礎
    • レイアウト基礎
    • データ作りの基礎

    使用するツール

    • Illustratorのアイコン Photoshopのアイコン
  • デザイン4原則
    • 近接、整列、強弱、反復
    • デザイン4原則の使う順番
    • デザイン4原則実践

    使用するツール

    • Illustratorのアイコン Photoshopのアイコン
  • フォント・文字組・配色
    • フォント(書体)について
    • 文字組について
    • 配色について
    • 色の機能について
    • 色の印象について

    使用するツール

    • Illustratorのアイコン
  • LPデザインの流れを掴む
    • LP構成要素確認
    • LP作成実践
    • ワイヤーフレーム作成
    • レイアウトの調整・デザイン

    使用するツール

    • Illustratorのアイコン Figmaのアイコン
  • レイアウト基礎
    • ターゲットの設定や確認
    • 目的や世界観の設定
    • ターゲットが興味を持つ情報の選定
    • デザインレイアウトの方向性
    • ワイヤーフレームを作成

    使用するツール

    • Illustratorのアイコン Photoshopのアイコン
  • レイアウト応用
    • 視線・行動の誘導
    • Zの法則、Fの法則
    • メリハリのつけ方
    • ジャンプ率の3つのポイント
    • 業種別デザイン

    使用するツール

    • Illustratorのアイコン Photoshopのアイコン

コーディングカリキュラム

  • HTML,CSSとは?
    • コーディングするための準備
    • HTMLを理解する
    • CSSを理解する
    • HTMLを簡単にかいてみる
    • CSSを簡単にかいてみる

    学習スキル

    • HTMLのアイコン CSSのアイコン
  • HTML,CSS応用
    • 横並びレイアウトを実装しよう
    • CSSリセット
    • レスポンシブ基礎
    • Chromeデベロッパーツール使い方
    • Git Hubの使い方

    学習スキル

    • HTMLのアイコン CSSのアイコン GitHubのアイコン
  • サイトに動きをつけよう
    • Javascript基礎
    • Javascriptをかいてみる
    • Javascriptの記述注意点
    • 配列、条件分岐、繰り返し処理

    学習スキル

    • HTMLのアイコン CSSのアイコン JavaScriptのアイコン GitHubのアイコン
  • 実際に
    コーディングしてみよう
    • デザインカンプからコーディングする方法
    • 地図の入れ方
    • ページ内リンクの方法
    • PC版「header」をコーディング

    学習スキル

    • HTMLのアイコン CSSのアイコン JavaScriptのアイコン GitHubのアイコン
  • 実際に
    コーディングしてみよう
    • jQuery基礎
    • ハンバーガーメニューを実装してみよう
    • スマホ版「header」をコーディングしよう

    学習スキル

    • HTMLのアイコン CSSのアイコン JavaScriptのアイコン GitHubのアイコン
  • サイトに動きをつけよう
    • jQueryプラグイン「slick」
    • 「Sass」について

    学習スキル

    • HTMLのアイコン CSSのアイコン JavaScriptのアイコン GitHubのアイコン Sassのアイコン

グラフィックコース

  • デザイン理論
    • デザイン基礎
    • デザイン4原則
    • 文字・色・写真とイラスト
    • 印刷知識(入稿データ)
    • 料金設定
    • 見積もりの考え方

    使用するツール

    • Illustratorのアイコン Photoshopのアイコン
  • 印刷知識・仕事の受け方
    • ロゴの基礎知識
    • ロゴデザインの流れ
    • 名刺デザインの基礎知識
    • レイアウト・ジャンプ率・余白
    • 入稿までの流れ

    使用するツール

    • Illustratorのアイコン Photoshopのアイコン
  • 名刺
    名刺の画像
  • ロゴ
    ロゴの画像
  • チラシ
    チラシの画像
  • 三つ折りパンフレット
    三つ折りパンフレットの画像
  • 8ページショップカード
    8ページショップカードの画像
  • 特別課題 コンペ
    特別課題 コンペの画像

現役プロの技術が詰まったカリキュラム

Online Lecture

Webデザイナーコース

デザインカリキュラム

  • WEBデザイン基礎
    • デザインとは
    • WEBデザインのワークフロー
    • アプリケーションについて
    • WEBデザイン用語基礎
    • レイアウト基礎
    • データ作りの基礎
  • デザイン4原則
    • 近接、整列、強弱、反復
    • デザイン4原則の使う順番
    • デザイン4原則実践
  • フォント・文字組・配色
    • フォント(書体)について
    • 文字組について
    • 配色について
    • 色の機能について
    • 色の印象について
  • LPデザインの流れを掴む
    • LP構成要素確認
    • LP作成実践
    • ワイヤーフレーム作成
    • レイアウトの調整・デザイン
  • レイアウト基礎
    • ターゲットの設定や確認
    • 目的や世界観の設定
    • ターゲットが興味を持つ情報の選定
    • デザインレイアウトの方向性
    • ワイヤーフレームを作成
  • レイアウト応用
    • 視線・行動の誘導
    • Zの法則、Fの法則
    • メリハリのつけ方
    • ジャンプ率の3つのポイント
    • 業種別デザイン

使用するツール

  • Illustratorのアイコン

    Illustrator

  • Photoshopのアイコン

    Photoshop

  • Figmaのアイコン

    Figma

コーディングカリキュラム

  • HTML,CSSとは?
    • コーディングするための準備
    • HTMLを理解する
    • CSSを理解する
    • HTMLを簡単にかいてみる
    • CSSを簡単にかいてみる
  • HTML,CSS応用
    • 横並びレイアウトを実装しよう
    • CSSリセット
    • レスポンシブ基礎
    • Chromeデベロッパーツール使い方
    • Git Hubの使い方
  • サイトに動きをつけよう
    • Javascript基礎
    • Javascriptをかいてみる
    • Javascriptの記述注意点
    • 配列、条件分岐、繰り返し処理
  • 実際に
    コーディングしてみよう
    • デザインカンプからコーディングする方法
    • 地図の入れ方
    • ページ内リンクの方法
    • PC版「header」をコーディング
  • 実際に
    コーディングしてみよう
    • jQuery基礎
    • ハンバーガーメニューを実装してみよう
    • スマホ版「header」をコーディングしよう
  • サイトに動きをつけよう
    • jQueryプラグイン「slick」
    • 「Sass」について

学習スキル

  • HTMLのアイコン

    HTML

  • CSSのアイコン

    CSS

  • JavaScriptのアイコン

    JavaScript

  • GitHubのアイコン

    GitHub

  • Sassのアイコン

    Sass

グラフィックコース

  • デザイン理論
    • デザイン基礎
    • デザイン4原則
    • 文字・色・写真とイラスト
    • 印刷知識(入稿データ)
    • 料金設定
    • 見積もりの考え方
  • 印刷知識・仕事の受け方
    • ロゴの基礎知識
    • ロゴデザインの流れ
    • 名刺デザインの基礎知識
    • レイアウト・ジャンプ率・余白
    • 入稿までの流れ
  • 名刺
    名刺の画像
  • ロゴ
    ロゴの画像
  • チラシ
    チラシの画像
  • 三つ折りパンフレット
    三つ折りパンフレットの画像
  • 8ページショップカード
    8ページショップカードの画像
  • 特別課題 コンペ
    特別課題 コンペの画像

使用するツール

  • Illustratorのアイコン

    Illustrator

  • Photoshopのアイコン

    Photoshop

Skill

学べるスキル

学べるスキル

Skill

Lecturer Profiles

デザスタ講師紹介

デザスタ講師紹介

Lecturer Profiles

Interview

受講生インタビュー

  • 提案できるマーケターになるため

    Webデザイナーコース 小出 裕一郎さん

  • 念願のフルリモート

    Webデザイナーコース 瀬川 真帆さん

  • 海外でWebデザインを仕事に

    Webデザイナーコース 東 光子さん

  • スキルアップのために受講!

    Webデザイナーコース 加藤 裕子さん

  • 育児休暇中にスキルを取得!

    Webデザイナーコース 角野 麻衣さん

  • PC購入からのスタートでした。

    Webデザイナーコース 益田 悠平さん

  • 制作会社に転職

    Webデザイナーコース 藤 亮さん

受講生インタビュー

Interview

  • 提案できるマーケターになるため

    小出 裕一郎さん

  • 念願のフルリモート

    瀬川 真帆さん

  • 海外でWebデザインを仕事に

    東 光子さん

  • スキルアップのために受講!

    加藤 裕子さん

  • 育児休暇中にスキルを取得!

    角野 麻衣さん

  • PC購入からのスタートでした。

    益田 悠平さん

  • 制作会社に転職

    藤 亮さん

Works

受講生の実績

Webデザイナーコース卒業生

グラフィックコース卒業生

受講生の実績

Works

Reason

デザスタが選ばれる理由

デザスタ講師の画像

レベルの高い現役講師

デザスタの講師は、全員現役かつ実務経験豊富です。講義や質問へのフィードバックでは、現在進行形で使われている情報や技術を教えてもらうことができます。講師のレベルには自信があります。

スマートフォンでチャットしている人

個別マンツーマンサポート

課題やポートフォリオ作成時など何か困った際にはチャットで24時間質問ができます。チャットでは伝えづらい質問は、Zoomを使用しての質問も可能です。受講生のために質問の回数制限は設けておりません。質問対応をするのは講義を担当した講師なので安心して質問ができます。

オンラインで授業をしている風景

少人数制のオンライン授業

デザスタは3〜8名の少人数定員制です。超少人数だからこそ講師も1人1人に対して充実した指導や質問へのフィードバックが丁寧にできます。1対1でZoom質問対応ができるのは少人数だからこそです。

勉強をしている人

即アウトプットの
実践型カリキュラム

ソフトの使い方だけ教えて終わりではありません。「自分で考えたイメージを形にできるようになる。」「見やすいデザインにするためにはどうしたらいいのか」という実践を踏まえたカリキュラムになっています。講義の後には毎回課題があります。即アウトプットすることで身につけやすい環境をご用意しています。講義を受けただけで知ったつもりにならないようサポートします。

デザスタが選ばれる理由

Reason

デザスタ講師の画像

レベルの高い現役講師

デザスタの講師は、全員現役かつ実務経験豊富です。講義や質問へのフィードバックでは、現在進行形で使われている情報や技術を教えてもらうことができます。講師のレベルには自信があります。

スマートフォンでチャットしている人

個別マンツーマンサポート

課題やポートフォリオ作成時など何か困った際にはチャットで24時間質問ができます。チャットでは伝えづらい質問は、Zoomを使用しての質問も可能です。受講生のために質問の回数制限は設けておりません。質問対応をするのは講義を担当した講師なので安心して質問ができます。

オンラインで授業をしている風景

少人数制のオンライン授業

デザスタは3〜8名の少人数定員制です。超少人数だからこそ講師も1人1人に対して充実した指導や質問へのフィードバックが丁寧にできます。1対1でZoom質問対応ができるのは少人数だからこそです。

勉強をしている人

即アウトプットの
実践型カリキュラム

ソフトの使い方だけ教えて終わりではありません。「自分で考えたイメージを形にできるようになる。」「見やすいデザインにするためにはどうしたらいいのか」という実践を踏まえたカリキュラムになっています。講義の後には毎回課題があります。即アウトプットすることで身につけやすい環境をご用意しています。講義を受けただけで知ったつもりにならないようサポートします。

Support

デザスタのサポート

デザスタのサポート

Support

Career Support

キャリアサポート

キャリアサポート

Career Support

Course Contents

どんな内容?

どんな内容?

Course Contents

よくある質問

FAQ

受講について

システムについて

料金について

教育ローンについて