ケースのWebデザイン制作に挑戦!

これまでのステップで、Figmaの使い方やデザイン作成の概要などの基礎知識を学んできました。
このステップからは、デザイン制作に挑戦していきます。

「デザイン制作ってどうやるの？」と思うかもしれないので、まずはデザイン制作課題の進め方について説明していきます。

デザイン制作課題の進め方

まずはデザデジにアクセス!

デザイン制作課題の進め方について説明していきます。進め方としては5つのステップで進めていきます。
※下記のステップを確認したい場合は、デザイン制作課題一覧ページの「課題の始め方」から確認してください。

1. 課題を選ぶ
   デザイン課題一覧から、好きな課題をお選びください。
   課題によって、難易度や制作物が異なります。
2. デザイン制作
   Figmaで、課題の内容に沿ってデザイン制作を行います。
3. 提出・添削
   各課題ページにある提出フォームから、作成したデザインを画像として書き出して提出してください。
   講師が添削してフィードバックをお返し（Slackにて）します。
4. 修正
   フィードバックをもとに、デザインを修正します。修正の添削はSlack上でやり取りしてください。
5. 合格
   共有と修正を繰り返し、合格の講師から合格の判定が出たら課題完了です。課題を完了ステータスに切り替えて、他の課題に取り組みます。

これらの5つのステップを繰り返し行うことで、デザイン制作の技術を向上させていきます。

Step1：課題を選ぶ

Step1の「課題を選ぶ」では、模写コーディングを行いたい課題を選択します。

例として「No.001」を選択しています。

Step2：デザイン制作

Step2の「デザイン制作」では、課題詳細ページの制作物の内容を確認してデザイン制作を行います。

1. 制作物の内容を確認する
   制作物の内容を確認し、何を制作するのか、どのようなデザインにするのか、目的は何か、ページ数や制作時間などを把握します。デザイン制作の前に情報を整理した状態で制作に臨みましょう。
2. デザイン制作に取り掛かる

Step3：提出・添削

Step3の「提出・添削」では、制作した課題の提出を行い、講師から添削及びフィードバックを貰います。

1. デザイン制作した課題をZip化
   提出する際には、課題をエクスポートし、その画像をZipファイルにする必要があります。
   提出前にZip化しておきましょう。
2. デザイン制作した課題を提出する
   「提出」ボタンをクリックしてください。 提出するZipファイルをアップロードし、「提出する」ボタンをクリックしてください。

Step4：修正

Step4の「修正」では、講師からのフィードバックをもとに、デザインの修正を行います。

1. フィードバック内容を修正する
   フィードバックの内容を確認し、デザインの修正を行います。
2. 修正したデザインを提出する
   修正したデザインをエクスポートし、その画像をZipファイルにして、Slackで提出してください（提出先は、講師からフィードバックの画像が送られてきたチャンネルです）。
3. 講師からの添削及びフィードバック
   課題を提出後、2~3営業日以内にスラックでお返しします。

Step5：合格

Step5の「合格」では共有と修正を繰り返し、合格の講師から合格の判定が出たら課題完了となります。

課題を完了ステータスに切り替え、他の課題に取り組みましょう。

以上が、「ケースのWebデザイン制作に挑戦!」についての説明でした。

それではデザイン制作に取り掛かりましょう！