デザスタロゴ

女性がパソコン作業
デザスタが選ばれる理由
デザスタが選ばれる理由

なぜデザスタが選ばれるのかその理由は・・・

女性がパソコン作業

Support

デザスタのサポート

デザスタのサポート

Support

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

Voice

受講生の声

  • 様々な視点から
    デザインを見る

    デザインでは同じ内容なのに全然違うデザインが出てくるので様々な視点が見れたり、皆んなに負けたくない!と自分に喝を入れながら怠けずに最後まで乗り切る事が出来たと思います。4ヶ月前に勢いで参加しましたが、本当に参加して良かったです。

    岩切さん

  • 夜遅くまで
    質の高いフィードバック

    仕事をしながらスクールに通うという経験は初めてだったので少し不安はありましたが、皆様のおかげでポートフォリオも完成し無事に卒業ができました。先生には、ほんとに夜遅くまで質の高いフィードバックをして頂きこんなに親身になって教えて頂けるスクールは他に絶対に無いなと思いました。

    首藤さん

  • 現場ではやらない方が
    いいことも知れた

    フィードバックがある環境で、他の受講生と頑張れたことがとてもよかったです。現場ではしないやり方や、やらないほうがいいことなどは、自分では辿り着きにくいと思います。これらの点を指摘してもらえたので、自分のスキルも大きく向上したと思います。プロの方々からの指摘は、自分では気付けない視点からのものばかりでした。また、他の生徒さんのデザインを見ることも、いい刺激になりました。

    杉森さん

  • デザイン業界への
    転職ができた

    怒涛の4ヶ月間でした。説明会で卒業生の方々のポートフォリオを見て、本当に自分にこれが作れるんだろうかと不安でした。特にコーディングは全くやったことがなかったので未知の領域でした。
    >正直ポートフォリオのデザインやコーディングをしている時は、何度も心が折れかけましたが、先生の丁寧で手厚いサポートのおかけで、やりたかったことを何とか形にすることができたので、諦めなくてよかったと、本当に達成感が大きいです。授業や課題を通して、しっかりと技術を身につけられたことも未経験の業界へ転職する際の自信にもつながりました。
デザスタを受けた時の目標だった、デザイン業界へ転職することも実現することができ、これからも学ぶべきことはたくさんありますが頑張っていきたいです。

    亀井さん

  • 仕事に生きる内容が
    学べました

    模写や配られた素材での製作ではなく、実際の案件受注時のイメージで参考資料探しからできるのは身になりました。以前通った他スクールではソフトの使い方中心で切り取りする程度の実践で終わってしまったので、じっくりサイトデザインまで添削してもらい、最後に自分のサイトをデザインまでデザインできてよかったです。また、全体を通してバランスよく学べて短期間とは思えないほど、仕事に生きる内容が学べました。
    授業内容は他スクールからしたら破天荒だと思いましたが、退屈しない学びの多い濃い時間でした。スクールってなんとなく言われた通りに学ぶことになりがちだと思いますが、デザスタでは、もっと自分がどう動くか、何をどれだけやるかの重要性を感じることができ、決して受動的な授業ではなかったところが面白かったです。

    永井さん

受講生の声

Voice

  • 様々な視点から
    デザインを見る

    デザインでは同じ内容なのに全然違うデザインが出てくるので様々な視点が見れたり、皆んなに負けたくない!と自分に喝を入れながら怠けずに最後まで乗り切る事が出来たと思います。4ヶ月前に勢いで参加しましたが、本当に参加して良かったです。

    岩切さん

  • 夜遅くまで
    質の高いフィードバック

    仕事をしながらスクールに通うという経験は初めてだったので少し不安はありましたが、皆様のおかげでポートフォリオも完成し無事に卒業ができました。先生には、ほんとに夜遅くまで質の高いフィードバックをして頂きこんなに親身になって教えて頂けるスクールは他に絶対に無いなと思いました。

    首藤さん

  • 現場ではやらない方が
    いいことも知れた

    フィードバックがある環境で、他の受講生と頑張れたことがとてもよかったです。現場ではしないやり方や、やらないほうがいいことなどは、自分では辿り着きにくいと思います。これらの点を指摘してもらえたので、自分のスキルも大きく向上したと思います。プロの方々からの指摘は、自分では気付けない視点からのものばかりでした。また、他の生徒さんのデザインを見ることも、いい刺激になりました。

    杉森さん

  • デザイン業界への
    転職ができた

    怒涛の4ヶ月間でした。説明会で卒業生の方々のポートフォリオを見て、本当に自分にこれが作れるんだろうかと不安でした。特にコーディングは全くやったことがなかったので未知の領域でした。
    >正直ポートフォリオのデザインやコーディングをしている時は、何度も心が折れかけましたが、先生の丁寧で手厚いサポートのおかけで、やりたかったことを何とか形にすることができたので、諦めなくてよかったと、本当に達成感が大きいです。授業や課題を通して、しっかりと技術を身につけられたことも未経験の業界へ転職する際の自信にもつながりました。
デザスタを受けた時の目標だった、デザイン業界へ転職することも実現することができ、これからも学ぶべきことはたくさんありますが頑張っていきたいです。

    亀井さん

  • 仕事に生きる内容が
    学べました

    模写や配られた素材での製作ではなく、実際の案件受注時のイメージで参考資料探しからできるのは身になりました。以前通った他スクールではソフトの使い方中心で切り取りする程度の実践で終わってしまったので、じっくりサイトデザインまで添削してもらい、最後に自分のサイトをデザインまでデザインできてよかったです。また、全体を通してバランスよく学べて短期間とは思えないほど、仕事に生きる内容が学べました。
    授業内容は他スクールからしたら破天荒だと思いましたが、退屈しない学びの多い濃い時間でした。スクールってなんとなく言われた通りに学ぶことになりがちだと思いますが、デザスタでは、もっと自分がどう動くか、何をどれだけやるかの重要性を感じることができ、決して受動的な授業ではなかったところが面白かったです。

    永井さん

Works

受講生の実績

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

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

受講生の実績

Works

Lecturer Profiles

デザスタ講師紹介

デザスタ講師紹介

Lecturer Profiles