WEBデザイン講座《デザインカンプ制作入門》コース【対象】自分の力だけでゼロからWEBデザインをすることに自信がない方

【学習の流れ】①トレース用のWEBデザインを選ぶ②WEBデザインをトレースしワイヤーフレームにする③ワイヤーフレームに素材を配置する④ベースカラーを決め配色する⑤WEBデザインを完成させる【注意】HTMLやCSSについては学習いたしません。

Ratings 4.57 / 5.00
WEBデザイン講座《デザインカンプ制作入門》コース【対象】自分の力だけでゼロからWEBデザインをすることに自信がない方

What You Will Learn!

  • AdobeXDの基本操作
  • ゼロからWEBデザインをする具体的な作業フローを学習する
  • ①トレース用のWEBデザインを選ぶ
  • ②WEBデザインをトレースし、ワイヤーフレームにする
  • ③ワイヤーフレームに素材を配置する
  • ④テーマカラーを決め、配色する
  • 【注意】本講座では、HTMLやCSSなどのコーディングについては学習致しません。

Description

▼ご注意ください

storeGが公開している講座は、講師によるナレーションではなく、全てプロのナレーターによるナレーションを採用しています。
そのため、ナレーションにこだわりがある方は、ひとまず無料視聴動画をご確認いただき、受講をご検討いただければ幸いです


【新着情報】

  • [NEW] 特典レクチャーの「WEBデザイナーの仕事は将来、AIに奪われるのか?」で

    9.最新のテスト結果  (GPT-4V) 2023/10/10 を追加しました。

    ※ChatGPTのコーディングレベルがかなりアップしています!
    【追加】WEBデザイナーの仕事は将来、AIに奪われるのか?【7】【8】※2023年7月上旬版

  • 特典動画を追加しました!

    ※シリーズWEBデザイン講座共通の特典動画となります。

    WEBデザイナーの仕事は将来、AIに奪われるのか?について、気になっている方も多いのではないかと思います。そのような疑問に対する答えとなるような動画を作成しましたので、是非、ご視聴ください!

  • [new] AdobeXDのスタータープラン(無料版)の提供が終了についてのお知らせを追加しました。

  • 本講座のサポートについてのレクチャーを追加しました。

  • AdobeXDのインストールの流れが変更になったため、アップデートしました。

  • カスタマイズ例のレクチャーを追加しました。


【主な受講対象】

どのような方にお勧めですか?

世の中に数多くあるWEBデザイン講座は、HTMLやCSSのコーディング学習がメインとなっており、完成したWEBデザイン(デザインカンプ)は講座の方で用意されていることがほとんどです。そのため、

  • いざご自身でゼロからWEBデザインを制作しようとされた時に「どうすればいいのかわからない。」といった悩みに直面されている方

  • WEBデザインのスキルアップとして薦められた「トレース」に励んでみたものの、トレース自体はうまくできるようになったけれど、自分自身でゼロからWEBデザインをしようとすると全くイメージがわかず手が止まってしまう方

に、お勧めいたします。


【学習内容】

本講座では上記であげたような、ゼロからWEBデザインをする際に具体的な作業フローがイメージできない方を対象に、

  1. トレース用のWEBデザインを探す・選ぶ

  2. WEBデザインをトレースし、ワイヤーフレームにする

  3. ワイヤーフレームに素材を配置する

  4. ベースカラーを決め、配色する

  5. デザインカンプを完成させる

といった流れで、デザインカンプを完成させるまでの流れを学習します


本講座は《デザインカンプ制作入門》コースのため対象は初級者(全くの初心者ではなく、基本的なWEBデザインスキルは身につけられている方)を想定しています。
ただし、ご自身の力でゼロからデザインカンプを制作する「実用的な制作スキル」がある方にとっては、あまりにも基本的な内容になるので、そのようなレベルの方にはご受講をお勧め致しません。つきましては、ご受講前にカリキュラムのご確認をよろしくお願いいたします。

※AdobeXDは無料プランを使用するので、ツールの使用料金などは別途必要ありません。


  • ナレーション・BGMほか

    • ナレーション 竹中 さやか

    • BGM YOU (storeG)

  • イラストほか

    • freepik

    • pixabay

    • Canva

Who Should Attend!

  • ゼロからWEBデザインをする際に具体的な作業フローがイメージできない方
  • Adobe XDの基本操作からWEBデザインを学習したい方
  • Adobe XDでワイヤーフレームの作成方法を知りたい方
  • WEBデザインの配色方法を知りたい方
  • 【注意】本講座では、HTMLやCSSなどのコーディングについては学習致しません。

TAKE THIS COURSE

Tags

  • Web Design
  • Wireframing
  • Adobe XD

Subscribers

1250

Lectures

53

TAKE THIS COURSE



Related Courses